More icons. Lots of icons. Android icons. iOS icons. :) They come with perfect grids, flexible customization, line vs. glyph styles and support a wide range of formats such as: AI, Sketch and SVG, EPS, PNG and PSD. All that is available from within the amazing icon package from Icons Mind. It has 2,086 icons and 53 different categories. Good stuff. :) Enjoy.
Archive for the ‘Templates’ Category
Although I don’t use Axure for prototyping, and I might have some particular views on flat design, this new Axure Flat UI Kit does look pretty slick at first glance. The controls within the template definitely seem to behave a lot smoother since I last remember how Axure looked over a year ago. Nice work.
The UI Kit includes over 310+ interactive and beautifully crafted page elements, modules and complete templates. The UI Kit uses Axure’s powerful widget library. Create complex and interactive wire frames with a snap. Icons included.
Credits: Marc-Oliver Gern
RoundIcons.com brings you a juicy set of 1000 hand crafted, flat, round, professional looking vector icons. Can’t go wrong with these easy to customize, designed to convert and a 30 day money back guarantee. Quoting their site:
Made with attention to details and designed to provide you with the ultimate resource for whatever project you would work on. Give a unique and clean feel to your website, prints, infographics or applications using our complete set. Ready to use icons weather you are a regular user or a designer you will find our Collection very friendly and extremely easy to use.
I am not sure that Photoshop and sketching mix well together. If you do end up sketching in this beast of a tool, please also consider eating soup with a fork and let me know how it tastes. Nevertheless, the awesome team over at Cloud Castle has recently released Basiliq – a handcrafted set of mockup elements for Adobe Photoshop. I think it comes with 300 or so UI elements and icons – maybe even a free cake or something.
Ok joking aside, I think this hip template is more geared at printing bits and pieces for the purposes of paper prototyping. If you do sketch in Photoshop, do let me know how it goes. :)
Credits: Cloud Castle
Blackberry 10 Templates has recently gone live as a sibling product to Windows 8 Templates by Jordan Gurrieri. As the name suggests, the templates contain some high quality customizable vector components themed in the new BlackBerry 10 UI style. The template is loaded with: a home screen, 80 royalty free icons, menus, forms, grids, activity bars, progress indicators, media player controls, sliders, drop downs, and the new BlackBerry 10 keyboard … you get the picture.
Why choose the BlackBerry 10 Templates? Jordan writes:
Quality and Attention to Detail.
BlackBerry 10 Templates was built by Jordan Gurrieri, lead designer and front-end developer at Blue Label Labs, as a tool to help our team quickly and easily mockup high quality app designs for client proposals, user demos, and developer requirements.
At Blue Label Labs we live and breathe app development, so you can be sure our templates are designed to detail specifications of the UI guidelines set out by BlackBerry. Your developers will love you when it is time to turn your mockup into design resources for development!
Finally, as this new platform evolves, we will be adding more commonly used design patterns and components which you get as part of the life-time free updates.
Grab them right here.
GUI Toolkits is the next major UI template release by Amir Khella, who brought to you Keynotopia and Axutopia. The toolkit is apparently “the largest collection of user interface components on the planet!”. It’s loaded with UI components of various platforms (iPhone, iPad, Android, Blackberry, Windows Mobile, Mac OS X, + etc) and for various tools (Illustrator, Axure, Fireworks, Omnigraffle, Keynote, Powerpoint and Visio). Amir has packed everything into a bundle, but also allows to purchase these toolkits individually. Great job!
Fully Editable Vector Shapes
All UI components and icons are vector shapes created from scratch in each tool, and can be easily edited and customized.
From Wireframes to Hi-Fi
Create wireframes and turn them into high fidelity pixel-perfect prototypes by switching the UI component style.
100% Royalty Free
3,000+ pixel perfect UI components and 200+ icons that can be used directly and freely in your commercial apps.
MicroPersonas is a new icon set that I just came up with for building and using quick persona like characters in your interaction design deliverables. The set is founded on the belief that personas should be generated rapidly with only those characteristics that can be used to influence or inspire design action. If personas are to be leaner, more concise and live closer with interface sketches (without being lost in separate documents) then this is a materialization of that type of thinking and a step toward lighter documentation.
The set comes with 40 sketched style characters and 9 characteristics (beliefs, habits, comments, triggers, tools, needs, problems, data, and artifacts) setup in .AI (Illustrator) and .PNG (Fireworks) formats.
Purchase and download it at www.linowski.ca/micropersonas for $29. Enjoy …
The Web Layout UI Kit is a PSD template by Blaz from Melbourne. It contains five distinct layouts with a high dosage of black, grey and white contrasts that can be used as starting points for further wireframing. Makes me think back to an earlier post by Matthieu on visual priority. So if designing wireframes in Photoshop is your thing, have a look at this freebie template – I believe it requires registration. Enjoy.
Credits: Blaz Robar
The next version of the Interactive Sketching Notation is out for those who like to sketch electronically and tell stories with big canvases. The Adobe Illustrator template has been mostly extended to include more icons, device screens, and components amongst a few other minor fixes.
There are now 80 common user interface icons in a sketch based style. Proportionally sized screens now include devices such as: iPhone 4 & 5, two popular Windows 8 phones (Nokia Lumia 920 & HTC Windows Phone 8X), Samsung Galaxy Nexus, Samsung Galaxy S3, iPad, iPad Mini, Nexus 7, and a bunch of browser screens. Newly added components include such things as a: video player, map, chart, two new tooltips, and tabs. Finally, I’m also am trying out a second user story style which is composed of a: user type, scenario title, scenario description, need, and problem – still experimental. If anyone has any symbols, components or feedback to be included in a future release, please let me know. Enjoy. :)
Credits: Jakub Linowski
Windows 8 Templates has recently gone live as the new operating system is just around the corner. The site features a number of Metro UI themed kits and templates for PowerPoint users. The most comprehensive grouping (Windows 8 All-in-One Bundle Pro) contains a wireframing kit, a prototyping kit, an icon pack and storyboarding shapes (requires Visual Studio 2012). The main difference between the prototyping and wireframing kits is that the former has a bit more color. All of the work within each kit is also vector based and so makes it easier to edit and stretch the assets appropriately as needed. So if using a low barrier to entry tool such as PPT is important in your process, then give this template kit a try.
A couple of words on the use of PowerPoint by Jordan (the Author):
While I am adept in professional design tools like Photoshop, 99% of the time my tool of choice for mocking up an app is PowerPoint. PowerPoint is incredibly productive and simple, and yet powerful enough to help me develop even the most custom of designs quickly and efficiently. Better still is that everyone knows PowerPoint, and that means my clients can easily contribute to the design with their own edits and ideas. Another +1 from clients when they feel truly involved with the design of their product. It doesn’t stop at static mockups, I can use PowerPoint animations and slide transitions to turn any mockup into a functional prototype that clients can click through as though they were using a real app.