Blueprint / Wireframe

1 Attachment

21 Responses

  1. Derek Clark 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)

    likes

    over 1 year ago

  2. Daniel Klopper Daniel Klopper

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

    likes

    over 1 year ago

  3. Yummygum 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.

    likes

    over 1 year ago

  4. Tobias Negele Tobias Negele

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

    likes

    over 1 year ago

  5. Derek Clark 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.

    likes

    over 1 year ago

  6. Jakub Linowski Jakub Linowski

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

    likes

    over 1 year ago

  7. Eric Zentner 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!

    likes

    over 1 year ago

  8. Paris Vega 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.

    likes

    over 1 year ago

  9. Alex Parker ⇢ ☁ Alex Parker ⇢ ☁

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

    likes

    over 1 year ago

  10. Adam Roberts 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!

    likes

    over 1 year ago

  11. Brandon Carson Brandon Carson

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

    likes

    over 1 year ago

  12. Eric Zentner 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.. ;)

    over 1 year ago

  13. Aurélien Foutoyet 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.

    over 1 year ago

  14. Adam Roberts 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.

    likes

    over 1 year ago

  15. Sergie Magdalin Sergie Magdalin

    this is awesome! totally inspiring!

    over 1 year ago

  16. Darren McPherson Darren McPherson

    Love the Bacon Ipsum :D

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

    likes

    over 1 year ago

  17. over 1 year ago

  18. Eric Puigmarti Eric Puigmarti

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

    about 1 year ago

  19. Stephan Rosger 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 :)

    about 1 year ago

  20. nazori nazori

    There is a few of these kits available for Sketch (you might not be into it though, they are a bit different) but we're finding it pretty perfect for wireframing the stuff we do at http://nazori.com

    here are some of the kits you might want to check out. We've designed our own kit internally. Check out some of the ones here. http://sketchmine.co/

    9 months ago

  21. Devin Rajaram Devin Rajaram

    Very nice!

    4 months ago

keyboard shortcuts: previous shot next shot L or F like