1.記?。耗隳芸刂频臅r間是有限的
記?。耗隳芸刂频臅r間是有限的
我只用了4 秒就瀏覽了一個正常的頁面,所以您沒有足夠的時間來吸引用戶并讓他們繼續(xù)瀏覽您的網(wǎng)站。這意味著您應(yīng)該盡可能準確地描述您正在設(shè)計的網(wǎng)站的內(nèi)容。如果瀏覽者需要更多時間來弄清楚該網(wǎng)站的內(nèi)容,他就會放棄并離開。
我只用4 秒來閱讀普通頁面,因此,您沒有足夠的時間來吸引客戶并讓他們繼續(xù)瀏覽您的網(wǎng)站。也就是說你應(yīng)該盡可能準確的描述你的網(wǎng)頁設(shè)計是關(guān)于什么的。它需要讓訪問者花更多的時間來了解這個網(wǎng)站是關(guān)于什么的,他才會放棄并離開。 2. 記?。河脩粽跒g覽頁面
記?。?用戶正在瀏覽頁面
當你進入一個房間時,你不會專門看每樣?xùn)|西的外觀。首先,你會注意房間里人或物的出現(xiàn),你環(huán)顧整個房間,然后尋找你感興趣的東西。第一次查看網(wǎng)站時會發(fā)生類似的事情,查看者或用戶首先快速瀏覽一下。這需要您將用戶引導(dǎo)到您希望他們?nèi)サ牡胤?。它可以是登錄按鈕、更多內(nèi)容按鈕或博客文章等。
當你進入一個房間時,你不會看到具體的一切。首先你會注意一個人或事物的房子,你掃描房間,然后找到你感興趣的。第一次訪問該網(wǎng)站時也會有類似的事情,訪問者或用戶將首先瀏覽它。這就需要你引導(dǎo)用戶去你想讓他們?nèi)サ牡胤健?梢允堑卿洶粹o,按鈕,或者更多博客等。 3. 網(wǎng)站左上角是最明顯的s位置
左上角的位置最明顯
這是大家公認的事實。主要是大家看書看文章都是這種習(xí)慣的方式(從左上角開始),早期的網(wǎng)站和應(yīng)用軟件也是基于這種方式設(shè)計開發(fā)的。我們一般把LOGO放在左上角,這樣就可以了。但考慮在此位置添加一兩個其他元素以使其更加明顯(注冊鏈接、搜索表單、標語等)。
這是眾所周知的事實。主要原因是大家都習(xí)慣這樣閱讀書籍和文章(從左上角開始),此外早期的網(wǎng)站和應(yīng)用程序也是這樣設(shè)計的。我們經(jīng)常把LOGO放在左上角,這樣很好。但考慮在該位置添加一兩個其他元素以使其更加突出(登錄鏈接、搜索表單、口號)。 4.理解“F”結(jié)構(gòu)
“F”結(jié)構(gòu)
一些視覺跟蹤研究證明,用戶瀏覽網(wǎng)站所采用的視覺路線類似于字母“F”。最上面的位置始終可見,只有中間區(qū)域的一半可見,再往下只有左邊部分可見。當您在設(shè)計營銷網(wǎng)站時不知道將內(nèi)容塊放在哪里時,您可以考慮這個因素。
一些視覺跟蹤研究證明,用戶瀏覽
e 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è)計的東西看上去像廣告,同時,用戶也會忽略大塊的文字區(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
一個有趣的事實是。文字比那些絕妙的圖片更能夠獲得注意!如果你想向你的用戶傳達信息,我建議你使用大的標語文字來代替那些很炫的頭部圖片……
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è)計元素來吸引注意
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......
如果你在寫一篇很長的文章,很重要的一件事情就是你要去找小標題。小標題比其他的內(nèi)容容易獲得關(guān)注。使用恰當?shù)臉祟},通過這簡單的步驟向用戶闡述這篇文章的主題。
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
恰當?shù)奈淖指袷降木幣鸥幸庥陂喿x。不要擔(dān)心使用過多的段落、加粗、斜體、引用、下劃線或者字母大小寫……它們都可以讓文字塊更有視覺沖擊力。當然,你也需要用格式化強調(diào)一些你認為很重要的文字或者句子,這些能夠引導(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)提及過用戶對廣告是視而不見的。當你在設(shè)計過程中使用到圖片時,要確保它們不要雜亂、令人討厭或不被理解。大部分人感覺看雜亂、色彩花哨的圖片是比較費勁兒的。圖片應(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ǎ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
使用留白可以給某些元素更多的可視空間,如果某元素與邊距或其它元素太近就容易被混淆,那就需要給它留點呼吸的空間。尤其在文字與文字內(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.
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!