Dezinerfolio

Folks, I know it has been a long time we blogging and our full time jobs have kept us really packed all day (and nights). At least I've been active on other social networks like Twitter & Facebook. 

Very soon I'm surely going to make time for Dezinerfolio and keep pushing some interesting design freebies and inspiration. Meanwhile I wanted to share that we're now on Google+ and this is a place I've actively been sharing interesting stuff on (I've been sharing a lot on my personal profile but with the launch of Google+ Pages, we're now official!).

Please add Dezinerfolio to your Circles and I'm sure you're going to love to stuff we share on Google+

A website wireframe is a basic design draft done before any artwork and used in web design to show the structure of a website, custom user paths, most important user interface elements, their position and relationships between website pages. Wireframes lay out in black and white schematically most important elements in the interface such as header, footer, contact form, navigation.

Wireframing is a process that can significantly decrease the amount of time required in design and development by removing potential visual distractions and focusing the attention of project stakeholders on vital functionality and strategic marketing factors. 

Here are a few key reasons you should always wireframe:

• Allows you get a clear picture of what information will be needed on each page before design
• Allows you to spend time and really focus on what each page’s purpose is. Careful plannings is paramount.
• Allows you a fail-safe for uneducated clients who tend to change their minds during the design phase of the project. If the site is planned out properly in the wireframe stage the functionality of the individual pages shouldn’t change much.
• Allows you to set a fallback point. When a client signs off on a wireframe that means they agree to what’s on that page. Education of the client also plays an important role here as well as they need to know that changing items already signed off on the wireframe can and probably will bloat the budget.
• Allows you to have a clear look at how the site will react to various visitors without the clutter of color or design elements.
• Allows you to remove any clutter that may be added to to the site that may be unnecessary and detrimental to the site goal.
• They’re easily adjustable (pre-signoff) and easy to produce allowing the planning process to move along smoothly and efficiently.
• Reduces the chance of scope creep.
• Gives the designer a clear view of what needs to be designed
• Gets the client deeply involved in the planning process early and opens communication between both parties

^[source]

In this article we'll look at a few neat Wireframing & Prototyping solutions available out there.

1. Omnigraffle

Type: OSX App

OmniGraffle can help you make eye-popping graphic documents quickly by keeping lines connected to shapes even when they're moved, providing powerful styling tools, importing and exporting Microsoft Visio files, and magically organizing diagrams with just one click.

Here are a list of cool OSX Terminal commands we came across and found worth sharing. Just run the commands in your Terminal.app and see what happens...

1. Add An Exposè Button To The Desktop

If you have reconfigured the F9 and F10 keys to something different you may want to use exposè. This hack adds a bigish blue button onto the desktop to enable you to use exposè. Clicking on it shows all the windows from one application (F10 default), option clicking it shows all windows (F9 default).

defaults write com.apple.dock wvous-floater -bool YES
killall Dock