創建理想網站的10大網頁設計技巧(一)
2019.09.06
ruguoninxiangyaoyigeweidadewangyesheji,nibixuxuexijichuzhishi,zheyangnijiukeyigenjukehudexuyaojinxingjiaoliubingweitongguodingzhihuaweiyonghuchuangjiandutedewangzhan。
1.清除雜亂
大(da)多(duo)數(shu)人(ren)都(dou)想(xiang)在(zai)網(wang)站(zhan)上(shang)盡(jin)可(ke)能(neng)多(duo)的(de)展(zhan)現(xian)信(xin)息(xi),以(yi)至(zhi)於(yu)網(wang)站(zhan)看(kan)起(qi)來(lai)非(fei)常(chang)混(hun)亂(luan)。如(ru)果(guo)您(nin)包(bao)含(han)太(tai)多(duo)令(ling)人(ren)分(fen)心(xin)的(de)元(yuan)素(su),那(na)麼(me)您(nin)的(de)用(yong)戶(hu)就(jiu)不(bu)知(zhi)道(dao)在(zai)哪(na)裏(li)尋(xun)找(zhao)想(xiang)要(yao)的(de)信(xin)息(xi)。相(xiang)比(bi)之(zhi)下(xia),更(geng)多(duo)的(de)空(kong)白(bai)意(yi)味(wei)著(zhe)更(geng)少(shao)的(de)雜(za)亂(luan),這(zhe)是(shi)一(yi)個(ge)簡(jian)約(yue),幹(gan)淨(jing)的(de)網(wang)頁(ye)設(she)計(ji)真(zhen)正(zheng)重(zhong)要(yao)的(de)東(dong)西(xi)。
2.使用充足的空白區域
在清除雜亂之後,你將如何填補你創建的所有空間?我們可以建議什麼都不填?負空間(也就是白色空間)shishijiaoyishuzhongyongyutuxiangzhongbuyinrenzhuyidequyudejishushuyu。suiranzaiyishushangshiyongshizishenhenwuliao,danfukongjiankeyibuchonghezengqiangzhuti,tigaoyiduxingbingshituxianggengrongyi“吸收”。
3.用視覺層次引導用戶的眼睛
如果使用像“負空間”這樣的技術術語並沒有讓你發展,你對“視覺層次結構”有什麼看法?它指的是使用不同的視覺元素(如大小或位置)laiyingxiangyonghushouxian,dierhuozuihoukandaodeyuansu。wangyedingbuyouyigedaerxingmudebiaoti,dibudexiaofalvxinxishishiyongshijiaocengcijiegouyouxianyumouxieyuansudeyigehenhaodelizi。
4.戰略性地選擇你的顏色
既(ji)然(ran)你(ni)已(yi)經(jing)熟(shu)悉(xi)了(le)良(liang)好(hao)構(gou)圖(tu)的(de)概(gai)念(nian),那(na)麼(me)讓(rang)我(wo)們(men)來(lai)談(tan)談(tan)這(zhe)個(ge)構(gou)圖(tu)的(de)具(ju)體(ti)細(xi)節(jie)。我(wo)們(men)將(jiang)從(cong)色(se)彩(cai)開(kai)始(shi),這(zhe)是(shi)任(ren)何(he)設(she)計(ji)師(shi)的(de)強(qiang)大(da)工(gong)具(ju)。首(shou)先(xian),每(mei)種(zhong)顏(yan)色(se)都(dou)有(you)不(bu)同(tong)的(de)情(qing)感(gan)內(nei)涵(han)。如(ru)果(guo)您(nin)的(de)品(pin)牌(pai)標(biao)識(shi)充(chong)滿(man)激(ji)情(qing)和(he)活(huo)力(li),那(na)麼(me)令(ling)人(ren)振(zhen)奮(fen)的(de)紅(hong)色(se)比(bi)寧(ning)靜(jing)的(de)藍(lan)色(se)更(geng)適(shi)合(he)。除(chu)了(le)選(xuan)擇(ze)最(zui)佳(jia)顏(yan)色(se)來(lai)代(dai)表(biao)您(nin)的(de)品(pin)牌(pai)外(wai),您(nin)還(hai)需(xu)要(yao)很(hen)好(hao)地(di)使(shi)用(yong)它(ta)們(men),例(li)如(ru)將(jiang)顏(yan)色(se)相(xiang)互(hu)對(dui)比(bi)以(yi)建(jian)立(li)視(shi)覺(jiao)層(ceng)次(ci)。
5.不要吝嗇攝影
隨sui著zhe攝she影ying,品pin牌pai和he概gai念nian之zhi間jian必bi然ran存cun在zai聯lian係xi。攝she影ying可ke以yi創chuang建jian對dui比bi度du,吸xi引yin注zhu意yi力li,甚shen至zhi可ke以yi將jiang視shi線xian吸xi引yin到dao頁ye麵mian的de下xia一yi部bu分fen。有you效xiao,有you意yi義yi的de攝she影ying可ke以yi促cu進jin您nin的de業ye務wu目mu標biao,但dan質zhi量liang差cha的de照zhao片pian可ke以yi阻zu止zhi您nin。
1.清除雜亂
大(da)多(duo)數(shu)人(ren)都(dou)想(xiang)在(zai)網(wang)站(zhan)上(shang)盡(jin)可(ke)能(neng)多(duo)的(de)展(zhan)現(xian)信(xin)息(xi),以(yi)至(zhi)於(yu)網(wang)站(zhan)看(kan)起(qi)來(lai)非(fei)常(chang)混(hun)亂(luan)。如(ru)果(guo)您(nin)包(bao)含(han)太(tai)多(duo)令(ling)人(ren)分(fen)心(xin)的(de)元(yuan)素(su),那(na)麼(me)您(nin)的(de)用(yong)戶(hu)就(jiu)不(bu)知(zhi)道(dao)在(zai)哪(na)裏(li)尋(xun)找(zhao)想(xiang)要(yao)的(de)信(xin)息(xi)。相(xiang)比(bi)之(zhi)下(xia),更(geng)多(duo)的(de)空(kong)白(bai)意(yi)味(wei)著(zhe)更(geng)少(shao)的(de)雜(za)亂(luan),這(zhe)是(shi)一(yi)個(ge)簡(jian)約(yue),幹(gan)淨(jing)的(de)網(wang)頁(ye)設(she)計(ji)真(zhen)正(zheng)重(zhong)要(yao)的(de)東(dong)西(xi)。
2.使用充足的空白區域
在清除雜亂之後,你將如何填補你創建的所有空間?我們可以建議什麼都不填?負空間(也就是白色空間)shishijiaoyishuzhongyongyutuxiangzhongbuyinrenzhuyidequyudejishushuyu。suiranzaiyishushangshiyongshizishenhenwuliao,danfukongjiankeyibuchonghezengqiangzhuti,tigaoyiduxingbingshituxianggengrongyi“吸收”。
3.用視覺層次引導用戶的眼睛
如果使用像“負空間”這樣的技術術語並沒有讓你發展,你對“視覺層次結構”有什麼看法?它指的是使用不同的視覺元素(如大小或位置)laiyingxiangyonghushouxian,dierhuozuihoukandaodeyuansu。wangyedingbuyouyigedaerxingmudebiaoti,dibudexiaofalvxinxishishiyongshijiaocengcijiegouyouxianyumouxieyuansudeyigehenhaodelizi。
4.戰略性地選擇你的顏色
既(ji)然(ran)你(ni)已(yi)經(jing)熟(shu)悉(xi)了(le)良(liang)好(hao)構(gou)圖(tu)的(de)概(gai)念(nian),那(na)麼(me)讓(rang)我(wo)們(men)來(lai)談(tan)談(tan)這(zhe)個(ge)構(gou)圖(tu)的(de)具(ju)體(ti)細(xi)節(jie)。我(wo)們(men)將(jiang)從(cong)色(se)彩(cai)開(kai)始(shi),這(zhe)是(shi)任(ren)何(he)設(she)計(ji)師(shi)的(de)強(qiang)大(da)工(gong)具(ju)。首(shou)先(xian),每(mei)種(zhong)顏(yan)色(se)都(dou)有(you)不(bu)同(tong)的(de)情(qing)感(gan)內(nei)涵(han)。如(ru)果(guo)您(nin)的(de)品(pin)牌(pai)標(biao)識(shi)充(chong)滿(man)激(ji)情(qing)和(he)活(huo)力(li),那(na)麼(me)令(ling)人(ren)振(zhen)奮(fen)的(de)紅(hong)色(se)比(bi)寧(ning)靜(jing)的(de)藍(lan)色(se)更(geng)適(shi)合(he)。除(chu)了(le)選(xuan)擇(ze)最(zui)佳(jia)顏(yan)色(se)來(lai)代(dai)表(biao)您(nin)的(de)品(pin)牌(pai)外(wai),您(nin)還(hai)需(xu)要(yao)很(hen)好(hao)地(di)使(shi)用(yong)它(ta)們(men),例(li)如(ru)將(jiang)顏(yan)色(se)相(xiang)互(hu)對(dui)比(bi)以(yi)建(jian)立(li)視(shi)覺(jiao)層(ceng)次(ci)。
5.不要吝嗇攝影
隨sui著zhe攝she影ying,品pin牌pai和he概gai念nian之zhi間jian必bi然ran存cun在zai聯lian係xi。攝she影ying可ke以yi創chuang建jian對dui比bi度du,吸xi引yin注zhu意yi力li,甚shen至zhi可ke以yi將jiang視shi線xian吸xi引yin到dao頁ye麵mian的de下xia一yi部bu分fen。有you效xiao,有you意yi義yi的de攝she影ying可ke以yi促cu進jin您nin的de業ye務wu目mu標biao,但dan質zhi量liang差cha的de照zhao片pian可ke以yi阻zu止zhi您nin。
更多詳情,敬請期待本文章的下篇:創建理想網站的10大網頁設計技巧(二)。












