如何做網(wǎng)站設(shè)計(jì)的幾個小竅門

1、記?。耗隳苷瓶氐臅r間是有限的
Remember: you can control the time is limited

我僅僅用4秒鐘就能瀏覽完平常的頁面，因此，你沒有足夠的時間吸引用戶并讓他們繼續(xù)瀏覽你的網(wǎng)站。也就是說你應(yīng)盡可能準(zhǔn)確的描述你設(shè)計(jì)的網(wǎng)站是關(guān)于什么的。如果它需要讓瀏覽者花費(fèi)更多的時間去弄明白此網(wǎng)站建設(shè)是關(guān)于什么的，他將放棄并離開。
I only use 4 seconds to read ordinary page, therefore, you do not have enough time to attract customers and keep them browsing your site. That is to say you should as far as possible the accurate description of your web design is about what. If it needs to let visitors spend more time to understand this website is about, he will give up and leave.

2、記?。河脩羰锹宰x頁面
Remember: the user is skimming the page

當(dāng)你進(jìn)入一個房間時，你不會具體的看每一樣?xùn)|西的外表。首先你會注意屋子里面人或物的外形，你環(huán)視整個屋子，然后找令你敢興趣的東西。在第一次瀏覽網(wǎng)站的時候也會發(fā)生類似的事兒，瀏覽者或用戶首先是大體瀏覽一下。這就需要你引導(dǎo)用戶去你想要讓他們?nèi)サ牡胤?。它可能是個登陸按鈕、更多內(nèi)容按鈕、或博客文章等等。
When you enter a room, you will not see concrete everything looks. First you will pay attention to the house of a person or thing is, you scan the room, then find that interests you. A similar thing when first visit to the website will also, visitor or user it first browse. This requires you to guide users to go where you want to let them go. It can be a login button, button, or more blog, etc..

3、網(wǎng)站的左上角是最明顯的位置
Site of the upper left corner is the most obvious

這是大家公認(rèn)的事實(shí)。主要原因是大家都是用這種習(xí)慣方式來讀書讀文章的（從左上角的位置開始），另外早期的網(wǎng)站和應(yīng)用軟件也是基于此方法進(jìn)行設(shè)計(jì)開發(fā)的。我們通常會把LOGO放在左上角，這樣是很好的。但是考慮一下加入一個或者兩個其他的元素在這個位置讓它看起來更明顯（注冊的鏈接、搜索的表單、標(biāo)語等）。
It is well known fact. The main reason is that everyone is used to read books and articles that way (starting from the left corner), in addition to the early web sites and applications were designed that way. We often put LOGO at the top left corner, so is very good. But think about adding one or two other elements in the position to make it more prominent (login link, the search form, slogan).

4、了解“F”結(jié)構(gòu)
The "F" structure

一些視覺跟蹤調(diào)查研究證明，用戶瀏覽網(wǎng)站的視覺路線類似于字母“F”型。最頂部的位置總是能被看到，中間區(qū)域僅有一半被看到，再往下只有左邊一部分能被看到。當(dāng)你在設(shè)計(jì)營銷型網(wǎng)站建設(shè)時候不知道將一個內(nèi)容塊放到社么位置的時候，你可以去考慮一下這一因素。
Some visual tracking research proof, the users browse the web site visual line like the letter "F". The top most position can always be seen, middle area half seen, then only the left part can be seen. When you are in the construction design and marketing type site do not know when will a content block time in what position, you can consider this factor.

5、了解用戶忽略什么
Learn what users ignore

用戶都是對廣告視而不見的。他們習(xí)慣于忽略圖片廣告和文字廣告。避免設(shè)計(jì)的東西看上去像廣告，同時，用戶也會忽略大塊的文字區(qū)域。沒有人有時間（更確切的說是耐心?。┤ラ喿x大片的文字，他們僅僅是了解頁面文章的大意。
Users are ad to pay no heed. They learned to ignore image ads and text ads. Avoid anything that looks like an advertisement, at the same time, the user can ignore large blocks of text. No people have time (more precisely, patience!) To read large text, they are just to get a general idea of the page.

6、文字和圖片
Text and pictures

一個有趣的事實(shí)是。文字比那些絕妙的圖片更能夠獲得注意！如果你想向你的用戶傳達(dá)信息，我建議你使用大的標(biāo)語文字來代替那些很炫的頭部圖片……
One interesting fact is that. The text can be more than those wonderful pictures get attention! If you want to convey to your user information, I suggest you use a large slogan instead of cool head......

7、用設(shè)計(jì)元素來吸引注意
Design elements to attract attention

來吸引注意的好的元素是文字口號，行動綱領(lǐng)的按鈕（通常用亮色調(diào)），分成1-2-3級，或者就是一個普通的列表……
To attract the attention of good elements are text slogans, action buttons (usually using bright colors), divided into class 1-2-3, or an ordinary list......

如果你在寫一篇很長的文章，很重要的一件事情就是你要去找小標(biāo)題。小標(biāo)題比其他的內(nèi)容容易獲得關(guān)注。使用恰當(dāng)?shù)臉?biāo)題，通過這簡單的步驟向用戶闡述這篇文章的主題。
If you wrote a long article, one of the most important things are headings. Small title other than the content easy to get attention. Use the appropriate title, the subject of this article to the user through the simple steps.

8、文字格式
Text format

恰當(dāng)?shù)奈淖指袷降木幣鸥幸庥陂喿x。不要擔(dān)心使用過多的段落、加粗、斜體、引用、下劃線或者字母大小寫……它們都可以讓文字塊更有視覺沖擊力。當(dāng)然，你也需要用格式化強(qiáng)調(diào)一些你認(rèn)為很重要的文字或者句子，這些能夠引導(dǎo)你的讀者閱讀完全文。
The appropriate text formatting more intended to read. Don't be afraid to use write paragraphs, bold, italic, underline, reference or letter size much...... They can make the text block more visual impact. Of course, you also need to be formatted with the emphasis on some do you think very important words or sentences, which can guide your reader through the article.

9、使用簡潔圖片
Use concise picture

我前面已經(jīng)提及過用戶對廣告是視而不見的。當(dāng)你在設(shè)計(jì)過程中使用到圖片時，要確保它們不要雜亂、令人討厭或不被理解。大部分人感覺看雜亂、色彩花哨的圖片是比較費(fèi)勁兒的。圖片應(yīng)該簡潔、易理解的。
I already mentioned that the user is to pay no heed to the advertisement. When you use the pictures in the design process, to ensure that they don't clutter, hate or don't understand. Most people feel look cluttered, colorful pictures is more difficult. The picture should be concise, easy to understand.

你使用人的臉部圖片更容易引起用戶的注意，尤其當(dāng)圖片人物的眼睛盯著用戶。當(dāng)然你也可以用目光的方向來引導(dǎo)用戶關(guān)注某一個方向。
You use the human face image is more likely to cause the attention of the user, especially when the image characters of eyes staring at the user. Of course, you can also use the gaze direction to guide users to focus on one direction.

10、使用留白
The use of white space

使用留白可以給某些元素更多的可視空間，如果某元素與邊距或其它元素太近就容易被混淆，那就需要給它留點(diǎn)呼吸的空間。尤其在文字與文字內(nèi)容之間。
Visual spatial use whitespace can give some element more, if a certain element and the margins or other elements too close to be confusing, it would need to leave some breathing space to it. Especially in the text.