2

Are there any particular difference between blueprint and wireframe?

I did some researches and found that blueprint is style wireframes!

  • 1
    I think you just answered your own question. – Johnny UX Aug 7 '14 at 16:27
4

UX terms are evolving, as I currently understand it

blueprint is a design guidelines or style guide that must apply to all UI's in a system. It will have actual proportions for padding, icons, layout specified. It would be a pattern for the accurate construction of all UI's in the system. Google Material Design 'red-line' specification

wireframe abstracts the functionality away from visual design concerns. It deliberately does not resemble final UI. It does not have proportions done accurately. May not even show all elements a blueprint would define as required. It is also done for a specific interaction in a system.

Worth also considering other terms in this context:

low fidelity mock-up uses colours and elements that look a little like the final UI, but the fit & finish is inaccurate. It does not apply the rules from the blueprint. It is done for a specific interaction in a system.

high fidelity mock-up exact image of what final UI will look like. Applies all of the blueprint rules to a specific UI (which may have been specified by a wireframe). It is done for a specific interaction in a system.

  • Thank you very much, JayFang! While I did some google search, I saw blueprints look very nice as you mentioned "...Actual proportions for padding, icons, layout specified" and wireframes are draft layout. One more thing, what software do we use for blueprints? – UXabc Aug 7 '14 at 19:40
  • The definition of blueprint in this answer is what I'd usually consider a "style guide" – DA01 Aug 7 '14 at 20:18
  • also, mock-ups SHOULD adhere to the design guide/blueprint. If not, they aren't really mocking up anything specific. – DA01 Aug 7 '14 at 20:19
  • @DA01 true, I do state that low fidelity mock-ups should try follow the guide - the question is degree of accuracy. Compare if you will an artists impression vs. photo-real CAD rendering of a real-world building? – Jason A. Aug 8 '14 at 11:52
0

blueprint doesn't mean any specific in UX, AFAIK. It could refer to a particular visual style for a wireframe. It could actually refer to a wireframe itself.

EDIT:

It just occurred to me that perhaps you are thinking of blueprint.css It's a bit dated and isn't as popular as it once was but was used quite a bit a few years ago.

  • Thank you very much for your answer! Do you know what software do we use for blueprints? – UXabc Aug 7 '14 at 20:57
  • @UXabc as it's not a specific thing, we can't really answer that question. – DA01 Aug 7 '14 at 21:33
  • @DAO1, Thank you for your concern! If so, what software do you use to create blueprints? (I haven't done any blueprint before) – UXabc Aug 8 '14 at 14:13
  • @UXabc are you actually reading my answer and comments? You're not making any sense. – DA01 Aug 8 '14 at 19:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.