Wireframes

𝐌𝐚𝐀𝐒𝐧𝐠 π–π’π«πžπŸπ«πšπ¦πž 𝐨𝐟 𝐏𝐫𝐨𝐣𝐞𝐜𝐭.

π‘«π’†π’”π’Šπ’ˆπ’π’Šπ’π’ˆ 𝒂𝒏𝒅 π’…π’†π’—π’†π’π’π’‘π’Šπ’π’ˆ π’˜π’†π’ƒπ’”π’Šπ’•π’†π’” 𝒕𝒉𝒂𝒕 π’˜π’π’“π’Œ 𝒂𝒄𝒓𝒐𝒔𝒔 π’Žπ’–π’π’•π’Šπ’‘π’π’† π’…π’†π’—π’Šπ’„π’†π’” π’Šπ’” 𝒂𝒏 π’Šπ’Žπ’‘π’π’“π’•π’‚π’π’• 𝒑𝒂𝒓𝒕 𝒐𝒇 𝒕𝒉𝒆 π’˜π’π’“π’Œ π’˜π’† 𝒅𝒐 𝒐𝒏 π’•π’π’…π’‚π’šβ€™π’” π’˜π’†π’ƒ. π‘Ήπ’†π’”π’‘π’π’π’”π’Šπ’—π’† π’…π’†π’”π’Šπ’ˆπ’ π’Šπ’” π’‡π’π’“π’„π’Šπ’π’ˆ 𝒖𝒔 𝒕𝒐 𝒓𝒆-π’•π’‰π’Šπ’π’Œ 𝒂𝒃𝒐𝒖𝒕 π’‰π’π’˜ π’˜π’† 𝒑𝒍𝒂𝒏 𝒐𝒖𝒕 𝒐𝒖𝒓 π’”π’Šπ’•π’† π’…π’†π’”π’Šπ’ˆπ’π’” 𝒂𝒏𝒅 π’‰π’π’˜ 𝒐𝒖𝒓 π’‘π’‚π’ˆπ’†π’” π’ˆπ’“π’‚π’„π’†π’‡π’–π’π’π’š π’‡π’Šπ’• 𝒕𝒉𝒆 π’…π’†π’—π’Šπ’„π’† π’•π’‰π’†π’š 𝒂𝒓𝒆 π’ƒπ’†π’Šπ’π’ˆ π’—π’Šπ’†π’˜π’†π’… 𝒐𝒏. 𝑻𝒉𝒆𝒔𝒆 π’…π’‚π’šπ’”, π’˜π’† π’“π’‚π’“π’†π’π’š 𝒆𝒗𝒆𝒓 𝒔𝒕𝒂𝒓𝒕 𝒂 π’…π’†π’”π’Šπ’ˆπ’ π’˜π’Šπ’•π’‰π’π’–π’• π’ˆπ’π’Šπ’π’ˆ π’•π’‰π’“π’π’–π’ˆπ’‰ π’”π’π’Žπ’† 𝒔𝒐𝒓𝒕 𝒐𝒇 π’˜π’Šπ’“π’† π’‡π’“π’‚π’Žπ’Šπ’π’ˆ 𝒑𝒓𝒐𝒄𝒆𝒔𝒔. 𝑬𝒗𝒆𝒏 π’Šπ’‡ π’„π’π’Šπ’†π’π’•π’” 𝒅𝒐 𝒏𝒐𝒕 𝒏𝒆𝒆𝒅 𝒕𝒐 𝒔𝒆𝒆 𝒂 π’˜π’Šπ’“π’†π’‡π’“π’‚π’Žπ’†, 𝑰 π’•π’‰π’Šπ’π’Œ π’Šπ’•β€™π’” π’”π’•π’Šπ’π’ π’Šπ’Žπ’‘π’π’“π’•π’‚π’π’• 𝒕𝒐 𝒄𝒓𝒆𝒂𝒕𝒆 𝒐𝒏𝒆 π’Šπ’π’•π’†π’“π’π’‚π’π’π’š 𝒔𝒐 𝒕𝒉𝒂𝒕 π’…π’†π’”π’Šπ’ˆπ’π’†π’“π’” 𝒂𝒏𝒅 𝒅𝒆𝒗𝒆𝒍𝒐𝒑𝒆𝒓𝒔 𝒂𝒓𝒆 𝒂𝒍𝒍 𝒐𝒏 𝒕𝒉𝒆 π’”π’‚π’Žπ’† π’‘π’‚π’ˆπ’†

A wireframe is the skeleton of the page, usually drawn with basic shapes and lines with limited colors and styling. The point is to focus on figuring out layout and content placement, and solving navigation and functionality problems in a format that is easy to adjust. When planning for a responsive website design, we cannot continue to think through the wireframing process from a desktop only perspective. However, I understand that changing the way we think about these layouts and choosing a new direction can be a little challenging. For years we have spent our time designing fixed width layouts or maximum 960px width in our designs. Wireframing for mobile devices first (or from narrow widths outwards) helps us prioritize site elements while putting us in a good mindset for thinking about what content is most relevant to the site visitor and how your content becomes available to work with on wider screens.

#ui #ux #webdesign #design #uidesign #graphicdesign #webdesigner #appdesign #userinterface #interface #dribbble #uxdesign #web #creative #illustration #designer #graphic #illustrator #app #userexperience #inspiration #behance #uitrends #developer #programming #website #logo #webdevelopment #html #androiddeveloper

More by Ahmad Dar

View profile