A little wireframe I've put together for a current work. It's based on a 978 px grid follows the idea of the minimalistic web concept I posted some days ago. Tablet and smartphone wires follow the same layout, but a tweak slightly different of course.
Top row from left to right represents the main pages:
Home - Portfolio - Thoughts - Connect.
The sub pages would be from left to right:
Legal Notice - Showcase page - Article page.
The different shades of gray (only 4 not 50, for all the ones who like counting and such stuff) represent different content:
- background/non white background content (light grey),
- text (grey),
- image (dark grey),
- footer/navigation (semi dark gray).
Thank you for your attention & have a great day.
2 months ago
Looks great @Axel
Do find wireframes help your workflow or do you just get them to this high of a standard because they are fun to do, and nice to have? Or a bit of both ;)
Thanks @Phil :) - also for the question. I use wireframes to layout the site and to get an idea of the all over appearance. And it's like Santa's little helper, fastening the workflow in the actual "design" process (hm, actually the thinking part of the design process is done here, the rest is filling the frames). You also could do that on a sheet of paper of course - what I did as well, but then I always make the frames in real pixels because I want to check if the paper work also works on the screen (I guess you know that situation, when something that looks great on paper s..ks on a screen ind vice versa). Hope this helped you to get an idea of the story behind this one?! :)
Thank you @Juliana :)
@Axel Herrmann Yeah definitely! I guess it helps to get a real idea of how many pixels you have to play with. I tend to wireframe mainly on paper, but I am tempted to move to proper crafted visuals like this — even if it is simply something more attractive to show to a client.
Yes @Phil, that is also one good thing about such wires. I noticed that a lot of clients cannot read scribbles like a designer, so you give them something more familiar but not too detailed at the same time. :)
Thanks a lot @Zaib.
well done :)
Thx a lot @Pleurat.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter