2011年12月19日星期一

pixel lines

1 increase in contrast
Unfortunately, adding extra contrast is one of the most neglected and abandoned technique.
Joost de Valk uses a thin high contrast edges, make it easy for the user to distinguish between different section of the page. In the figure above the larger part,Web Content Management System as you can see, most of the time this contrast is just a 1 pixel highlight line next to the 1 pixel lines.
However, this page" More" and" Go" buttons contrast is too small, even when you're looking for is also very easy to be ignored.
WordPress is the most popular links in the page" Download ( download )" use of colorimetry. The red in the cold gray page himself jumping out. But the red in lightness to convergence, avoids the effect of the whole page effect.
If you for the use of contrast shilly-shally, took this decision process as makeup. You have to do is not to let people yell" look,Website Development contrast!", you need is to come very naturally draw their attention to important items on the page, highlight the key already exists.
The 2 fade
Technology for the development of all want to use the gradient person offers a variety of creating gradient tool. But is that a good thing?
Media Temple site every page using a gradient, the gradient using the control and the exquisite design is the key to success. Logo, headlines,L-Carnitine buttons and backgrounds all have subtle or image gradient, with emphasis on the content. The most complex gradients used in the simple 120 pixels wide button (a page in the" ACTIVATE" and" LEARN MORE" ), because they require visitors to focus attention.
Commission Junction Media Temple gradient using far less detailed, but also uses overly abundant gradient type:
From black to gray level gradient linearity, located at the top of the page header office green radial gradient landing frame background of the " CJ" logo on top of the oblique gradient fuzzy input box background light vertical linear gradient navigation bar background vertical gradient Webinar ads bright linear gradient another vertical linear weakened, used in the headline is the design is a bit adventurous, most progressive useful, but some problems still exist. Most notably, no consistency. The same choice differentiability strong color combination as the reason, designers are needed for each project selection of suitable gradient composite.
Using the gradient, ensure good visual flow is very important: please keep the delicate use of gradient. The most important point, only when the whole design help to use the gradient.

没有评论:

发表评论