It's one more project, which we have started recently. Now we are working on UI design.
Request a quote
Twitter | Facebook
3 months ago
These look great. What did you use to make them?
@Cuberto can i ask a question... If you are using PS to wireframe.... is there a way you save the file to keep it light and fast? I feel that Big files always slow down my MBP? Thanks
@Donald Johns Use Fireworks :)
@Cuberto Yea I'm also interested on what you use to make these.
yum yum yum
too good man :D
@John Sanabria, @Donald Johns, we use PS and if the file is large we divide it into a few parts
@Cuberto Do you have tips for creating the lines and arrows? Do you have a couple different sets that you copy and drag around? I find this to be about the most tedious thing when wire framing/creating spec sheets in Photoshop.
@Jordan Borth You could do all that with symbols and the appearance panel probably in illustrator. You'd be surprised what kind of things you can come up with =] It's about the only thing I'd actually use illustrator for instead of ps
They look cool, but I think you're missing the point - wireframes are supposed to be ugly and ultra-low effort...
looks really cool :)
@Aleks Witko As a developer I would rather look at and work with pretty wireframes. As a designer I would rather look at and work with pretty wireframes.
Ugly wireframes set a bad tone early.
Have you ever seen an architect's blueprints? They look awesome.
@Jordan Borth @Ven Jandhyala @Aleks Witko On our own practice we have made sure that the stage of wireframing is very important in the work of applications' creation. If a designer is coming not serious to this stage, respectively this attitude will be at a client. He just will not check your wireframes. And then during the stage of UI design we will face with a huge problems, as we will have to remake a design several times and change the structure of screens, because you didn't pay enough attention to wireframes. IMHO
@Ven Jandhyala - My understanding is that you're using wireframes as documentation... wouldn't it be more useful to have the final (and pretty) visual designs as documentation for development? I thought that wireframes aren't supposed to be final and be rough because they're supposed to frequently change with feedback, new input and drafting potential solutions to continually make them better...
Awesome work :) Do you use a software to make the wireframing? I like the lines that indicates the connection between UI elements and their connection to other screen, did you make that with Illustrator, or is it a wireframing software? Keep it up.
Looks so great! Congrats! I work with Wireframes as well, and I use Illustrator. You can do exactly the same, faster and with 2 Mb per file. Try it!
@Aleks Witko It depends upon your approach to software design.
You can build a rough wireframe and iterate on it getting better and better until it becomes a designed "thing".
Or you can plan out the core functionality of the software and interactions beforehand, mapping which button leads to what page etc. Then style afterwards.
Both approaches work, are valid and appropriate in different ways for different things :-)
*Edit* I should also mention Microsoft quite like you to submit a document for windows phone apps that maps out functionality in this way, so they can check it works as described before putting it on their store, so its worth learning if you ever find yourself building windows apps!
@Cuberto would love to see a larger piece of this document. Would be great to learn from :)
@Aleks Witko Low effort makes sense, that they be ugly however doesn't in itself make the process/method better.
by Antoine Bonnin
The shot from Cuberto got me thinking about our own flow process, but instead of full scale wireframes I kept the different screens minimalist/small and focused on the flow instead. It's starting to look like a subway map :)
23 days 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