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