background preloader

20 Effective Examples of Web and Mobile Wireframe Sketches

20 Effective Examples of Web and Mobile Wireframe Sketches
A wireframe sketch is the initial hand-drawn design process, using paper and pen/pencil, of what a website design will look like. And to help you get inspiration as well as effective reference points, this article features 20 impressive web and mobile wireframe sketches. But first, you might be wondering why the heck you should create a wireframe sketch of your web design. A wireframe sketch is effective in that: • You can capture your creative spark and fluidly sketch out your design. • You can work with your client without committing anything to code, thus saving yourself time and number of actual design revisions. • You get a relatively quick sample that you can show the client and then work off of – think of is as an outline to an essay. Basically, creating a wireframe sketch saves you time by reducing the number of revisions you’d need to do, and it helps you stay on track with your design by being a prototype you can work off of. Hand-drawn Wireframe Sketches

Elements UI simples mais indispensables pour réaliser tous vos wireframes Lorsque l’on est Ergonome / UX / Designer d’interface ou autres, il est toujours intéressant d’avoir plusieurs éléments et composants ui (user interface) sous la main. En voici une petite liste : Freebie: Modern Web UI Set Des éléments soignés pour créer une interface utilisateur moderne et originale. Aussi bien utilisable pour du webdesign, des applications mobiles ou du print. 3 effets sont disponibles : Glitter / Shine / Black&white Design element De très jolis composants utilisables en webdesign et entièrement modifiables. Tous les éléments présents ici sont organisés par thème pour un gain de temps conséquent. FORMAT FICHIER : AI /CDR / EPS / PDF / PNG (pour chaque élément) Simple UI Elements Simple UI Elements est un fichier PSD bien organisé contenant des éléments d’interface utilisateur pour la conception web et application mobile. Massive Web UI & Button Set Cet ensemble contient des éléments d’interface utilisateur en trois styles distincts: brillant, satiné et coloré. Light UI PSD

22 Good Prototype and Wireframe Tools for Mobile and Web Design Toolkits Wireframe and prototype resources are very helpful for designers when they need to create a mockup to show to their client in order to give them an idea of how their web or mobile design will look once it is designed completely. With the help of UI design kits, wireframe tools or prototype tools, designers can quickly create mockups of their designs and can communicate with their clients more effectively. By creating wireframes and prototypes either for mobile or web design, designers can discuss in deeper detail with their clients about the different versions of their projects without investing hours. Below, we have presented 22 good prototype and wireframe tools for creating mobile and web designs. Useful Prototype and Wireframe Tools Wireframe Tools For Web Design Moqups This is free to use tool for creating high fidelity, resolution independent SVG mockups and wireframes. JumpChart With this wireframing tool, you can quickly create wireframes and prototypes. Conclusion

Related: