- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)十個(gè)制作小秘訣
網(wǎng)頁(yè)設(shè)計(jì)一般分為三種大類：功能型網(wǎng)頁(yè)設(shè)計(jì)(服務(wù)網(wǎng)站&B/S軟件用戶端)、形象型網(wǎng)頁(yè)設(shè)計(jì)(品牌形象站)、信息型網(wǎng)頁(yè)設(shè)計(jì)(門戶站)。下面是網(wǎng)頁(yè)制作必須要知道的10個(gè)秘訣，歡迎閱讀了解。
4秒的時(shí)間
我們?cè)谠O(shè)計(jì)首頁(yè)時(shí)盡可能的簡(jiǎn)化，并加速打開網(wǎng)站的速度。
在整個(gè)internet中日均頁(yè)面訪問只有4秒。
這就意味著你沒有足夠的時(shí)間來讓瀏覽者加深對(duì)網(wǎng)站的印象和互動(dòng)。
你要盡可能精確的來說明你這個(gè)網(wǎng)站最主要的功能是什么。
如果一個(gè)網(wǎng)站打開的時(shí)間超過了瀏覽者等待的時(shí)間，那么瀏覽者將會(huì)失去興趣，最終的結(jié)果是瀏覽者去別的網(wǎng)站。
留白
不要把設(shè)計(jì)元素推雜在一起，要留空白。讓它們之間有呼吸的空間。特別是適用于文本。
文本格式
如果使用正確的文本格式，那么文本將有更多的機(jī)會(huì)被讀取。
不要害怕使用段落，粗體，斜體，引用文字，下劃線或者大字字母等任何可以讓你的文本更加受吸引的方式。
當(dāng)然有時(shí)你需要使用引導(dǎo)語(yǔ)句，來引導(dǎo)讀者的目光。
“F”閱讀模式
根據(jù)一些眼球追蹤的數(shù)據(jù)表明，閱讀者在看一個(gè)網(wǎng)頁(yè)的路徑，像一個(gè)字母“F”。
這表明瀏覽者最先注重的地方有，頭部，三分之一處，和左側(cè)。
所以我們要想一下如何把網(wǎng)站最重要的部分放在這幾個(gè)地方。
瀏覽者忽視有哪些
他們會(huì)忽視橫幅廣告或文字廣告。
因此要避免網(wǎng)頁(yè)的設(shè)計(jì)看起來像廣告似的。
還有瀏覽者也會(huì)忽視大塊的文本。
沒有人會(huì)有很多的時(shí)間去看那一大部分的文本只為獲得一個(gè)網(wǎng)站的主要內(nèi)容。(我也沒有耐心去看)
所以我們要盡量的簡(jiǎn)化文本，或者是增加一些圖像裝飾來吸引眼球。
文本VS圖片
文本和圖片在表達(dá)和傳遞信息時(shí)各有千秋，你應(yīng)該合理的選擇文本或圖片。
如果你想給瀏覽者傳遞一個(gè)信息，那么我建議你使用文字來代替靜態(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放在左上角。
使用清爽而干凈的圖形
上面說過，瀏覽者會(huì)忽視廣告。
當(dāng)你在設(shè)計(jì)圖形的時(shí)候要確保它們不是太過于繁雜和混亂不理解。
人們會(huì)覺得繁雜的圖形和色彩豐富的圖形會(huì)很難看。
所以在設(shè)計(jì)圖形的時(shí)候要找出一個(gè)“point”讓瀏覽者來注意。
引導(dǎo)瀏覽者的目光
當(dāng)你走進(jìn)一個(gè)房間的時(shí)候，你不可能看到房間里所有的東西。
你第一眼注意的是房間里有沒有人，然后再去注意能吸引你眼球的東西。
當(dāng)瀏覽者第一次訪問網(wǎng)站也是這樣子的。
當(dāng)瀏覽者第一次訪問你的網(wǎng)站時(shí)，需要你來引導(dǎo)他們來訪問網(wǎng)站。
比如說一個(gè)登陸按扭，一個(gè)“more”按扭，新聞。
【網(wǎng)頁(yè)設(shè)計(jì)十個(gè)制作小秘訣】相關(guān)文章：
網(wǎng)頁(yè)制作必須知道的設(shè)計(jì)秘訣10-08
Dw網(wǎng)頁(yè)設(shè)計(jì)制作小技巧07-16
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)06-29
如何制作網(wǎng)頁(yè)設(shè)計(jì)09-17
網(wǎng)頁(yè)設(shè)計(jì)的制作步驟06-30
網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)頁(yè)制作的流程分析08-26
Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)制作的技巧07-31
網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)習(xí)的日記07-01