UYI, Use Your Interface, is a library full of gestures, movements, transitions, and small animations for digital designs. It is a growing library of transitional interface and interaction design patterns to help you inspire and communicate your UI ideas with people. You can browse through inspiration to make your prototypes more lively & responsive. Borrow from these interactions & reference … Read More
Framer: prototype interactive mobile apps
Framer is an online tool to prototype apps for mobile devices — and to do so with interactivity. The mock-ups shown through the app won’t just be static images, you can program interactivity into them like they are real apps. Here are some intro guides for non-coders that will lead you through the creation of a prototype:
The Pencil Project: Open-source diagramming & wireframing
The Pencil Project is an open-source software for all operating systems, that lets you quickly create mockups, prototypes, flowcharts, and diagrams. It is absolutely free & very easy to use. You can download additional free stencil packs from here.
Lay Out Your Design: A Beginner’s Guide to Wireframing a Website
A Beginner’s Guide to Wireframing from Webdesigntuts+. Here is an excellent step-by-step tutorial on how to wireframe out a website or app you want to develop! Go from sketch to proper design with this guide. Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier … Read More