Archive for the ‘Templates’ Category

RoundIcons

Saturday, January 4th, 2014


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.

Purchase & Download

Basiliq

Thursday, September 5th, 2013

Basiliq
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 for Keynote and PowerPoint

Wednesday, April 17th, 2013

Blackberry 10 Templates
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.

Credits: Jordan Gurrieri (Twitter)

GUI Toolkits

Wednesday, February 6th, 2013


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.

Get It Now

MicroPersonas

Wednesday, January 23rd, 2013

MicroPersonas
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 …

Credits: Jakub Linowski (Twitter)

Web Layout UI Kit

Wednesday, December 12th, 2012

Web Layout UI Kit
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

Interactive Sketching Notation v1.3

Wednesday, November 21st, 2012

ISNv1.3
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. :)

Purchase & Download here.

Credits: Jakub Linowski

Windows 8 Templates for PowerPoint

Monday, September 24th, 2012

Windows 8 Templates
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.

Credits: Jordan Gurrieri (Twitter)

Wirefy

Thursday, July 12th, 2012

Wirefy
Wirefy has been recently released by Christopher over at github. It’s a collection of functional responsive HTML snippets and templates which scale as you resize the browser (hence across devices). Hopefully beneficial to those who build HTML prototypes. Good work. Thanks a thousand for sharing.

From the website description:

Wirefy is a collection of CSS & JS files to help you rapidly experiment with responsive wireframes. Whether you keep them to yourself or use them to help educate your clients, Wirefy is flexible and here to help. Wirefy has been built from the ground up. Following the philosophy of mobile first, Wirefy will respond to the proper viewport. Go ahead, resize this page to see how it works. Wirefy is style agnostic so that clients don’t get hung up on colours, fonts, other design elements. It’s meant to be another tool for your development kit that provides the most basic styles as a foundation.

Credits: Chris Da Sie

Minicons

Tuesday, June 26th, 2012

Minicons
Some time ago, Vincent released Minicons (after his Vectorian release) which I thought might be worth a mention for the UI folks out here. It’s a set of 1500 icons in many many different forms ranging from EPS, to Photoshop CSH, to PNG, PDF, Omnigraffle, Keynote and Powerpoint. The icon packs are sold in flexible plans ranging from 100, to 750 to the ultimate 1500 icon sets and priced accordingly. Cheers.

Credits: Vincent Le Moign