Web Design Tutorial
The best colors for Web Design
Web Color
There are many web design tutorials covering in detail the scientific web colors. No But for our purposes, we will briefly discuss the color on the Web and how to use the Web portfolio. You have to develop a combination colors for your web portfolio. This means that you designate the colors of your page background, the type used on the page and other elements that are static on the page. There are two types of color that can be used in Web graphics. The colors can be associated with the formats of graphics files just mentioned Web: GIF and JPG.
GIF
GIF files use the color index. Color index is composed of 216 common colors found on all computer screens and in all Web browsers. These common color palette is a web. The color palette is available on the website of Macromedia Fireworks and Adobe Photoshop so they can be used on the Web screen design without changing color in the pages on the Internet. In addition, palette color palette in Macromedia Dreamweaver Web Standard and Macromedia Flash. This allows us to achieve a uniform color in all Web applications and Web browsers.
We use the colors of the web:
Web text / html text
Web page backgrounds
Web page colors used bottom of the table or layer
Web Links
GIF files
JPG
JPG with red, green and blue (RGB) for color chart. Is also known as RGB color. The items include color graphics in bitmap or photographs. We use the photographs as much as we can in a Web portfolio to add to the visual rhetoric and narrative that we are trying to present. The extensive use of photographs, including handling of programs such as Adobe Photoshop, require a brief description of the RGB color model. RGB color is known as additive color because of all colors, red, green and blue add to its maximum intensity to create a pure white. Mixtures of the relative strength of these colors, "create millions of color computer screens may display" (Kimball, 2003, p. 95). The strength of these colors is defined from zero to 255 with zero being the least intensity and 255 the highest intensity. Red, green and blue are combined with zero intensity, the result is black. At full power, high intensity, where the values are set at 255, 255, 255, the result is pure white. To remember, here is a simple metaphor. Please note that changing red, green and blue as light. Each light switch by a cursor on a scale of zero to 255. When all switches are set targets to zero the room is dark. Do all light switches are set to 255, the room lights in all its intensity. Once you start using editing applications images as Adobe Photoshop and Macromedia Fireworks to begin exploring the color of your computer graphics and photographs. When discussing the use of color color, or RGB color is JPG present works created photographic and art. color images should be saved as GIF files, due to the limited color number. By having limited color, image color represent the actual colors using existing web palette of 216 colors.
This creates a bad image, dithered and ugly. It is therefore very important to use the format correct file for each specific plot. To convert the images on the Web, is important not to use the CMYK color model for anything, including graphics. Is not a CMYK color space environment monitor. CMYK graphics can not be seen in CMYK on the Internet. Can be represented by the RGB color model and Web safe color model (indexed). These are the rules for the conduct of color:
color images (RGB Palette) and the photos are saved in JPG format.
flat graphics (Web palette of 216) Limited colors are stored as GIF files.
For funds using the web safe palette page (Web of pallet 216) all computer graphics, multimedia and web application development. Now we will discuss the website and the chart.
Size
Web pages are measured in pixels. Pixels are the unit of measurement of the screen. A website can be literally any size. Standard Web pages usually fit a size of a few:
W × H
600 × 800
640 × 480 (default Dreamweaver)
1024 × 768
550 × 400 (Flash default)
The default size Web pages provided on the web and user-friendly applications listed above is an excellent place to start. You should probably use a smaller size as to pop-ups. The size of the Web page that is up to you. Remember to use the real space of the Web page effectively so that the content is very much in the property the user's browsing habits. Web page size affects how users move around the portfolio of websites and website. One rule: Choose a size for all main screens and stick to it.
R consistency in page size should be used at each level graphic web design portfolio. You have to understand the size of the image editing application to develop screens and Web graphics. We must keep our graphics page size of the guidelines, otherwise it will extend the Web browser and the user having to scroll to see them. This is not a good thing and no doubt will turn off the user. When we look at the screens and Web graphics in image editing application like Macromedia Fireworks or Adobe Photoshop, you can see the exact size the image occupies on a monitor when the view is set at 100 percent.
This means you can get an accurate indication of how a page before going through the process of making an HTML web page. This helps design and production. Helps eliminate the guesswork in the development of pages. The size also depends resolution. Speaking of the next resolution.
About the Author
For more information please visit the
web design related articles
section of our main site.
Beginners! Create a Website Here
Tags: css, design, tutorial, web, web design tutorial, web design tutorial blog, web design tutorial css, web design tutorial dreamweaver, web design tutorial photoshop, webdesign