Please enable JavaScript.
Coggle requires JavaScript to display documents.
UX on Photoshop (Set up your files (Adding a grid (Show grid (View ->…
UX on Photoshop
Set up your files
Create a document
Files
->
New
Choose your
Preset
Web, mobile,...
Adding guides
Show ruler
View
->
Ruler
Click right on ruler
Select
Pixel
See info
Window
->
Info
Adding a grid
Show grid
View
->
Grid
Change grid
Preferences
->
Guides, Grid & Slices
Change measure
Gridline Every
Example : 8.33 percent
Snap to a grid
View
->
Snap To
->
Grid
Create dynamic shapes
Select
the Selection tool
Create
rectangle, circle....
Edit
->
Fill
->
Use
->
50 percent gray
Define stroke
Dbl click on the Layer
Select & Check
Stroke
Change the settings if you want
Size, position,...
Apply transformation
Select
the Move tool
Check
Show Transformation Controls
Transform what you want
Work with text
Select
the text tool
Type-->Paste Lorem Ipsum
Define a paragraphe style for reusing in differents pages
Type-->Panel --> Paragraph Style
Cick on Icon
Menu
Click on icon
New Paragraph Style
Click on
Style Options
Create reusable assets
Kit
Wireframe UI Kit
Organize content
Export Artwork