Interface Styles 2: Pixel-Perfect Graphics in One Click
by anthony on 10/06/11 at 6:06 pm
10 Reasons You’ll Love Interface Styles
- You get 9 style palettes for one great price (Text fields, Title text, Glass Buttons, Hard light buttons, Soft light buttons, Button presses, Button hovers, Web boxes, Slider knobs).
- You get free updates to Interface Styles forever.
- You’ll craft elegant interfaces that impress colleagues and clients.
- You’ll give users crisp and pixel-perfect graphics to look at.
- Your mockups will look professional and meet industry standards.
- You’ll never have to recreate colors and visual effects from scratch again.
- You’ll always have a variety of styles to choose from for any project.
- You’ll keep a consistent and standardized look across your designs.
- You can edit and adjust the colors and effects of a style however you want.
- You’ll work incredibly fast with one-click styling in Fireworks.
Interface Styles is a tool that helps you create beautiful mockups with pixel-perfect detail lightning fast. In one click, you’ll instantly apply crisp interface graphics to vector shapes in Fireworks. All colors, gradients, shadows, glows and effects are easily adjustable to suit your needs. With so many styles to choose from, you’ll be able to use Interface Styles for any project. You can combine different interface shapes to create a form, navigation, media player, landing page and more. You’ll get visually stunning results every time that’ll take your clients’ breath away.
Single user licenses are for one person to use. Multi-user licenses are for up to 5 people to use. After your payment goes through, you’ll receive an email to download the file. Check your spam/bulk/junk folder if you don’t find it in your inbox.
How One-Click Styling Works
Let’s make a beautiful ‘Buy Now’ button. Open Fireworks and drag a vector shape on to your canvas.
Open your buttons palette and select the style you want to apply to your vector shape.
The interface style you selected is instantly applied in one click. Add the ‘Buy Now’ label, and you’re done.
There are no other moving parts added to the object. It is a single object, which makes your graphics easier to manage.
Screenshots
Reflected light on glass buttons.
Shiny hard light on buttons.
Shiny soft light on buttons.
Buttons that glow on hover.
Buttons that push in when pressed.
Web boxes to hold your content.
Text fields for form focus, errors and validations.
Slick knobs for your slider controls.
Realist text effects for beautiful titles.
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.