Ep. 5: Wireframes

Ep. 5: Wireframes

My Figma Design Journey.

ยท

1 min read

๐”๐๐ž๐ฆ๐ฒ ๐…๐ข๐ ๐ฆ๐š ๐‚๐จ๐ฎ๐ซ๐ฌ๐ž: Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more by Andrei Neagoie & Daniel Schifano.

๐„๐ฉ๐ข๐ฌ๐จ๐๐ž ๐Ÿ“: Wireframes.

A wireframe is a basic, two-dimensional visual representation of a web page, app interface, or product layout. You can think of it as a low-fidelity, functional sketch.

Product designers and UX (user experience) professionals draw up wireframes to communicate how they plan to arrange and prioritize features, and how they intend for users to interact with its product or website.

๐Œ๐ฒ ๐ข๐ง๐ฌ๐ข๐ ๐ก๐ญ ๐จ๐ง ๐ญ๐ก๐ข๐ฌ ๐„๐ฉ๐ข๐ฌ๐จ๐๐ž:
- Important Shortcuts:
Ctrl + alt + B ==> Detach
Ctrl + Shift + G ==> Break Group
Ctrl + Shift + 4 ==> Toggle On/Off Grid

- With my experience in video editing, I was able to compile a video to document the wireframe process I designed in this episode.

๐‘ป๐’‰๐’† ๐’‹๐’๐’–๐’“๐’๐’†๐’š ๐’ˆ๐’†๐’•๐’” ๐’ƒ๐’†๐’•๐’•๐’†๐’“...

#UIUX #UIUXCourse #Figma #Wireframes #Udemy #UdemyCourses #ZTM #ZeroToMastery

ย