Interface Styles 3: Pixel Perfect Elements in One Click
by anthony on 04/26/12 at 12:06 pm
10 Reasons You’ll Love Interface Styles
- You get 10 style palettes for one price.
- You get free updates to future versions of Interface Styles.
- You get the option to work in Photoshop or Fireworks.
- You’ll craft beautiful mockups that’ll impress your colleagues and clients.
- You’ll give your interface crisp, pixel-perfect graphics for users to marvel at.
- You’ll make your interface more emotionally appealing to use.
- Your designs will look more professional with industry standard visual effects.
- You’ll never have to spend time to create visual effects from scratch.
- You’ll be able to recreate visual effects consistently across all your designs.
- You’ll work quickly and easily with one-click styling in Photoshop and Fireworks.
Interface Styles is a tool that gives you the power to create beautiful, industry-standard interface elements and put them into your designs. It uses Photoshop and Fireworks’ built-in styles feature to allow you to apply stunning visual effects in one click.
Single user licenses are for personal use. Multi-user licenses are at a discount for up to a 5-person use. If you’re a freelancer, the single user license is for you. If you’re a company with a team of designers, the multi-user license is for you. After your payment goes through, you’ll receive an automated email to download the file. If you don’t find it in your inbox, check your spam/bulk folders. If you still don’t see it, email me and I will send it to you direct.
Interface Styles 3 Screenshots
Soft Shine Buttons for an elegant look.
Hard Shine Buttons to make your buttons pop.
Inset Buttons to lift your interface.
Pressed Buttons for an impressive affordance.
Dark Buttons for dark interfaces.
Text Fields for a beautiful form.
Web Boxes to hold your content.
Knobs and Dials for sliders and switches.
Fancy Text for expressive titles.
iOS Elements for iPhone/iPad mockups.
No related posts.
Erik
Oct 14th, 2011
why not available for AI and/or PSD?
Rather – please please an AI set and I will definitely be a customer
Daryl
Nov 14th, 2011
These styles are for web graphics so that’s why they are for Fireworks since that is Adobe’s dedicated web graphics tool and what many serious web professionals use who focus on the web.
Photoshop and Illustrator User
Nov 25th, 2011
That is seriously the stupidest remark I’ve heard in a while. I am a serious web professional and I use the serious programs: Photoshop and Illustrator to design. Fireworks in my opinion is for garage designers who’ve just graduated from school.
Seriously!
Rob
Nov 28th, 2011
I know lots of serious web professionals who use Fireworks. So no, this is not a stupid remark. What’s stupid, is saying that Fireworks is for garbage designers, when Photoshop pretty much pioneered crappy filters, ridiculous lens flares, and is still being used to create horrendous fake HDR photos.
rafael
Dec 2nd, 2011
Fireworks is more used than Photoshop for mockups. That’s why there is only the FW Style.
Steve
Dec 8th, 2011
Fireworks is an incredibly capable application – it’s not the toy you think it is. Photoshop on the other hand is over sized, over featured, and clumsy when it comes to web design.
Both are amazing software. Fireworks is still around with good reason.
HelloBillyGoat
Nov 5th, 2011
I second that! Styles for .AI would be super. I’d buy it!
Anonymous
Nov 5th, 2011
Do you guys really use Illustrator for web mockups? :/
Anon's Mouse
Nov 10th, 2011
Anonymous, what do you use?
rafael
Dec 2nd, 2011
@Anon’s Mouse
Try Fireworks. You wont have much trouble, it’s very like Illustrator (for mockups)
Bill Dexter
Nov 17th, 2011
“…and what many serious web professionals use who focus on the web.”
I’m a serious web professional that focuses on the web and I use Photoshop and Illustrator.
Victor
Dec 2nd, 2011
Hi,
as a
mockups > illustrator
creation > photoshop
Victor
Dec 2nd, 2011
Hi,
as a web professionnal.
mockups > illustrator
creation > photoshop
Can be nice to have those interface elements for AI and PS. The Firewokers are still happy, and the other web professionnals, start diggin your work and share it
Cheers
anthony
Dec 2nd, 2011
The problem with PS is that it’s not a vector tool. The problem with AI is that the graphical controls are awkward to use. Nevertheless, I’ll see if I can make a PS or AI version.
Boots
Jan 23rd, 2012
Yeah… I’ve been designing/building sites for 14 years and have never used Fireworks, even when I had it with the Macromedia Studio. I’ve also never worked with or known anyone that has used it as their goto. For me, the tools are Photoshop and Illustrator.
Daryl
Apr 9th, 2012
The Adobe icons and splash screens for Photoshop, illustrator, and the rest of the Creative Suite in CS5 were all designed using Fireworks.
http://fireworks.smashingmagazine.com/2010/09/17/the-power-of-adobe-fireworks-what-can-you-achieve-with-it/
(You’ll have to scroll all the way down near the bottom of the article part about Adobe Fireworks used for the CS5 artwork)
So if you use Photoshop, then Adobe for one is someone you know that uses it as their “goto” when it come to screen designs. In fact, every time you open up Photoshop or look at Photoshop’s icon in your dock you are seeing and using the work of Fireworks.
Not surprising of course since Adobe’s own website specifically refers to Fireworks as their design tool for web and screen graphics, not Photoshop or Illustrator. So it makes sense that is what they turned to when they needed to represent themselves and their products in the best way possible on your screen.
I’m sure Adobe’s flyers, brochures, and other *print* material are designed in Indesign, Photoshop, and Illustrator though.
Jammer
Feb 22nd, 2012
Why do you lot use Photoshop and Illustrator for Web Design and Mockup?
You’re using the wrong tools for the job.
Illustrator – Vector program mainly for print.
Photoshop = Image manipulation.
Fireworks = Screen Graphics and Website Design.
If you visit the Adobe site, even they categorise their own programs like this. Check it out if you don’t believe me. Go and visit the Adobe site and read for yourself what each program is meant for.
No one’s saying you can’t design sites very effectively in Illustrator and Photoshop, but they’re still the wrong tools for the job. It’s like using a monkey wrench to undo a nut, where you could just use a ratchet.
Fireworks has loads more features geared towards a strreamlined workflow when designing websites that Photshop and Illustrator, even combined, can’t even begin to equal.
Also, Fireworks is easil the best tool for designing screen orientated Vector graphics. In other words the sort of thing you might use a lot for designing websites.
Where Fireworks cannot be used however, is in designing for print as it runs naturally at 72DPI (which is perfect for….. drum roll….. designing websites).
Photoshop and Illustrator are bloated, clunky and slow for this purpose. Just watch the next couple of years as more and more web designers switch over to Fireworks. It’s inevitable, once they glimpse the workflow it offers.
Markos
Mar 28th, 2012
@Jammer – I completely agree with you. I’ve been using photoshop for years and switched over to fireworks recently. There was an adjustment period for sure – but it is totally worth going through that. The benefits fireworks brings to the table for web design are fantastic.
I still use photoshop for doing things like, say, photo manipulation, or hardcore image creation (which is what photoshop was designed to do) but for everything web based, from mockups right through to final art, Fireworks is the business.
Avangelist
Apr 26th, 2012
@jammer – Illustrator is more of a reasonable tool to use for web design elements today than ever.
Illustrator creates vectors, PS and FW produce Rastors.
Which one scales to different sizes?…
Joshua
May 9th, 2012
That’s not true. Photoshop has always had shape layer graphics which are vectors. You can actually paste a vector from AI right into PS as a shape layer. Also Photoshop CS6 has vector tools similar to illustrator now. Mostly to fill the need of UI design for high pixel density graphics that are required for devices like the iPhone and iPad with retina displays.
luke w
May 9th, 2012
@jammer, thanks for the tip on fireworks – hadn’t looked at it since fireworks MX but it’s now a big improvement over PS for web design…