文字排版如何優化網站頁麵設計
2017.02.03
一個網站是否美觀關係到用戶是否喜歡該網站，決定網站是否美觀的因素就是網站頁麵設計，yemianshejidefuheyonghudexiguanhexihao，yonghujiuhuiduiwangzhanchanshengxingqu，jiuhuidedaohaodewangzhanliulanxiaoguoheyonghutiyan，zuizhongdadaoliuzhuyonghuxingchengzhuanhuademude。
由you引yin可ke見jian，網wang站zhan設she計ji對dui於yu網wang站zhan建jian設she來lai說shuo是shi非fei常chang重zhong要yao的de。網wang站zhan設she計ji工gong作zuo包bao括kuo整zheng個ge網wang站zhan頁ye麵mian的de設she計ji和he排pai版ban，每mei個ge細xi節jie都dou對dui網wang站zhan設she計ji的de水shui平ping起qi到dao非fei常chang重zhong要yao的de作zuo用yong。今jin天tian分fen形xing科ke技ji小xiao編bian要yao與yu大da家jia分fen享xiang的de是shi關guan於yu網wang站zhan頁ye麵mian設she計ji中zhong文wen字zi排pai版ban的de主zhu要yao內nei容rong，想xiang要yao做zuo好hao文wen字zi排pai版ban工gong作zuo必bi須xu解jie決jue的de難nan點dian有you：1、文字內容否具有很好的辨識度，2、是否具有易讀性，3、是否能夠提供良好的用戶體驗等。
從cong網wang站zhan的de角jiao度du出chu發fa，網wang站zhan內nei容rong的de核he心xin就jiu是shi文wen字zi，文wen字zi排pai版ban就jiu是shi將jiang文wen字zi進jin行xing合he理li的de排pai列lie組zu合he。從cong搜sou索suo引yin擎qing的de角jiao度du出chu發fa，搜sou索suo引yin擎qing可ke以yi識shi別bie並bing采cai集ji的de主zhu要yao內nei容rong是shi文wen字zi。基ji於yu這zhe兩liang點dian，文wen字zi內nei容rong在zai網wang頁ye中zhong的de重zhong要yao性xing顯xian而er易yi見jian，企qi業ye網wang站zhan設she計ji時shi需xu要yao著zhe重zhong對dui這zhe文wen字zi部bu分fen的de內nei容rong進jin行xing合he理li優you化hua，讓rang其qi與yu網wang站zhan的de設she計ji風feng格ge和he表biao現xian需xu求qiu相xiang符fu合he，從cong頁ye讓rang網wang站zhan設she計ji發fa揮hui出chu更geng大da的de價jia值zhi。文wen字zi排pai版ban優you化hua的de實shi用yong方fang法fa如ru下xia：
1、文字格式應前後一致、風格統一
企業網站中運用文字時不會隻集中在一個區域，所以在進行文字排版時應做到前後一致、fenggetongyi，zheyangcainengbaozhengwangzhanyemiandezhengqitongyi。yingxiangwenzigeshideyinsuyouwenziyansehedaxiao，zaiwangyeshejizhongzheliangdianyingzuodaoyiqianhouyizhi，zhengqimeiguan。lingwai，zaizuodaotongyidetongshihaiyingzhuyidongtaixing，rangwangshangyemianjizhengzhangyoujuyoubushifawei。
2、文字的間距和行距應做到適當、科學
wenzidejianjuhexingjuzhideshilianggewenzizhijianheliangxingwenzizhijiandejuli，qiyewangzhanyemianshejishiyingzuodaokexueshidangdeshezhiwangzhanyemianwenzidejianjuhexingju，rangzhenggeyemiandeneirongjijincouyouheli，zhiyouhelidewenzipailiecainengrangyonghushunbianlideyueduwangzhanneirong。
避免出現的情況：①文字間距相對較小或過大，②文wen字zi行xing距ju過guo大da或huo過guo小xiao。無wu論lun是shi文wen字zi的de間jian距ju過guo大da還hai是shi過guo小xiao都dou是shi不bu對dui的de，過guo小xiao會hui給gei人ren一yi種zhong密mi密mi麻ma麻ma的de感gan覺jiao，讓rang用yong戶hu沒mei有you想xiang要yao閱yue讀du下xia去qu的de俗su欲yu望wang；而過大就會導致網站頁麵的內容量過少，能夠為用戶提供的信息量降低。
分形科技建議：網站頁麵文字排版時上下文的間距控製在1.5倍相對合適，這符合大部分人的審美觀念。
3、文字的顏色選擇應合理
wangyezhongdewenziyeshikeyishejiyansede，zhegeyansedexuanzeyingyuwangzhandebeijingseyoumingxiandechayi，rangrenkeyihenrongyidejiangerzhequfenkailai，zheyangzuoyouliyuzengqiangwangyezhongwenzineirongdebianshidu。lingwai，haixuyaocongzhenggeyemianchufa，zhuyizhengtidecengcigan，ruwenzhangdebiaotihezhengwenzhongxuyaozhongdiantuchudeneirongkeyishezhiyixiebuyiyangdeyanse，rangwangzhanyemianfengfuqilai，xiyinyonghuyuedu。
需要注意的是：設(she)計(ji)師(shi)在(zai)為(wei)文(wen)字(zi)設(she)置(zhi)顏(yan)色(se)時(shi)應(ying)做(zuo)到(dao)即(ji)與(yu)背(bei)景(jing)色(se)有(you)所(suo)差(cha)別(bie)，但(dan)差(cha)異(yi)不(bu)會(hui)過(guo)於(yu)強(qiang)烈(lie)，對(dui)比(bi)度(du)應(ying)遷(qian)中(zhong)。突(tu)出(chu)重(zhong)點(dian)內(nei)容(rong)的(de)顏(yan)色(se)色(se)調(tiao)應(ying)與(yu)整(zheng)體(ti)顏(yan)色(se)相(xiang)協(xie)調(tiao)。
zuihou，yaoshuomingdeshiwenzipaibansuiranshiwangzhanshejizhongyigehenxiaodexijie，bianshitaduiyuyonghuyueduwangyeneirongdeyingxiangliqueshifeichangdade，suoyiqiyezaijinxingwangzhanshejishiyidingyaoduojiazhuyi。
由you引yin可ke見jian，網wang站zhan設she計ji對dui於yu網wang站zhan建jian設she來lai說shuo是shi非fei常chang重zhong要yao的de。網wang站zhan設she計ji工gong作zuo包bao括kuo整zheng個ge網wang站zhan頁ye麵mian的de設she計ji和he排pai版ban，每mei個ge細xi節jie都dou對dui網wang站zhan設she計ji的de水shui平ping起qi到dao非fei常chang重zhong要yao的de作zuo用yong。今jin天tian分fen形xing科ke技ji小xiao編bian要yao與yu大da家jia分fen享xiang的de是shi關guan於yu網wang站zhan頁ye麵mian設she計ji中zhong文wen字zi排pai版ban的de主zhu要yao內nei容rong，想xiang要yao做zuo好hao文wen字zi排pai版ban工gong作zuo必bi須xu解jie決jue的de難nan點dian有you：1、文字內容否具有很好的辨識度，2、是否具有易讀性，3、是否能夠提供良好的用戶體驗等。
從cong網wang站zhan的de角jiao度du出chu發fa，網wang站zhan內nei容rong的de核he心xin就jiu是shi文wen字zi，文wen字zi排pai版ban就jiu是shi將jiang文wen字zi進jin行xing合he理li的de排pai列lie組zu合he。從cong搜sou索suo引yin擎qing的de角jiao度du出chu發fa，搜sou索suo引yin擎qing可ke以yi識shi別bie並bing采cai集ji的de主zhu要yao內nei容rong是shi文wen字zi。基ji於yu這zhe兩liang點dian，文wen字zi內nei容rong在zai網wang頁ye中zhong的de重zhong要yao性xing顯xian而er易yi見jian，企qi業ye網wang站zhan設she計ji時shi需xu要yao著zhe重zhong對dui這zhe文wen字zi部bu分fen的de內nei容rong進jin行xing合he理li優you化hua，讓rang其qi與yu網wang站zhan的de設she計ji風feng格ge和he表biao現xian需xu求qiu相xiang符fu合he，從cong頁ye讓rang網wang站zhan設she計ji發fa揮hui出chu更geng大da的de價jia值zhi。文wen字zi排pai版ban優you化hua的de實shi用yong方fang法fa如ru下xia：
1、文字格式應前後一致、風格統一
企業網站中運用文字時不會隻集中在一個區域，所以在進行文字排版時應做到前後一致、fenggetongyi，zheyangcainengbaozhengwangzhanyemiandezhengqitongyi。yingxiangwenzigeshideyinsuyouwenziyansehedaxiao，zaiwangyeshejizhongzheliangdianyingzuodaoyiqianhouyizhi，zhengqimeiguan。lingwai，zaizuodaotongyidetongshihaiyingzhuyidongtaixing，rangwangshangyemianjizhengzhangyoujuyoubushifawei。
2、文字的間距和行距應做到適當、科學
wenzidejianjuhexingjuzhideshilianggewenzizhijianheliangxingwenzizhijiandejuli，qiyewangzhanyemianshejishiyingzuodaokexueshidangdeshezhiwangzhanyemianwenzidejianjuhexingju，rangzhenggeyemiandeneirongjijincouyouheli，zhiyouhelidewenzipailiecainengrangyonghushunbianlideyueduwangzhanneirong。
避免出現的情況：①文字間距相對較小或過大，②文wen字zi行xing距ju過guo大da或huo過guo小xiao。無wu論lun是shi文wen字zi的de間jian距ju過guo大da還hai是shi過guo小xiao都dou是shi不bu對dui的de，過guo小xiao會hui給gei人ren一yi種zhong密mi密mi麻ma麻ma的de感gan覺jiao，讓rang用yong戶hu沒mei有you想xiang要yao閱yue讀du下xia去qu的de俗su欲yu望wang；而過大就會導致網站頁麵的內容量過少，能夠為用戶提供的信息量降低。
分形科技建議：網站頁麵文字排版時上下文的間距控製在1.5倍相對合適，這符合大部分人的審美觀念。
3、文字的顏色選擇應合理
wangyezhongdewenziyeshikeyishejiyansede，zhegeyansedexuanzeyingyuwangzhandebeijingseyoumingxiandechayi，rangrenkeyihenrongyidejiangerzhequfenkailai，zheyangzuoyouliyuzengqiangwangyezhongwenzineirongdebianshidu。lingwai，haixuyaocongzhenggeyemianchufa，zhuyizhengtidecengcigan，ruwenzhangdebiaotihezhengwenzhongxuyaozhongdiantuchudeneirongkeyishezhiyixiebuyiyangdeyanse，rangwangzhanyemianfengfuqilai，xiyinyonghuyuedu。
需要注意的是：設(she)計(ji)師(shi)在(zai)為(wei)文(wen)字(zi)設(she)置(zhi)顏(yan)色(se)時(shi)應(ying)做(zuo)到(dao)即(ji)與(yu)背(bei)景(jing)色(se)有(you)所(suo)差(cha)別(bie)，但(dan)差(cha)異(yi)不(bu)會(hui)過(guo)於(yu)強(qiang)烈(lie)，對(dui)比(bi)度(du)應(ying)遷(qian)中(zhong)。突(tu)出(chu)重(zhong)點(dian)內(nei)容(rong)的(de)顏(yan)色(se)色(se)調(tiao)應(ying)與(yu)整(zheng)體(ti)顏(yan)色(se)相(xiang)協(xie)調(tiao)。
zuihou，yaoshuomingdeshiwenzipaibansuiranshiwangzhanshejizhongyigehenxiaodexijie，bianshitaduiyuyonghuyueduwangyeneirongdeyingxiangliqueshifeichangdade，suoyiqiyezaijinxingwangzhanshejishiyidingyaoduojiazhuyi。
