作為網頁設計師(shi)要一直(zhi)有更好的(de)創意，這只是一部分(fen)，其實(shi)(shi)掌握一部分(fen)設計技巧也能(neng)起(qi)到很大(da)作用(yong)。下面(mian)的(de)23個設計技巧非常(chang)實(shi)(shi)用(yong)，大(da)家可以看看。

1.對比圖像，文字更具吸引力

與你所認為的相反，在瀏覽一個網站的時候，能夠直接吸引用戶目光的并不是圖像。大多數通過偶然點擊進入你的網站的用戶，他們是來尋覓信息的而不是圖像。因此，保證你的網站設計凸現出最重要的(de)信息板塊，這才是設(she)計的(de)首(shou)要原(yuan)則。

2.眼球的第一運動聚焦于網頁的左上角

用戶瀏覽網頁的(de)這一(yi)(yi)習(xi)慣(guan)應該在意(yi)料之中，畢竟左上部為主要操作中心這一(yi)(yi)點為大(da)多數重要的(de)計算(suan)機應用程(cheng)序的(de)設計所采用。在你構建網站考慮(lv)網站設計時，應該盡量(liang)保持這一(yi)(yi)格式。要知道，如果你希望保持個(ge)人特色，搭建一(yi)(yi)個(ge)成功(gong)的(de)網站，你就必須尊重用戶們(men)的(de)習(xi)慣(guan)。

3.用戶瀏覽網頁時，首先觀察網頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊的內容

用戶普(pu)遍的瀏覽方式呈(cheng)現出(chu)“F”的形狀 。保(bao)證(zheng)網站內(nei)容(rong)的重要要素(su)集中于這些(xie)關鍵區域，以此(ci)確(que)保(bao)讀者的參(can)與(yu)。在(zai)此(ci)放置頭條，副題，熱(re)點(dian)以及(ji)重要文(wen)章，這樣可以吸引到讀者進(jin)行(xing)閱讀。

4.讀者會忽視橫幅廣告

研究表明(ming)，讀者常(chang)忽視大部(bu)分的(de)橫幅(fu)廣(guang)(guang)告(gao)(gao)——盡管你以此維持網(wang)(wang)站(zhan)生計——視線(xian)往(wang)往(wang)只停留幾分之(zhi)一秒。如果你想通過(guo)廣(guang)(guang)告(gao)(gao)掙(zheng)錢，那么必須創新(xin)你的(de)廣(guang)(guang)告(gao)(gao)位(wei)以及合(he)理配置(zhi)網(wang)(wang)站(zhan)廣(guang)(guang)告(gao)(gao)形式。

5.花哨的字體和格式被忽視

為(wei)什么呢？那是(shi)因為(wei)用戶會認為(wei)這些是(shi)廣告，并非(fei)他(ta)們(men)所需要的信(xin)息。事實(shi)上(shang)，研究(jiu)表明(ming)用戶很難(nan)在充滿大量顏色(se)的花哨字體格式里(li)尋(xun)找到所需的信(xin)息，因為(wei)視(shi)覺線索告訴他(ta)們(men)把(ba)這些忽略吧。保持網(wang)站的清爽，不(bu)要因為(wei)華而不(bu)實(shi)的表面(mian)，讓重要的信(xin)息被忽略。

6.用數詞來代替數字

如(ru)果使用(yong)數(shu)詞取代(dai)數(shu)字的(de)(de)羅(luo)列，讀者會發現(xian)在你的(de)(de)網站(zhan)(zhan)可(ke)以(yi)(yi)很容(rong)易(yi)地發現(xian)真(zhen)實的(de)(de)資料。要知道，你是寫給那些將(jiang)第一次瀏覽你的(de)(de)網站(zhan)(zhan)的(de)(de)讀者，所(suo)以(yi)(yi)，讓(rang)他(ta)們(men)容(rong)易(yi)發現(xian)他(ta)們(men)所(suo)需的(de)(de)信息，讓(rang)他(ta)們(men)感興(xing)趣(qu)。

7.字體大小影響瀏覽行為

想(xiang)改變人們(men)對你的(de)(de)(de)網頁的(de)(de)(de)看法嗎？改變網頁字(zi)體的(de)(de)(de)大小(xiao)。大的(de)(de)(de)字(zi)體刺(ci)激瀏(liu)覽(lan)，而(er)小(xiao)一些的(de)(de)(de)字(zi)體則提高焦點閱讀量。根據你的(de)(de)(de)需(xu)要(yao)，合理配(pei)置兩(liang)者的(de)(de)(de)比例。

8.遇到感興趣的內容，用戶僅會多看一眼副標題

不要過分堅持副(fu)標題固定(ding)的格式——保證他們(men)的相關性和興趣。你也可以讓副(fu)標題包含關鍵(jian)詞，這(zhe)樣可以有效利(li)用搜索引擎(qing)，讓它(ta)帶來(lai)讀(du)者。

9.人們大都只瀏覽網頁的小部分內容

如果(guo)在用(yong)戶(hu)瀏(liu)覽的時(shi)候(hou)提供信(xin)息使(shi)他(ta)們盡快鎖定目(mu)標，就可(ke)以(yi)把(ba)這一(yi)點發展成為你的優勢。突出(chu)某些部分或(huo)者(zhe)創建項目(mu)列表使(shi)網頁信(xin)息容易找到和閱讀。

10.簡短的段落相對于長段落來說有更好的表現力

網(wang)(wang)頁信息是為大多數強調(diao)快速瀏覽的無聯網(wang)(wang)用戶提供的。除非上下文(wen)的銜接要求，保持(chi)信息由簡短的段(duan)落(luo)和句式組成，例如 這個電子商務網(wang)(wang)站 的產品介紹。

11.根據視覺鎖定，一欄格式比多欄格式擁有更好的表現力

別(bie)讓過(guo)多(duo)的信息把網站來(lai)訪者淹沒。大多(duo)數(shu)情況下，簡潔更具(ju)力量(liang)。多(duo)欄內容(rong)容(rong)易被(bei)用戶(hu)忽視，我們需(xu)要消除這些干擾。

12.網頁頂部和左邊的廣告更能吸引眼球

如需要(yao)在網(wang)站(zhan)植入廣(guang)告，試圖使他們融(rong)入網(wang)頁(ye)的(de)(de)左上部，這樣他們才能吸(xi)引到(dao)最大的(de)(de)視覺注意(yi)(yi)力。當(dang)然，用(yong)戶僅(jin)僅(jin)會(hui)注意(yi)(yi)到(dao)這些廣(guang)告，這并不(bu)意(yi)(yi)味著(zhu)他們會(hui)用(yong)鼠標(biao)點(dian)擊。所以不(bu)要(yao)為了提高廣(guang)告的(de)(de)注意(yi)(yi)力而犧牲原有的(de)(de)網(wang)站(zhan)設(she)計。

13.將廣告放置與最佳內容一旁也可以提升注意力

如果(guo)想要提升廣告(gao)的(de)可(ke)(ke)視性(xing)和點擊(ji)率，可(ke)(ke)以將其設(she)(she)置于最能(neng)(neng)引起(qi)人(ren)興(xing)趣的(de)內容(rong)(rong)一旁，整合進網頁的(de)設(she)(she)計里。這樣，用戶既可(ke)(ke)以找到所需的(de)內容(rong)(rong)，你(ni)也能(neng)(neng)提升廣告(gao)的(de)效益。

14.在各種測試中，人們閱讀文字廣告最為專心。

正如上面提到(dao)的(de)(de)，一般的(de)(de)互聯網(wang)(wang)用戶(hu)不(bu)會花費太多(duo)時間(jian)用于查看那(nei)些(xie)一眼就(jiu)能看出是廣告的(de)(de)內容。這就(jiu)是文字(zi)廣告表現(xian)出眾的(de)(de)原因。他們并沒有分散注意(yi)力(li)，而(er)是與網(wang)(wang)頁的(de)(de)其(qi)它(ta)部分內容融(rong)為(wei)一體，這讓(rang)他們減(jian)少了對讀者的(de)(de)視覺刺激，也使這一廣告形式獲得成(cheng)功的(de)(de)閱讀率。

15.越大的圖像吸引越多的注意力

如(ru)果要(yao)(yao)在網頁中(zhong)使用(yong)圖(tu)片，那越大越好。人們更傾(qing)向于查看(kan)那些(xie)(xie)能夠清楚地看(kan)到細節和獲取信息的圖(tu)像(xiang)。要(yao)(yao)保(bao)證你所(suo)用(yong)的圖(tu)片與(yu)文章內容(rong)相關，否則它更容(rong)易被忽視。大多數(shu)讀(du)者(zhe)都擁有高(gao)速的連接速度，所(suo)以請(qing)放心在你的網站(zhan)上使用(yong)那些(xie)(xie)較大體積的圖(tu)片。

16.干凈、清晰的特寫圖片能吸引更多的視覺注意

可(ke)能那些抽象的(de)(de)(de)(de)藝術(shu)圖(tu)(tu)片(pian)(pian)會讓你(ni)的(de)(de)(de)(de)網(wang)站(zhan)看起來很(hen)有味道，但是他們并不(bu)會吸引多少讀(du)者的(de)(de)(de)(de)注(zhu)意(yi)力(li)。如果你(ni)需要(yao)使(shi)用(yong)到(dao)這些圖(tu)(tu)片(pian)(pian)，請確保所(suo)用(yong)圖(tu)(tu)片(pian)(pian)的(de)(de)(de)(de)清晰以及其表達內容的(de)(de)(de)(de)簡單可(ke)讀(du)性。必須注(zhu)意(yi)的(de)(de)(de)(de)是，那些與真實的(de)(de)(de)(de)“人”相關(guan)的(de)(de)(de)(de)圖(tu)(tu)片(pian)(pian)比所(suo)謂的(de)(de)(de)(de)模特圖(tu)(tu)片(pian)(pian)更為“優秀”。

17.標題能吸引眼球

瀏(liu)覽網(wang)頁時(shi)，讀(du)者能(neng)發現(xian)的第一內(nei)容是(shi)標題。確保網(wang)頁的所有(you)相關(guan)鏈接暢通和有(you)效，以(yi)讓(rang)讀(du)者順利(li)的通過網(wang)站進一步(bu)搜(sou)索。

18.用戶花費大量時間察看按鈕和菜單

所(suo)以，你(ni)需(xu)要花費(fei)額外的(de)(de)(de)時間維護你(ni)的(de)(de)(de)精(jing)心設(she)計(ji)。畢竟，他們不(bu)僅吸引(yin)了讀(du)者(zhe)的(de)(de)(de)眼球，更是網站設(she)計(ji)的(de)(de)(de)重要組(zu)成要素。

19.表單格式可以延長讀者的注意時間

分解內容和段落，大量(liang)使用表單形式來表現你(ni)的文(wen)章(zhang)，可(ke)以(yi)保證讀者(zhe)的瀏覽率。使用數字和其它標(biao)記(ji)符號來突出文(wen)章(zhang)的重(zhong)要內容，會(hui)讓網(wang)站(zhan)更容易瀏覽，用戶更快的找到所需(xu)的信息。

20.避免呈現大塊的文本

研究顯示，一(yi)般的(de)網絡瀏(liu)覽(lan)者(zhe)不(bu)會花費時間去閱讀大(da)(da)塊(kuai)的(de)文本，無論他們有多重(zhong)要或(huo)寫得多好。因(yin)此，必須(xu)把(ba)這些大(da)(da)文本分解為若干(gan)小段(duan)落。突出(chu)重(zhong)要的(de)地方(fang)，放置點擊的(de)按鈕也可以提高用戶的(de)注意力。

21.格式可以吸引注意力

在文中使用(yong)粗體(ti)、大(da)寫(xie)、彩體(ti)、下(xia)劃線可以(yi)幫助用(yong)戶獲取正文所(suo)表達的(de)最(zui)主要(yao)的(de)信息。使用(yong)時(shi)需要(yao)謹慎，因為過多的(de)使用(yong)會(hui)使你的(de)網(wang)頁難以(yi)閱讀，把讀者嚇(xia)跑(pao)。

22.利用好空白

盡(jin)管把網頁(ye)的(de)(de)(de)每寸空(kong)(kong)間都(dou)填滿(man)這(zhe)個想法(fa)十分誘人，但事實上讓網站(zhan)留出部分剩(sheng)余更為不錯。網站(zhan)的(de)(de)(de)過量信息會(hui)把用戶(hu)淹沒，同時他們也會(hui)忘記所(suo)提供的(de)(de)(de)大部分的(de)(de)(de)內容。所(suo)以保持(chi)網頁(ye)的(de)(de)(de)簡潔，給(gei)讀者預(yu)留出一些(xie)視覺空(kong)(kong)間來供讀者休(xiu)息。

23.放置于網頁頂部，導航工具的作用將更好的發揮

理想情(qing)況下，你不(bu)會(hui)滿足于當(dang)讀者打(da)開你的(de)(de)網(wang)站(zhan)時僅(jin)瀏覽(lan)初始頁(ye)(ye)，而是希望他們瀏覽(lan)翻閱，察看其(qi)它(ta)感興(xing)趣的(de)(de)內容。將(jiang)導航器置于網(wang)頁(ye)(ye)頂(ding)部，就可以讓(rang)用戶通過使(shi)用這個工(gong)具(ju)輕松(song)的(de)(de)找(zhao)到所需(xu)的(de)(de)目標內容。

本文由新翼設計整理發布 wigsaleuk.com