- 相關(guān)推薦
網(wǎng)頁制作必須知道的設(shè)計秘訣
網(wǎng)頁設(shè)計的工作目標(biāo),是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗(yàn)。下面是網(wǎng)頁設(shè)計十個制作小秘訣,為大家提供參考。
4秒的時間
我們在設(shè)計首頁時盡可能的簡化,并加速打開網(wǎng)站的速度。
在整個internet中日均頁面訪問只有4秒。
這就意味著你沒有足夠的時間來讓瀏覽者加深對網(wǎng)站的印象和互動。
你要盡可能精確的來說明你這個網(wǎng)站最主要的功能是什么。
如果一個網(wǎng)站打開的時間超過了瀏覽者等待的時間,那么瀏覽者將會失去興趣,最終的結(jié)果是瀏覽者去別的網(wǎng)站。
留白
不要把設(shè)計元素推雜在一起,要留空白。讓它們之間有呼吸的空間。特別是適用于文本。
文本格式
如果使用正確的文本格式,那么文本將有更多的機(jī)會被讀取。
不要害怕使用段落,粗體,斜體,引用文字,下劃線或者大字字母等任何可以讓你的文本更加受吸引的方式。
當(dāng)然有時你需要使用引導(dǎo)語句,來引導(dǎo)讀者的目光。
“F”閱讀模式
根據(jù)一些眼球追蹤的數(shù)據(jù)表明,閱讀者在看一個網(wǎng)頁的路徑,像一個字母“F”。
這表明瀏覽者最先注重的地方有,頭部,三分之一處,和左側(cè)。
所以我們要想一下如何把網(wǎng)站最重要的部分放在這幾個地方。
瀏覽者忽視有哪些
他們會忽視橫幅廣告或文字廣告。
因此要避免網(wǎng)頁的設(shè)計看起來像廣告似的。
還有瀏覽者也會忽視大塊的文本。
沒有人會有很多的時間去看那一大部分的文本只為獲得一個網(wǎng)站的主要內(nèi)容。(我也沒有耐心去看)
所以我們要盡量的簡化文本,或者是增加一些圖像裝飾來吸引眼球。
文本VS圖片
文本和圖片在表達(dá)和傳遞信息時各有千秋,你應(yīng)該合理的選擇文本或圖片。
如果你想給瀏覽者傳遞一個信息,那么我建議你使用文字來代替靜態(tài)的圖形。
吸引眼球的設(shè)計元素
如果你要寫一篇文章,那么你首先要確定好文章的標(biāo)題。
好的標(biāo)題可以吸引瀏覽者的目光。
一個好的標(biāo)題可以讓瀏覽者更好的抓住文章的重點(diǎn)。
網(wǎng)站的“黃金地段”(左上角)
網(wǎng)站的左上側(cè)是瀏覽者最先注意的地方。
這是因?yàn)槿藗冮喿x的習(xí)慣造成的(從左上角開始閱讀)。
再加上早期的網(wǎng)站也是按這個方式設(shè)計的。
所以我們常常把LOGO放在左上角。
使用清爽而干凈的圖形
上面說過,瀏覽者會忽視廣告。
當(dāng)你在設(shè)計圖形的時候要確保它們不是太過于繁雜和混亂不理解。
人們會覺得繁雜的圖形和色彩豐富的圖形會很難看。
所以在設(shè)計圖形的時候要找出一個“point”讓瀏覽者來注意。
引導(dǎo)瀏覽者的目光
當(dāng)你走進(jìn)一個房間的時候,你不可能看到房間里所有的東西。
你第一眼注意的是房間里有沒有人,然后再去注意能吸引你眼球的東西。
當(dāng)瀏覽者第一次訪問網(wǎng)站也是這樣子的。
當(dāng)瀏覽者第一次訪問你的網(wǎng)站時,需要你來引導(dǎo)他們來訪問網(wǎng)站。
比如說一個登陸按扭,一個“more”按扭,新聞。
【網(wǎng)頁制作必須知道的設(shè)計秘訣】相關(guān)文章:
網(wǎng)頁設(shè)計網(wǎng)頁制作的流程分析03-02
Dreamweaver如何制作網(wǎng)頁設(shè)計03-03
Dreamweaver網(wǎng)頁設(shè)計制作的技巧03-19
網(wǎng)頁設(shè)計與制作實(shí)訓(xùn)報告05-27