Tuesday, July 5, 2011

Best colors for Web design


There are many web design tutorials which cover the Web color in detailed scientific terms. However, for our goals, briefly discuss color Web and how it will be used in the Web portfolio. You will develop a set of colors for your pages to the portfolio. This means that you will specify colors for your background of the page, the type used on the page and all the other static elements in the page. There are two types of color that can be used in Web graphics. Colors can be associated with Web graphics files formats refer us to: GIF and JPG. GIF

GIF files use the colors of the index. Index color is composed of 216 common colors found on all screens in all Web browsers and computer. These common colours reside in a Web palette. The Web color palette is available in Macromedia Fireworks and Adobe Photoshop, and they can be used in the design of Web displays without color difference when the pages are on the Internet. In addition, the Web palette is the standard color palette in Macromedia Dreamweaver and Macromedia Flash. This allows us to achieve color consistency across Web applicationstent and Web browsers.

We use Web colors for:

o a text/HTML Web text

Web page backgrounds o

Web page colors o used for table or layer backgrounds

o Web links

o GIF JPG files

JPG files using red, green and blue (RGB) color of the chart. RGB color is also known as the color name. Full color sections include graphics bitmap or photographs. We want to use the photographs as much as possible within a portfolio of Web to add to the Visual rhetoric and the story we are trying to present. Use of photographs, including their manipulation programs like Adobe Photoshop, require a brief description of the RGB color model. RGB color is known as additive color because of all the colors, red, green, and blue are added together in their full intensity which would create a pure white. Mixtures of the relative strengths of these colors, "create millions of colours may show the computer monitors" (Kimball, 2003, p. 95). The strength of these colors is set in from 0 to 255 with zero being less intensity and 255 being the highest intensity. When red, green and blue are combined with zero intensity, the result is black. At full power, high-intensity, where the values are set to 255, 255, 255, the result is pure white. To remember, here is a simple metaphor. Think of the red, green and blue as switches. Each switch of light using a cursor has a range from 0 to 255. When all white switches are set to zero, the room is dark. That all switches are set to 255, the room is lit at full intensity. Once you start to use applications such as Adobe Photoshop and Macromedia fireworks image editing, you start exploring the color of the computer in your graphics and photographs. When talking about use of colour, full or colour RGB is present in the photographic JPG files and other works of art created. Images full color should not be saved as GIF files because of the limited number of colors. By limited color, the color image will represent real colors using the existing Web palette of 216 colors.

This creates a poor, raster, ugly image. This is why it is very important to use the right file for each specific graphic format. When the conversion of the images printed on the Web, it is important that you do not use the color model CMYK for what anyone including graphics. The CMYK model is not a friendly monitor color space. CMYK graphics cannot be considered in CMYK on the Internet. They can only be represented by the RGB color model or Web safe (indexed) color model. Here are the rules for the color of the Web.

photos and full o (palette RGB) colour images are saved as JPG.

o flat graphic (Web 216 palette) with limited color are saved in GIF format.

o for Page backgrounds using the Web (Web 216 palette) safety palette in all applications of Web development, computer graphics and multimedia. Now, to discuss graphic size and the Web page. Size

Web pages are measured in pixels. Pixels are the unit of measurement of the screen. A Web page can be literally any size. Usually, the standard Web pages fit in a few sizes:

oW × H

o 600 × 800

o 640 × 480 (Dreamweaver default value)

o 1024 × 768.

w 550 × 400 (default Flash)

The page sizes default Web provided in the Web applications user-friendly and above are an excellent place to start. You will probably use a small, custom size for the pop-up Windows. The size of the Web page that you choose depends on you. Don't forget to use the real space of the Web page effectively so that conattempts is nearby appropriate to the user's browsing habits. Web page size affects how users move on Web pages and website portfolio. Only one rule: choose a size for all main screens and stick to it.

Consistency of page size r must be used on each level of the organizational structure of the Web portfolio design. You must understand the size of the image when you expand screens and editing Web graphics. We must keep our graphics on the page guidelines size otherwise they will extend the Web browser and the user will need to scroll see them. That is not a good thing and will disable permanently the user. When you look at the Web screens and graphics in an application such as Macromedia Fireworks or Adobe Photoshop image-editing, you can see the exact size that will occupy the image on a monitor when the view is set to 100%.

This means that you can get a clear sign of the preview a page before going through the process of making a HTML Web page. This helps the design and production. It helps eliminate guess them work, then develop-ing pages. Size also depends on the resolution. Then discuss resolution.




Read more web design related articles by visiting our Web site.


No comments:

Post a Comment