Blueprint / Wireframe

19 Responses

1. Pro Derek Clark

   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)

   1likes

   7 months ago

2. Pro Daniel Klopper

   Nicely put together. I would love a wireframing program that outputs like this. Is there something like this out there?

   2likes

   7 months ago

3. Pro Yummygum

   @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.

   1likes

   7 months ago

4. Pro Tobias Negele

   @Derek Clark What program are you using to get this look?

   1likes

   7 months ago

5. Pro Derek Clark

   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.

   7 months ago

6. Pro Jakub Linowski

   Hi @Derek Clark, can I repost this image on wireframes.linowski.ca? I think it's pretty cool :)

   1likes

   7 months ago

7. Eric Zentner

   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!

   1likes

   7 months ago

8. Pro Paris Vega

   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.

   1likes

   7 months ago

9. Pro Alex Parker ⇢ ☁

   wireframe? forget that, l think it's a finished product.

   5likes

   7 months ago

10. Pro Adam Roberts

    @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!

    1likes

    7 months ago

11. Pro Brandon Carson

    Shut up and take my money. Seriously, any chance of releasing this as a kit or something?

    7 months ago

12. Eric Zentner

    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.. ;)

    7 months ago

13. Pro Aurélien Foutoyet

    @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.

    7 months ago

14. Pro Adam Roberts

    @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.

    2likes

    7 months ago

15. Pro Sergie Magdalin

    this is awesome! totally inspiring!

    7 months ago

16. Pro Darren McPherson

    Love the Bacon Ipsum :D

    One wouldn't have a PSD of this lying around that one would like to share? :) :) :)

    2likes

    6 months ago

17. Sign in - Blueprint/Wi... A mockup to a sign in-page on a project I am working on.

    Rebound

    Sign in - Blueprint/Wireframe

    by Jonathan Averstedt

    A mockup to a sign in-page on a project I am working on.

    • 19
    • 3
    • 958

    6 months ago

18. Pro Eric Puigmarti

    Beautiful, love the blue but lightly agree with @Yummygum about the boldness of color.

    4 months ago

19. Stephan Rosger

    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