降低網站設計品質的4個細節
2017.05.03
企(qi)業(ye)網(wang)站(zhan)設(she)計(ji)中(zhong)的(de)一(yi)些(xie)細(xi)節(jie)處(chu)理(li)不(bu)好(hao)可(ke)能(neng)會(hui)影(ying)響(xiang)整(zheng)個(ge)網(wang)站(zhan)設(she)計(ji)的(de)品(pin)質(zhi)，而(er)這(zhe)些(xie)細(xi)節(jie)卻(que)因(yin)為(wei)太(tai)小(xiao)會(hui)被(bei)設(she)計(ji)師(shi)所(suo)忽(hu)略(lve)。我(wo)們(men)都(dou)知(zhi)道(dao)一(yi)個(ge)優(you)秀(xiu)的(de)網(wang)站(zhan)設(she)計(ji)不(bu)僅(jin)需(xu)要(yao)有(you)吸(xi)引(yin)用(yong)戶(hu)的(de)東(dong)西(xi)，還(hai)要(yao)有(you)支(zhi)撐(cheng)整(zheng)個(ge)網(wang)站(zhan)設(she)計(ji)的(de)細(xi)節(jie)，如(ru)字(zi)體(ti)、色彩、空白與內容間等的設計。
為了可以幫助網站設計師們更好的完成網站設計的細節，分形科技小編在這裏為大家分析一下4種常見的降低網站設計品質的細節，希望可以對廣大設計師們有所幫助。
細節一，沒有足夠的留白
留白在很多繪畫、攝(she)影(ying)構(gou)圖(tu)上(shang)經(jing)常(chang)會(hui)用(yong)到(dao)，而(er)在(zai)網(wang)站(zhan)設(she)計(ji)中(zhong)留(liu)白(bai)也(ye)是(shi)非(fei)常(chang)重(zhong)要(yao)的(de)一(yi)部(bu)分(fen)，它(ta)有(you)助(zhu)於(yu)防(fang)止(zhi)用(yong)戶(hu)在(zai)瀏(liu)覽(lan)網(wang)站(zhan)時(shi)變(bian)得(de)疲(pi)憊(bei)，還(hai)可(ke)以(yi)在(zai)內(nei)容(rong)中(zhong)劃(hua)出(chu)距(ju)離(li)，對(dui)內(nei)容(rong)進(jin)行(xing)切(qie)割(ge)。其(qi)主(zhu)要(yao)作(zuo)用(yong)是(shi)為(wei)其(qi)他(ta)設(she)計(ji)元(yuan)素(su)提(ti)供(gong)間(jian)隔(ge)和(he)緩(huan)衝(chong)的(de)空(kong)間(jian)。
注：這裏所說的留白並不一定要白色的。
細節二，色彩使用太多
網wang站zhan的de色se彩cai運yun用yong的de好hao，可ke以yi很hen好hao的de提ti升sheng網wang站zhan頁ye麵mian的de整zheng體ti層ceng次ci。但dan是shi一yi個ge網wang站zhan中zhong的de色se彩cai不bu宜yi太tai多duo。雖sui然ran背bei景jing一yi種zhong顏yan色se，內nei容rong文wen本ben一yi種zhong顏yan色se，鏈lian接jie一yi種zhong顏yan色se等deng顏yan色se的de使shi用yong可ke以yi很hen好hao的de幫bang助zhu區qu分fen有you用yong的de內nei容rong，但dan是shi色se彩cai太tai多duo或huo是shi大da量liang的de使shi用yong對dui比bi強qiang烈lie的de顏yan色se，會hui破po壞huai企qi業ye網wang站zhan的de整zheng體ti設she計ji，同tong時shi也ye很hen容rong易yi造zao成cheng瀏liu覽lan者zhe的de視shi覺jiao疲pi勞lao。
建議：最後網站設計中隻出現三種顏色，或同一色係的多種漸變色，可以很好的獲得幹淨整簡的網站設計。
細節三，內容層次劃分不清楚
用(yong)戶(hu)一(yi)般(ban)都(dou)是(shi)通(tong)過(guo)一(yi)些(xie)文(wen)章(zhang)的(de)標(biao)題(ti)或(huo)是(shi)廣(guang)告(gao)來(lai)到(dao)網(wang)站(zhan)，而(er)這(zhe)些(xie)頁(ye)麵(mian)多(duo)是(shi)由(you)文(wen)字(zi)內(nei)容(rong)組(zu)成(cheng)。如(ru)果(guo)此(ci)時(shi)這(zhe)個(ge)頁(ye)麵(mian)的(de)內(nei)容(rong)層(ceng)次(ci)混(hun)亂(luan)，那(na)麼(me)用(yong)戶(hu)會(hui)在(zai)大(da)致(zhi)瀏(liu)覽(lan)一(yi)下(xia)後(hou)離(li)開(kai)，無(wu)論(lun)網(wang)站(zhan)的(de)內(nei)容(rong)是(shi)否(fou)有(you)價(jia)值(zhi)，這(zhe)就(jiu)是(shi)我(wo)們(men)所(suo)說(shuo)的(de)跳(tiao)出(chu)率(lv)高(gao)。
想要解決這個問題就必須做好網站頁麵內容層次的設計，給用戶提供一種有秩序、層次分明的瀏覽環境。如頁麵的區域劃分、標題及內容字體的設置、足夠的文字間距、圖片大小的選擇等。
細節四，網站設計的實用性
網wang站zhan設she計ji時shi要yao為wei用yong戶hu設she計ji一yi些xie具ju有you實shi際ji意yi義yi的de東dong西xi，杜du絕jue那na麼me華hua而er不bu實shi的de設she計ji。因yin為wei用yong戶hu之zhi所suo以yi會hui來lai到dao企qi業ye網wang站zhan一yi般ban都dou是shi一yi帶dai著zhe問wen題ti來lai的de，他ta們men想xiang要yao找zhao到dao解jie決jue問wen題ti的de辦ban法fa，或huo是shi找zhao到dao想xiang要yao了le解jie的de信xin息xi。所suo以yi我wo們men在zai進jin行xing網wang站zhan設she計ji時shi一yi定ding要yao多duo關guan注zhu目mu標biao用yong戶hu的de需xu求qiu，並bing在zai網wang站zhan頁ye麵mian設she計ji、功能設計中將滿足需要的設計融入其中，讓用戶在瀏覽網站時獲得滿足的便利。
想要設計出一個好的網站本身就不是一件容易的事情，而想將網站的細節設計好則更是需要付出更多的努力。網站設計標準、網站字體設計、網站設計特點、網站界麵設計方法、網站流行趨勢設計、網站策劃設計、網站設計細節分析等都是我們提升網站設計品質時需要考慮的問題。
為了可以幫助網站設計師們更好的完成網站設計的細節，分形科技小編在這裏為大家分析一下4種常見的降低網站設計品質的細節，希望可以對廣大設計師們有所幫助。
細節一，沒有足夠的留白
留白在很多繪畫、攝(she)影(ying)構(gou)圖(tu)上(shang)經(jing)常(chang)會(hui)用(yong)到(dao)，而(er)在(zai)網(wang)站(zhan)設(she)計(ji)中(zhong)留(liu)白(bai)也(ye)是(shi)非(fei)常(chang)重(zhong)要(yao)的(de)一(yi)部(bu)分(fen)，它(ta)有(you)助(zhu)於(yu)防(fang)止(zhi)用(yong)戶(hu)在(zai)瀏(liu)覽(lan)網(wang)站(zhan)時(shi)變(bian)得(de)疲(pi)憊(bei)，還(hai)可(ke)以(yi)在(zai)內(nei)容(rong)中(zhong)劃(hua)出(chu)距(ju)離(li)，對(dui)內(nei)容(rong)進(jin)行(xing)切(qie)割(ge)。其(qi)主(zhu)要(yao)作(zuo)用(yong)是(shi)為(wei)其(qi)他(ta)設(she)計(ji)元(yuan)素(su)提(ti)供(gong)間(jian)隔(ge)和(he)緩(huan)衝(chong)的(de)空(kong)間(jian)。
注：這裏所說的留白並不一定要白色的。
細節二，色彩使用太多
網wang站zhan的de色se彩cai運yun用yong的de好hao，可ke以yi很hen好hao的de提ti升sheng網wang站zhan頁ye麵mian的de整zheng體ti層ceng次ci。但dan是shi一yi個ge網wang站zhan中zhong的de色se彩cai不bu宜yi太tai多duo。雖sui然ran背bei景jing一yi種zhong顏yan色se，內nei容rong文wen本ben一yi種zhong顏yan色se，鏈lian接jie一yi種zhong顏yan色se等deng顏yan色se的de使shi用yong可ke以yi很hen好hao的de幫bang助zhu區qu分fen有you用yong的de內nei容rong，但dan是shi色se彩cai太tai多duo或huo是shi大da量liang的de使shi用yong對dui比bi強qiang烈lie的de顏yan色se，會hui破po壞huai企qi業ye網wang站zhan的de整zheng體ti設she計ji，同tong時shi也ye很hen容rong易yi造zao成cheng瀏liu覽lan者zhe的de視shi覺jiao疲pi勞lao。
建議：最後網站設計中隻出現三種顏色，或同一色係的多種漸變色，可以很好的獲得幹淨整簡的網站設計。
細節三，內容層次劃分不清楚
用(yong)戶(hu)一(yi)般(ban)都(dou)是(shi)通(tong)過(guo)一(yi)些(xie)文(wen)章(zhang)的(de)標(biao)題(ti)或(huo)是(shi)廣(guang)告(gao)來(lai)到(dao)網(wang)站(zhan)，而(er)這(zhe)些(xie)頁(ye)麵(mian)多(duo)是(shi)由(you)文(wen)字(zi)內(nei)容(rong)組(zu)成(cheng)。如(ru)果(guo)此(ci)時(shi)這(zhe)個(ge)頁(ye)麵(mian)的(de)內(nei)容(rong)層(ceng)次(ci)混(hun)亂(luan)，那(na)麼(me)用(yong)戶(hu)會(hui)在(zai)大(da)致(zhi)瀏(liu)覽(lan)一(yi)下(xia)後(hou)離(li)開(kai)，無(wu)論(lun)網(wang)站(zhan)的(de)內(nei)容(rong)是(shi)否(fou)有(you)價(jia)值(zhi)，這(zhe)就(jiu)是(shi)我(wo)們(men)所(suo)說(shuo)的(de)跳(tiao)出(chu)率(lv)高(gao)。
想要解決這個問題就必須做好網站頁麵內容層次的設計，給用戶提供一種有秩序、層次分明的瀏覽環境。如頁麵的區域劃分、標題及內容字體的設置、足夠的文字間距、圖片大小的選擇等。
細節四，網站設計的實用性
網wang站zhan設she計ji時shi要yao為wei用yong戶hu設she計ji一yi些xie具ju有you實shi際ji意yi義yi的de東dong西xi，杜du絕jue那na麼me華hua而er不bu實shi的de設she計ji。因yin為wei用yong戶hu之zhi所suo以yi會hui來lai到dao企qi業ye網wang站zhan一yi般ban都dou是shi一yi帶dai著zhe問wen題ti來lai的de，他ta們men想xiang要yao找zhao到dao解jie決jue問wen題ti的de辦ban法fa，或huo是shi找zhao到dao想xiang要yao了le解jie的de信xin息xi。所suo以yi我wo們men在zai進jin行xing網wang站zhan設she計ji時shi一yi定ding要yao多duo關guan注zhu目mu標biao用yong戶hu的de需xu求qiu，並bing在zai網wang站zhan頁ye麵mian設she計ji、功能設計中將滿足需要的設計融入其中，讓用戶在瀏覽網站時獲得滿足的便利。
