Transcript
![Page 1: Wireframes Mock-ups · Wireframes Mock-ups • Plan the structure of your site (at various breakpoints) • Only use grayscale, but create contrast and hierarchy • Use boxes to](https://reader036.vdocument.in/reader036/viewer/2022081402/5f8dfc2f37a78d73e151b545/html5/thumbnails/1.jpg)
Wireframes Mock-ups• Plan the structure of your site (at various breakpoints)• Only use grayscale, but create contrast and hierarchy• Use boxes to represent images/icons• Create your copy (text)• Use a simple typeface like helvetica (but size type for hierarchy)
• Finalize the design aesthetic of your site (basically, looks like your website just not coded yet)• Add colors• Select images/imagery/icons• Select typefaces• Make any other visual design choices (style, etc)