Wireframe

June 25, 2013 Illustrator , Inspiration no responses # , ,

Some Free UI Wireframe Kits

Every time when starting a new web design project, it’s always a good idea to begin with a wireframe. The purpose of a wireframe is to communicate the layout of a page without getting caught up in color and design elements. Wireframes can be a big time saver as they help all parties involved come to an agreement on placement of major page elements such as headers, content areas, navigation menus, and footers. The key is to get the layout nailed down so major layout changes won’t take place once detailed design elements are in place. To help you in this, we’ve gathered 10 Free UI Wireframe Kits that will make your life easier.
Continue reading

February 27, 2013 Design , Fonts no responses # , , ,

Redacted Font – A Non-Text Lorem Ipsum Alternative

Redacted Font is an open source font which is inspired from BLOKK but has a script version besides the block. The script version is available as regular + bold and the project is so useful when wireframing.

Redacted Font

February 11, 2013 Design , Fonts no responses # , ,

BLOKK – A Free Font For Mock-Ups

Lorem Ipsum is the most standard placeholder text used in mock-ups and wireframes. It helps to not distract the user with content but focus more on the design and/or layout.

BLOKK Font

BLOKK, which comes as a font, is a nice alternative to Lorem Ipsum. It has no letters but generates (colored) blocks instead.

Such blocks definitely helps concentrating on the layout more and makes more sense for websites with non-Latin characters.

Pin It on Pinterest