Interface Libraries 3: Wireframe Like a Professional
by anthony on 04/17/11 at 9:21 am
10 Reasons You’ll Love Interface Libraries.
- You get six libraries (Mobile, Buttons, Forms, Navigations, Content, Annotations) for one great price.
- You get the files for Omnigraffle, Illustrator and Fireworks.
- You get free updates to Interface Libraries forever.
- You’ll be able to work fast and easy with these drag-and-drop libraries.
- You’ll impress your clients with the beautiful, professional wireframes you make.
- You’ll impress your colleagues with your consistent and standardized approach.
- You’ll be able to resize the vector objects any way you want.
- You’ll have all the necessary interface objects at your disposal.
- You’ll communicate your design ideas clearly and effectively to clients.
- You’ll create amazing interfaces and applications for your clients.
The single user license is for one person. The multiple user license is for up to 5 people. After you buy your license, you will receive an email to download the files. Check your spam and bulk folders if you don’t see it in your inbox.
Screenshots of Interface Libraries
Form elements that have form.
Buttons that will make your clients want to click.
Navigations that will take your client from imagination to reality.
Content elements that will keep your clients content.
Mobile elements that match Apple’s user interface pixel for pixel.
Annotations to explain your wireframes clearly.
Aaron
Feb 9th, 2011
Great library, it looks very nice.
Richard
Feb 10th, 2011
Looks nice.
Can we see internal (in use) screenshots?
Hayley
Feb 16th, 2011
Are the elements made using graphics/images or OmniGraffle compenents? Or to ask it another way, are they fully editable (including gradients, colours, text, font, etc.) or not?
anthony
Feb 16th, 2011
All elements are made using Omnigraffle vector components. Everything is fully editable and customizable according to your needs.
job ballard
Feb 17th, 2011
hello guys, make this lot an AI file and i will definitely be a customer…
Catalin
Feb 23rd, 2011
“Like” to previous comment. I’ll also buy the set in AI format.
anthony
Feb 25th, 2011
Interface Libraries for Adobe Illustrator coming soon. Stay tuned.
Juliano Dasilva
Mar 4th, 2011
Did you mean the next version of Interface Library will be for free? I was going to buy it but you said next version will be free. When is the next version? Thanks! They look really nice btw.
anthony
Mar 5th, 2011
Thank you Juliano. Glad you like them.
What I meant by that is that the updates to Interface Libraries are free, not that the next version will be free. Sorry about the confusion.
James
Mar 13th, 2011
I use Fireworks, will I be able to use the AI version?
josh
Apr 26th, 2011
A Fireworks version would be stellar!
Philip Weber
Mar 21st, 2011
Looks very Fantasy Interactive to me (which is great). I’ll buy when the Illustrator version is out.
Hilla
Mar 22nd, 2011
Really useful, and beautiful too! Will wait for the AI version though.
enavantmarche
Mar 25th, 2011
Hello, regarding the “Bin Ary” rounded corners switches, how are they made ?
In the default OG library there is the standard rectangle with 4 corners that can be made round, and another rectangle with the top corners that can be made round.
I have been looking at many libraries but I only found “fakes”, never a rectangle with the two lefts or two rights corners, or only one of the four corners that can be made round using the Style panel.
anthony
Mar 29th, 2011
The binary button consists of two vector shapes. You can make the corners as round as you want. No other wireframing library compares to Interface Libraries. It is the real deal. I guarantee it won’t let you down.
Juliano Dasilva
Apr 1st, 2011
@Anthony, I’ll buy them and let you know how it goes. I hope it doesn’t let me down.
Etienne Delagrave
Apr 28th, 2011
If you could have a Visio version…
JW
May 23rd, 2011
What type of files do you get with these? If these are PSDs I would love to buy these for use with iRise.
Hernan Teano
Jun 13th, 2011
The comments say it’s available for Visio, but the product description at the top (and the product icons shown) don’t acknowledge Visio – just want to confirm that Visio is included.
anthony
Jun 14th, 2011
It WAS made available for Visio, but I got some feedback about some objects not rendering correctly. Because I want the product to be of the utmost quality, I felt that the poor rendering would decrease it. Thus, I have discontinued it for VIsio. But they are still available for Omnigraffle and Illustrator.
dave
Apr 30th, 2011
What would be cool if you add the applescript technique to increase/decrease the annotation numbers like Meredith Noble did at http://www.usabilitymatters.com/2011/03/21/annotation-wireframe-dot-applescripts-for-omnigraffle.
Pierre
Jun 13th, 2011
You had a Visio version. What happened to it?
anthony
Jun 16th, 2011
Killed it because some objects weren’t displaying right. It has to be perfect or else.
visitor
Sep 28th, 2011
I salute you, my good sir.
Bernard Farrell
Jun 14th, 2011
I’ve been using Balsamiq for the last year and have found it quick to learn and easy to use. One big advantage I can see over using Interface Libraries is that the results look like mockups instead of finished products. This lets the viewer know that the mockup may not be well evolved, that it’s ok to suggest and even encourage changes to it. Perhaps when closer to a final design, Interface Libraries, might be good because the fidelity is better.
Bill Buxton has argued for fast, low fidelity, initial prototypes to focus on “getting the right design, before getting the design right”.
JW
Jun 27th, 2011
Did anyone find out if the AI version works for Fireworks?
anthony
Jun 27th, 2011
It does not work for Fireworks.
JW
Jun 28th, 2011
No worries, thanks for the response.
K Bulmer
Jun 17th, 2012
Fireworks is the perfect tool for creating web layouts, surely this has to work with Fireworks?
JW
Jun 28th, 2011
I’m a total AI newbie, I’m opening these files with AI but only seeing a blank canvas… any ideas?
anthony
Jun 29th, 2011
They are symbol files, so to see the symbols you have to open your symbols panel. Go to the top nav bar and select Windows and then select Symbols and you should see them. Then you can save them to your symbols library.
niels
Jul 13th, 2011
Do you have any plans for a fireworks version as well?
anthony
Jul 13th, 2011
If there is more demand for a Fireworks version I will create one, but so far, only a couple people have asked.
Dwight
Jul 27th, 2011
+1 demand for Fireworks version!
Oscar
Aug 10th, 2011
Another +1 for Fireworks version. I hope soon! Btw, how long will it take, or how difficult is it, for you to create teh Fireworks version? If not much, please do the Fireworks version soonest. Thanks!
anthony
Aug 11th, 2011
I am currently working on a Fireworks version so stay tuned.
Chad Allen
Jul 30th, 2011
Anthony, I purchased the interface library a couple of days ago and have yet to receive my download link. Could you looking into the issue for me? Thanks.
anthony
Jul 30th, 2011
This is likely due to your spam filter. I have sent the email download for Interface Libraries 3.3 to your Paypal email. You should receive it. But If you don’t, please let me know.
Victor
Jul 30th, 2011
Anthony, you were right for some weird reason your mails ended up in my spamfilter. Thanks for pointing that out to me
greetings from the Netherlands,
Victor
Victor
Jul 31st, 2011
Great library, really speeds up my design process.
Owen
Aug 4th, 2011
Will these work with Axure?
David V
Aug 16th, 2011
Works very well !! Great value !!
sklender
Aug 17th, 2011
Another big vote for Axure-friendly versions. BTW, great work.
Ales
Aug 18th, 2011
Do them for Axure and I buy immediately.
Niels
Sep 19th, 2011
+1 for this.
Larry
Aug 19th, 2011
+1 for an Axure version!
Roger
Aug 19th, 2011
Another +1 for an Axure version.
John
Aug 24th, 2011
Indesign please!
plexus
Aug 29th, 2011
Why not just use the free Yahoo pattern library for omnigraffle (etc) supplemented with some of the other free ones on grafftopia? What sets yours apart?
Sigmundo
Mar 22nd, 2012
eh, cheapos like you are better off just using whatever free crud is out there. you won’t notice the diffo, anyway.
Greg Hodgson
Sep 1st, 2011
What format do these come in?
Would they be compatible with Balsamiq (which my PM has a fetish for)?
Saurabh Shah
Sep 6th, 2011
This looks amazing library , will surely give it a try.
Evan
Oct 10th, 2011
Nice guide for those of us who are too proud (or cheap?) to use stock material but needed a good list of all possible UI elements (and some trendy stuff thrown in).
Molly
Oct 14th, 2011
Agree with what Ruud says. It’d be great if this was available for Axure.
Erik
Oct 26th, 2011
Any indication this will be available for Axure soon? I would absolutely pay for it!
Jes
Oct 31st, 2011
Any future plans for InDesign availability?
anthony
Nov 17th, 2011
Most likely not. I believe Omnigraffle, Illustrator and Fireworks are the best tools to use for wireframing.
Rinat
Feb 3rd, 2012
is there a way to make multi-page wireframe in Illustrator?
Julian
May 3rd, 2012
Use multiple canvases. Only available in Illustrator CS5 and above.
Julian
May 3rd, 2012
That’s pretty short sighted. If you’ve ever tried InDesign with the Unify framework, you would realize it’s superior to just about every non-web base wireframing product.
OG is superior to flow charts.
Illustrtator is superior when pulling off visual design.
InDesign has so many better documentation features others don’t even come close.
Luke
Sep 28th, 2012
Lovely library by the way but I have to agree with Julian RE InDesign.
Having used both extensively, several InDesign features make it a superior tool to Illustrator for wireframing. Not least master pages, nested documents and hyperlinks between document locations.
Illustrator/Photoshop/Fireworks are far better suited to visual design after you have completed your wireframes.
Does anyone know if the Illustrator library will work in InDesign or whether it can be imported?
Thanks!
Monica
Mar 20th, 2013
InDesign should work pretty seamlessly with Illustrator. They are part of the CS family.
Bernhard
Nov 5th, 2011
Can I use this in a commercial product as well or does the license only allow me to include it in sketches that I am presenting?
anthony
Nov 17th, 2011
Yes, you can use them in a product.
ADAM . . .
Nov 8th, 2011
Are the Fireworks versions fully editable within Fireworks? Can I change the text / fonts / colours etc? Thanks . . .
anthony
Nov 17th, 2011
You can edit the text, fonts and shape sizes, but not the colors in the Illustrator and Fireworks version. The colors are purposely grayscale to suit wireframing. I’m not sure why you would need to change the colors and really don’t think you should. Wireframes should not come in color because they’re not used to communicate visual style or identity. They’re used to communicate the layout, flow and information structure of the user interface.
Daryl
Nov 14th, 2011
I’ll be buying the Fireworks version but would LOVE to purchase an Axure version as well.
Any chance you would add one for Axure any time soon?
anthony
Nov 17th, 2011
I don’t think so. Fireworks beats Axure any day of the week in my book.
kemie
Nov 17th, 2011
Is the fireworks version vectors? symbols?
anthony
Nov 17th, 2011
They’re symbols in Fireworks/Illustrator and stencils in Omnigraffle.
Kirill
Feb 1st, 2012
Wireframe like Apple and so what? Where is a big idea?
Sigmundo
Mar 22nd, 2012
h8rs gonna h8. if you don’t like it, don’t use it.
LinuxLars
Apr 6th, 2012
FWIW, I agree with Bernard Farrell – the rough look and feel of Balsamiq is better for mockups because less time is spent on look-and-feel (which is likely to change anyway), and mockup time is spent on functionality.
Your product looks great, and I’d love to see it offer a “rough” look and feel.
Also, is there a demo available?
PS. Total kudos for *not* using captcha. You rock.
valise rigide
May 5th, 2012
FWIW, I agree with Bernard Farrell – the rough look and feel of Balsamiq is better for mockups because less time is spent on look-and-feel (which is likely to change anyway), and mockup time is spent on functionality.
Your product looks great, and I’d love to see it offer a “rough” look and feel.
Also, is there a demo available?
PS. Total kudos for *not* using captcha. You rock.
Sua may tinh
Sep 2nd, 2012
The library is very nice, I’ll probably buy it to use, $ 27 is an acceptable price
sua may tinh ha noi
Dec 18th, 2012
the price USD 67.00 for company that a good price.
sua chua may tinh
Jan 18th, 2013
Illustrator/Photoshop/Fireworks are far better suited to visual design after you have completed your wireframes.
Tanya Markovka
Feb 18th, 2013
I am also using Axure all the time right now. I think Fireworks is great, but it’s a web design tool rather than a UX design tool.
I just got some libs from http://axutopia.com (which was recommended on this blog), and they are working well for my needs so far.
Vivek bv
Apr 24th, 2013
Great library!
Ruud
Aug 19th, 2011
I’m using Axure a lot lately, and if this lib was available for it, I would buy it instantly!