Skip to content

Latest commit

History

History
32 lines (17 loc) 路 2.84 KB

hi-fidelity-mocks-drill-down-the-details.md

File metadata and controls

32 lines (17 loc) 路 2.84 KB
description
Drill down the details

Hi-Fidelity Mocks

The core purpose of the hi-fidelity mock, the assumptions you are trying to validate/invalidate or the knowledge gaps you are trying to fill should have all been discussed in Converge and details sussed out in Prototype. During this phase you will build a more details and highly designed mocks that can be shared with high level stakeholders.

The high-fidelity wireframe at messy.design includes more actual content, specific typeface choices, and may include specific information on image dimensions, and even button styles. We tend to play with shades of grey rather than sticking to sheer black and white in order to lay out subtleties in contrast that will appear once color is applied, style the navigation, and really look at pairing typefaces in a space where color is not a conflicting option. In this case, our designers start to see the life of the site emerge before color and imagery are even an option. This step for us at messy.design moves the wireframe a little beyond the basic structural benefits, moving toward the life-like qualities of design, but without distracting from the focus of function.

Hi-Fidelity Tools

Easily create complex shapes with their state-of-the-art vector boolean operations and take advantage of our extensive layer styles. Sketch鈥檚 fully vector-based workflow makes it easy to create beautiful, high-quality artwork from start to finish. Very helpful tutorials can be found on their Learn page of their website.

The world鈥檚 best imaging and design app is at the core of almost every creative project. Work across desktop and mobile devices to create and enhance your photographs, web and mobile app designs, 3D artwork, videos, and more. Very helpful tutorials can be found on their Tutorials page of their website.

The industry-standard vector graphics app lets you create logos, icons, sketches, typography, and complex illustrations for print, web, interactive, video, and mobile. Very helpful tutorials can be found on their Tutorials page of their website.

Cloud based pattern library. This is also a plugin that we leverage heavily in Sketch so that everyone has the most up to date design assets.

Zeplin is a perfect place to have an up-to-date repository for pixel-perfect comps which anyone can see and comment on. Additionally, Zeplin is used to share assets between designers and devs.