iUXUI Journey IX — Adobe XD Challenge

RuzeriE K.
4 min readMar 3, 2021

I try to use XD tools more by these challenge. OK Let’s see what I can get.

First, Basic Hotkey & Mouse (on Windows)

  • V : select tool
  • R : rectangle tool
  • E : ellipse tool
  • T : text tool
  • scroll mouse : move artboard up/down
  • Ctrl / Alt + scroll mouse : zoom in/zoom out
  • Shift + scroll mouse : move artboard left/right
  • Space bar + drag right click : catch monitor and move
  • Alt + drag element / Ctrl + D : duplicate element
  • Undo, Redo, Copy, Paste, with basic hotkey

ch01 — Profile Page

create guide
make a curve shape
drage image to the shape, it will fit in. WOW!!
Ctrl + D to duplicate think
shift + drag = get symmetry shape, alt + drag = fix center and scale
create your own asset
select element, then Ctrl + G to create group folder
element stack feature
final result

Spend 2 Hrs. 😂😂😂

ch02 — Scrollable Cards

quick to create guide
add useful plugin: ui faces & icons 4 design. and use it in plugin search
voolaaaaa!!!!
you can use this plugin to random username, or drag text file (images) to repeat grid
final result

Spend 1 Hr. 😆😆😆

ch03 — Friends Feed

create icon with pathfinder tool
click on element, then hold Shift to arrange space in stack
final result

Spend 1 and half Hr. 😆😆😆

ch04 — Emoji Picker

use Background Blur to setting glass like shape
make icon with shape
set hover state, click icon > add hover state > double click icon > scale size
remove delay on hover in Prototype mode
final result

Spend 1 Hr. 😁😁😁

At first, I set milestone with 30 days challenge. But after try some, it’s take time so much and most of this series it’s design on mobile base. It is not suite me. And this is not my role in my team that I must master it.

So, I will stop this first and try to find design case on web base next time.

Have a fun in design man!!!

Bye Bye.

--

--

RuzeriE K.

Like to be a Agriculturist and career is Developer around 10+ years but I feel like, I'm still a novice.