設she計ji師shi在zai設she計ji網wang站zhan的de時shi候hou,經jing常chang會hui過guo度du設she計ji,雖sui然ran頁ye麵mian內nei容rong很hen豐feng富fu,設she計ji感gan也ye會hui很hen強qiang,但dan是shi保bao持chi審shen美mei需xu求qiu和he實shi際ji需xu求qiu之zhi間jian的de平ping衡heng,相xiang對dui來lai說shuo,整zheng潔jie,幹gan淨jing條tiao理li的de網wang站zhan更geng好hao一yi些xie,在zai這zhe個ge市shi場chang中zhong,網wang頁ye設she計ji師shi想xiang獲huo得de成cheng功gong,很hen關guan鍵jian的de一yi點dian便bian是shi掌zhang握wo簡jian潔jie的de網wang站zhan設she計ji基ji礎。但是,簡潔的網頁設計並不等同於我們在網頁設計中所強調的極簡主義。簡潔的網頁設計可能使用了多種元素來襯托網站內容,但依然還能保持整潔有序的外觀。不過,極簡網站設計是以內容為核心,多餘的東西統統扔掉。而簡潔網頁設計則使用了創意和美學元素,在一定程度上,這是可行的。意思是說,網頁設計師所追求的擁有整潔,網站應該著重讓所使用的元素變得高雅,而不是丟棄這些元素。因此,一個簡潔的網站可能要花上數天的艱苦努力才能完成。在這裏煙台網頁設計告訴您該如何去做一個簡潔的網站。

1.選用富有衝擊力的圖片元素
設(she)計(ji)任(ren)何(he)網(wang)站(zhan)類(lei)型(xing),恰(qia)到(dao)好(hao)處(chu)又(you)吸(xi)引(yin)眼(yan)球(qiu)的(de)圖(tu)片(pian)總(zong)是(shi)非(fei)常(chang)重(zhong)要(yao)的(de)。雖(sui)然(ran)讀(du)者(zhe)通(tong)常(chang)隻(zhi)關(guan)注(zhu)網(wang)站(zhan)的(de)內(nei)容(rong),但(dan)吸(xi)引(yin)人(ren)的(de)相(xiang)關(guan)圖(tu)片(pian)也(ye)可(ke)以(yi)起(qi)到(dao)對(dui)內(nei)容(rong)補(bu)充(chong)的(de)作(zuo)用(yong),同(tong)時(shi)也(ye)增(zeng)添(tian)了(le)美(mei)感(gan)。不(bu)過(guo),在(zai)網(wang)頁(ye)中(zhong)使(shi)用(yong)圖(tu)片(pian)元(yuan)素(su)時(shi),不(bu)管(guan)它(ta)是(shi)靜(jing)態(tai)還(hai)是(shi)動(dong)態(tai)圖(tu)片(pian),都(dou)要(yao)注(zhu)意(yi)顏(yan)色(se)的(de)搭(da)配(pei)。顏(yan)色(se)使(shi)用(yong)過(guo)多(duo)容(rong)易(yi)造(zao)成(cheng)視(shi)覺(jiao)混(hun)亂(luan),使(shi)用(yong)單(dan)一(yi)顏(yan)色(se)往(wang)往(wang)會(hui)產(chan)生(sheng)強(qiang)烈(lie)的(de)視(shi)覺(jiao)衝(chong)擊(ji)。
2.小心使用頁麵空白
毫無疑問,簡潔的網頁設計成功的先決條件之一便是做到整潔有序。設計師在網頁中熟練地添加flash,3D圖tu形xing等deng多duo種zhong元yuan素su的de同tong時shi,不bu過guo應ying盡jin量liang避bi免mian過guo度du使shi用yong這zhe些xie元yuan素su。如ru今jin,大da家jia都dou經jing常chang使shi用yong各ge種zhong便bian攜xie式shi設she備bei瀏liu覽lan網wang頁ye,因yin此ci也ye應ying該gai充chong分fen考kao慮lv到dao移yi動dong網wang絡luo用yong戶hu的de需xu求qiu。在zai網wang頁ye設she計ji中zhong,應ying該gai小xiao心xin,準zhun確que地di處chu理li頁ye麵mian的de邊bian距ju和he空kong白bai。但dan是shi,空kong白bai間jian距ju過guo多duo會hui讓rang網wang站zhan失shi去qu吸xi引yin力li。因yin此ci維wei持chi設she計ji過guo程cheng中zhong的de流liu動dong性xing非fei常chang重zhong要yao,切qie勿wu過guo度du使shi用yong。
3.開啟你的像素眼
任何與設計的相關工作,小細節都發揮大作用。網頁設計也不例外。想要成功設計出簡潔的網站,你需要“第三隻眼”laijiankongzhexiexiaoxijie。wangzhandebiankuang,touying,gaoguanghewenlidengyuansurongyirangliulanzheyinxiangshenke,danshejishimenwangwangquehulvelezhexiexiaoxijie。zaimouxieqingkuangxia,hushidonghuahetupiandeyouhuawentihuiyingxiangdaowangyetuxiangzhiliang。weileshejichuhaodewangzhantupian,kezaiPhotoshop中啟用“對齊到像素”,對圖片進行適當的優化。網頁中內容排版錯亂時有發生,這會從視覺上降低內容的吸引力,影響讀者閱讀。
4.選用合適的字體
簡(jian)潔(jie)的(de)網(wang)頁(ye)設(she)計(ji)成(cheng)功(gong)離(li)不(bu)開(kai)排(pai)版(ban),排(pai)版(ban)應(ying)該(gai)獲(huo)得(de)和(he)圖(tu)片(pian)同(tong)樣(yang)的(de)重(zhong)視(shi)。雖(sui)然(ran)可(ke)供(gong)選(xuan)擇(ze)的(de)字(zi)體(ti)很(hen)多(duo),設(she)計(ji)師(shi)要(yao)考(kao)慮(lv)的(de)方(fang)麵(mian)很(hen)多(duo),比(bi)如(ru)說(shuo),目(mu)標(biao)客(ke)戶(hu)和(he)客(ke)戶(hu)公(gong)司(si)的(de)性(xing)質(zhi)。為(wei)網(wang)站(zhan)頁(ye)眉(mei)和(he)內(nei)容(rong)選(xuan)用(yong)合(he)適(shi)的(de)字(zi)體(ti)是(shi)必(bi)不(bu)可(ke)少(shao)的(de),無(wu)襯(chen)線(xian)字(zi)體(ti)和(he)有(you)襯(chen)線(xian)字(zi)體(ti)通(tong)常(chang)會(hui)為(wei)設(she)計(ji)帶(dai)來(lai)良(liang)好(hao)的(de)效(xiao)果(guo)。除(chu)此(ci)之(zhi)外(wai),你(ni)還(hai)可(ke)以(yi)結(jie)合(he)其(qi)它(ta)字(zi)體(ti),專(zhuan)為(wei)孩(hai)子(zi)和(he)女(nv)性(xing)打(da)造(zao)網(wang)站(zhan)。
5.為你的網站選擇合適的配色方案
任(ren)何(he)網(wang)站(zhan)的(de)設(she)計(ji)都(dou)離(li)不(bu)了(le)合(he)適(shi)的(de)配(pei)色(se)方(fang)案(an),這(zhe)對(dui)創(chuang)建(jian)一(yi)個(ge)整(zheng)潔(jie)幹(gan)淨(jing)的(de)網(wang)站(zhan)同(tong)樣(yang)適(shi)用(yong)。堅(jian)持(chi)使(shi)用(yong)淡(dan)色(se)和(he)非(fei)彩(cai)色(se)的(de)投(tou)影(ying)對(dui)成(cheng)功(gong)設(she)計(ji)一(yi)個(ge)簡(jian)潔(jie)網(wang)站(zhan)大(da)有(you)裨(bi)益(yi)。淺(qian)色(se)的(de)投(tou)影(ying)可(ke)以(yi)幫(bang)助(zhu)用(yong)戶(hu)把(ba)焦(jiao)點(dian)轉(zhuan)向(xiang)網(wang)站(zhan)內(nei)容(rong)。標(biao)誌(zhi)使(shi)用(yong)黑(hei)色(se)和(he)較(jiao)深(shen)的(de)投(tou)影(ying),網(wang)頁(ye)中(zhong)的(de)頁(ye)眉(mei)和(he)導(dao)航(hang)元(yuan)素(su)使(shi)用(yong)淺(qian)色(se)背(bei)景(jing),這(zhe)些(xie)都(dou)是(shi)不(bu)錯(cuo)的(de)案(an)例(li),並(bing)沒(mei)有(you)規(gui)定(ding)在(zai)簡(jian)潔(jie)網(wang)頁(ye)設(she)計(ji)中(zhong)不(bu)能(neng)使(shi)用(yong)大(da)膽(dan)的(de)顏(yan)色(se),但(dan)是(shi)這(zhe)樣(yang)的(de)顏(yan)色(se)要(yao)小(xiao)心(xin),克(ke)製(zhi)地(di)使(shi)用(yong)。有(you)時(shi)候(hou),網(wang)站(zhan)有(you)必(bi)要(yao)使(shi)用(yong)深(shen)色(se)背(bei)景(jing)色(se)來(lai)吸(xi)引(yin)某(mou)些(xie)目(mu)標(biao)用(yong)戶(hu)。比(bi)起(qi)漸(jian)變(bian)色(se),有(you)些(xie)網(wang)站(zhan)更(geng)鍾(zhong)愛(ai)純(chun)色(se)。如(ru)果(guo)你(ni)的(de)網(wang)站(zhan)非(fei)得(de)要(yao)使(shi)用(yong)紋(wen)理(li)和(he)漸(jian)變(bian)色(se),也(ye)不(bu)要(yao)用(yong)得(de)太(tai)過(guo)火(huo)。
6.導航欄與可用性
你(ni)對(dui)網(wang)站(zhan)設(she)計(ji)滿(man)意(yi)時(shi),認(ren)為(wei)一(yi)切(qie)都(dou)還(hai)可(ke)以(yi)的(de)時(shi)候(hou),這(zhe)時(shi),你(ni)可(ke)以(yi)通(tong)過(guo)實(shi)際(ji)試(shi)用(yong)來(lai)測(ce)試(shi)它(ta)的(de)使(shi)用(yong)性(xing)。不(bu)妨(fang)站(zhan)在(zai)局(ju)外(wai)人(ren)的(de)角(jiao)度(du),客(ke)觀(guan)地(di)對(dui)網(wang)站(zhan)作(zuo)出(chu)評(ping)價(jia)。在(zai)網(wang)站(zhan)發(fa)布(bu)之(zhi)前(qian),你(ni)可(ke)以(yi)詢(xun)問(wen)一(yi)下(xia)跟(gen)網(wang)站(zhan)設(she)計(ji)無(wu)關(guan)的(de)人(ren)的(de)看(kan)法(fa)。保(bao)持(chi)網(wang)站(zhan)導(dao)航(hang)的(de)直(zhi)觀(guan)性(xing),避(bi)免(mian)使(shi)用(yong)的(de)導(dao)航(hang)元(yuan)素(su)讓(rang)初(chu)次(ci)訪(fang)問(wen)者(zhe)和(he)技(ji)術(shu)新(xin)手(shou)產(chan)生(sheng)挫(cuo)敗(bai)感(gan)。