Showing posts with label tools. Show all posts
Showing posts with label tools. Show all posts

12 January 2010

Color Scheme Tool - Review

Color Scheme Designer
As a designer, I'm always looking for color scheme tools and wheels that are efficient and fun to use. Color Scheme Designer is the most interactive and fun one to use I have found thus far. It also has numerous features for a free color scheme tool as well.

Dislikes:
  • Absence of Reset Button: the only way to reset the colors and start fresh is to refresh the page from the browser refresh button
  • Overlay Interaction: certain examples pop-up as an overlay (notably the light color & dark color page examples). These pop-ups lack a 'close' button. The only way to close out is by clicking beside the overlay so by clicking on the backdrop or by pressing on the 'ESC' key which wouldn't be evident for the average user.

Likes:
  • Interactive, clean interface design, detailed features.
  • Several Color Models: choose whether you want a monochromatic, complimentary, tetrad, or analogic color scheme. Do you want to use one or several colors and how they should contrast each other.
  • Color Vision Simulation: shows you how people with color deficiencies will see the chosen palette and what percentages of people have the deficiency. (A dislike is that the percentages lack information on whether the percentage relates to the world population, a specific country, or a continent.)
  • Export: you can export the color palette (hue blocks, color list and hexidecimal values) as: html and css, xml, text, Photoshop Palette and finally GIMP Palette
  • Undo - Redo buttons: enables you to easily undo or redo a color change you've made while tweaking your color scheme
  • Random Option: random option gives you ideas of palettes to use if you're lacking inspiration
  • Adjust the Theme: You can adjust specific hues in the theme
  • Light Page & Dark Page examples of the scheme once chosen
  • Show or Hide Tool Tips: in case you need a refresher or what a 'tetrad color model' is.

Another color scheme tool I've used in the past is ColorBlender.

16 August 2009

What font is that?

Web designers, developers and web enthusiasts ask no more! With Font Finder, a new Firefox add-on, you can now quickly get the answer without scrolling through the Web Developer Add-on "View CSS" option or guessing what it might be.

1. Install Font Finder
2. Restart Firefox
3. Select text on a web page
4. Right-click on any text on a web page
5. Choose Font Finder > Analyze Selection. On the mouse-click an alert box will appear and display the color, font, spacing, decoration/transformation, and attribute details, all in selectable text.

Pros:
More features. There are also options to "Copy element's" attributes or "Adjust element's" attributes.

Cons:
1. The pop-up is an alert box so you need to close it before switching browser windows, tabs, screens or applications.
2. You need to select text within an element or an alert will pop-up notifying you of the error.