Was massively rushed last week to get a huge pitch out of the way. Can't say who unfortunately, but really hoping we get this one. Has potential to be a really exciting project.
Edit: I uploaded a @2x thumbnail for retina folk (and to test)
7 months ago
Nicely put together. I would love a wireframing program that outputs like this. Is there something like this out there?
@Daniel Klopper I'm guessing this is done with patterns on fill and strokes?
Nice stuff btw @Derek Clark ! I love it, not sure if the blue is too biasing. I mean, I understand it's a 'blueprint' but you can't look passed the blue even if you want to.
@Derek Clark What program are you using to get this look?
Thanks for the comments guys!
@Daniel Klopper & @Toby Negele it is all done in Photoshop CS6, my weapon of choice haha. With a few textures on the blue gradient and using erase tool textures for the white lines.
Hi @Derek Clark, can I repost this image on wireframes.linowski.ca? I think it's pretty cool :)
Great looking wireframe... i think it looks awesome.
Although, i suspect most of my clients wouldn't appreciate it, and would be mislead by the look... ("...is my final site going to be blue!?")... but keep it up, i love it!
Love the wireframe = blueprint idea for driving home the point to clients that what they're seeing is a draft of a concept and not a final work. Beautifully done. Might be stealing it. Thanks for sharing.
wireframe? forget that, l think it's a finished product.
@Derek Clark; I had to try your way of wireframing with photoshop, for a big personal project i'm working on and I have to say, although only just started a few hours ago, i've totally fallen in love with it! However, you say you used the erase tool textures for the white lines. When i first read that I was like 'seriously?'.
So what I did is apply a simple bevel & emboss / texture to the line and opacity of the line down to 50% and its turns out very similar. Thought i'd give that quick tip to maybe save you 'a lot' of time!
I found this very inspiring though, the whole blueprint wireframe is just superb - yet so simple!
Shut up and take my money. Seriously, any chance of releasing this as a kit or something?
You could probably just release a Photoshop file with the Color Palette, a BG layer with the blue, and the text and line layers with the correct Layer styles turned on... if you felt like it.. ;)
@Derek Clark I came from Wireframes Magazine where I saw your work. I really like the look'n feel of this but I guess you've spent a lot of time to make it sexy. Concerning the textured effect on the lines, I guess you could follow @Adam Roberts comment cauz' I've tried and it works well as you could see.
@Derek Clark not sure what your plans are, but would you be looking at doing a wireframe ui kit in this style? Let me know because if not, i've got some spare time that I could use to do one. Thought i'd ask because there's no point in 2 of us doing the same thing lol.
this is awesome! totally inspiring!
Love the Bacon Ipsum :D
One wouldn't have a PSD of this lying around that one would like to share? :) :) :)
6 months ago
by Jonathan Averstedt
A mockup to a sign in-page on a project I am working on.
6 months ago
Beautiful, love the blue but lightly agree with @Yummygum about the boldness of color.
4 months ago
Looks great, but you could communicate the same idea with way less work. Good show piece though, and I bet they were impressed :)
3 months ago
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