Now more and more friends to write blog, if you are tired of waking page templates, want to have a more tailored their own blog, then, and I work together, to create a own page header (header ) bar. This design philosophy and approach from the skills to tell you how to make your own blog (or website) header look more pleasing.
Header is a simple web page of the most important visual elements. For many blog is, header may be the only visual element. So he must assume many functions, the first a header away is your website and the website style definition, it must be filled the pages of hastily glance whenever they realize sites of the type and its expression of attitude is what Yao, Tong Shi header also must a simple and clear navigation. All of these can easily use the three parts (each part has its own function) to build, and integrate them together through the same elements. It follows that to how these together as a whole.
1. From the beginning of space division
A web page's header across the entire page, we will be divided into three parts: site name, image, navigation bar. For which they were designed.
Do much? (Name and picture of the ratio)
By convention, the name is usually placed in the top left corner, in line with our reading habits, picture side on the right. Relatively small proportion of the name, but not absolute, but also on the length of the name, can not be generalized. But do not split the name and picture of the region, because this will make people's vision does not end result, can not focus. With the asymmetry ratio would be wise.
2. To find a suitable picture
A nice header image is a nice key, you can find an expression in the lateral regions of the image information. Should be surprised that you will find it is very easy to do.
3. For the three regions colored
Use a straw to extract images in the main color, and arranged from dark to light, and then choose a color for each color of the region, note the contrast between regions.
Contrast, the stronger the higher the power
A common color palette can integrate the three parts. Because the colors are present in the picture, so usually no matter how you mix and match, these three regions can be very good coordination. The more intense color contrast between the region, strong forces (tension, visual impact); the opposite color contrast weaker, the site will look more peaceful, but it is easy to remember.
4. To set the name and navigation
If you have a lot of font choices, and the picture would look for a matching font: noisy picture with quiet fonts; classic image with a classic font; plain picture with expressive fonts.
Tips: the name of the region and the navigation bar swap the color of the region as its font color, is the safest way, it makes your site look uniform, of course, if you are a master with color, you can also use other colors.
Font settings so easy:
A. A very long name must be split into two lines or more, and the upper and lower rows of the font does not crash.
B. Avoid strong but lack the sense of fun font.
C. To avoid the seemingly good but incompatible fonts.
Recommended links:
Rmvb for quicktime
Avi on iphone
Taobao shielding Baidu Sohu Baidu PPC trouble
Interview Xoceco Xie Siyu: flat panel TV has been reversed in the Western pattern
Premier Security And Privacy:
Southern Metropolis Daily: Ban the BT reminds Moldova
Guide Network And Internet
DDSN Analysis, PLM Value For The DDSN
ps3 video FORMATS
Sonic Foundry Vegas 4.0 Collection 19 novice typing results
BI, in the M & A growth?
Mts to vob converter
Let Gmail Tell friends where you live
No comments:
Post a Comment