
對(dui)於(yu)小(xiao)企(qi)業(ye)來(lai)說(shuo),網(wang)站(zhan)在(zai)打(da)造(zao)信(xin)譽(yu)度(du)和(he)吸(xi)引(yin)消(xiao)費(fei)者(zhe)方(fang)麵(mian)發(fa)揮(hui)著(zhe)重(zhong)要(yao)作(zuo)用(yong)。如(ru)果(guo)是(shi)成(cheng)熟(shu)的(de)企(qi)業(ye),網(wang)站(zhan)應(ying)該(gai)反(fan)映(ying)出(chu)你(ni)的(de)專(zhuan)業(ye)度(du)與(yu)合(he)法(fa)性(xing)。事(shi)實(shi)上(shang),Vistaprint Digital的一份研究報告顯示,45%的人不會選擇在設計糟糕的網站購物。
為(wei)了(le)最(zui)大(da)限(xian)度(du)地(di)吸(xi)引(yin)潛(qian)在(zai)客(ke)戶(hu),網(wang)站(zhan)結(jie)構(gou)設(she)計(ji)和(he)內(nei)容(rong)設(she)計(ji)需(xu)無(wu)縫(feng)對(dui)接(jie)。本(ben)文(wen)將(jiang)著(zhe)重(zhong)介(jie)紹(shao)內(nei)容(rong)設(she)計(ji)相(xiang)關(guan)的(de)方(fang)麵(mian),尤(you)其(qi)是(shi)網(wang)站(zhan)文(wen)本(ben)與(yu)其(qi)可(ke)讀(du)性(xing)。網(wang)站(zhan)文(wen)本(ben)可(ke)讀(du)性(xing)經(jing)常(chang)被(bei)忽(hu)略(lve),但(dan)它(ta)們(men)的(de)重(zhong)要(yao)性(xing)不(bu)可(ke)忽(hu)視(shi)。文(wen)本(ben)必(bi)須(xu)與(yu)受(shou)眾(zhong)相(xiang)關(guan),才(cai)能(neng)將(jiang)讀(du)者(zhe)轉(zhuan)化(hua)為(wei)訂(ding)閱(yue)者(zhe),最(zui)終(zhong)轉(zhuan)化(hua)為(wei)忠(zhong)誠(cheng)客(ke)戶(hu)。
行長度
一行文本的長度對於讀者來說非常重要。Smashing Magazine的研究顯示,網頁文本的理想長度,是每行45到85個字符。這個長度足夠長到表明文本的可讀性,又足夠短到不會嚇跑訪問者。要在短句和長句之間找到平衡。
第di二er,避bi免mian文wen本ben換huan行xing。這zhe裏li的de文wen本ben換huan行xing指zhi的de是shi下xia圖tu中zhong的de情qing況kuang,圖tu片pian插cha入ru文wen本ben中zhong,使shi得de文wen本ben不bu得de不bu減jian少shao寬kuan度du。這zhe就jiu造zao成cheng讀du者zhe會hui看kan到dao兩liang個ge視shi覺jiao欄lan,一yi個ge圖tu片pian,一yi個ge文wen本ben。

文wen本ben欄lan的de變bian窄zhai會hui使shi句ju子zi換huan行xing,對dui讀du者zhe來lai說shuo更geng不bu方fang便bian。大da多duo數shu人ren的de閱yue讀du習xi慣guan是shi從cong左zuo到dao右you,緊jin挨ai著zhe文wen本ben的de圖tu片pian會hui造zao成cheng讀du者zhe分fen心xin。文wen本ben換huan行xing破po換huan了le讀du者zhe的de自zi然ran閱yue讀du與yu瀏liu覽lan節jie奏zou,需xu要yao讀du者zhe付fu出chu額e外wai的de努nu力li來lai克ke服fu這zhe種zhong變bian化hua帶dai來lai的de不bu便bian。如ru果guo需xu要yao插cha入ru圖tu片pian(當然我們也推薦這一做法),請在段落之間或者句子之間插入,就像下圖一樣。

字體樣式
weiwangzhanxuanzeheshidezitishiyigefeichangweimiaodeguocheng。nixuyaozhaodaoyizhongjinengdaibiaopinpaiyouyiyubianrendeziti。feichangyishuhuadeshufazitikenengkanqilaihenmei,danruguoduzhebunengbianrenwangyeshangdeneirong,najiushuomingzhegezitibuheshi。qingxuanzebijiaodazhonghua、易於辨認的字體,但同時也要注意不要與競爭對手雷同。
要達到添加維度和分段的目的,請為標題、小標題等使用加粗效果。


邊距與填充
在zai為wei網wang頁ye填tian充chong內nei容rong時shi,請qing注zhu意yi行xing間jian距ju與yu邊bian距ju問wen題ti。我wo們men可ke能neng都dou見jian過guo排pai版ban過guo於yu緊jin密mi的de網wang站zhan,我wo敢gan打da賭du文wen字zi間jian距ju過guo小xiao是shi主zhu要yao原yuan因yin。間jian距ju的de大da小xiao並bing沒mei有you什shen麼me定ding論lun,你ni可ke以yi按an照zhao直zhi覺jiao來lai判pan斷duan。第di一yi眼yan看kan過guo去qu,是shi不bu是shi看kan起qi來lai太tai厚hou重zhong,讓rang人ren沒mei有you閱yue讀du的de動dong力li?如ru果guo答da案an是shi“是”,那麼你就應該增加行間距,調整邊距。
顏色與對比
你可能已經認真挑選了能夠作為品牌形象一部分的顏色,而它們也應該在網站上顯示。Logozaiwangzhandezhanlvebujuduiyupinpaishibiedulaishuofeichangzhongyao,dandangtanjiyouhuakeduxingshi,jibensecaishizuihaodexuanze。xiangxiangnijingchangfangwendenaxiewangzhan。tamendeyemeiheyejiaokenengyouzhongdianse,danzhuyaodewenbenhebeijingdoushijiandan、幹淨、對讀者友好的。文本與背景之間形成鮮明的對比,閱讀起來毫無壓力。
如果你要在網站中適用背景圖片或者背景色,請確保你的選擇的字體顏色與之形成鮮明對比。
移動與桌麵優化
你(ni)可(ke)能(neng)已(yi)經(jing)猜(cai)到(dao)了(le),針(zhen)對(dui)移(yi)動(dong)端(duan)和(he)桌(zhuo)麵(mian)端(duan)對(dui)網(wang)站(zhan)進(jin)行(xing)優(you)化(hua)是(shi)可(ke)讀(du)性(xing)的(de)重(zhong)要(yao)組(zu)成(cheng)該(gai)部(bu)分(fen)。這(zhe)一(yi)點(dian)在(zai)設(she)計(ji)過(guo)程(cheng)中(zhong)可(ke)能(neng)被(bei)忽(hu)視(shi),因(yin)此(ci)需(xu)要(yao)你(ni)在(zai)方(fang)便(bian)的(de)時(shi)候(hou)重(zhong)新(xin)修(xiu)改(gai)。如(ru)今(jin)人(ren)們(men)越(yue)來(lai)越(yue)依(yi)賴(lai)於(yu)移(yi)動(dong)設(she)備(bei)進(jin)行(xing)網(wang)絡(luo)訪(fang)問(wen),因(yin)此(ci)我(wo)們(men)幾(ji)乎(hu)可(ke)以(yi)肯(ken)定(ding),大(da)多(duo)數(shu)人(ren)會(hui)通(tong)過(guo)移(yi)動(dong)設(she)備(bei)訪(fang)問(wen)你(ni)的(de)網(wang)站(zhan)。將(jiang)移(yi)動(dong)優(you)化(hua)整(zheng)合(he)進(jin)網(wang)站(zhan)設(she)計(ji)和(he)開(kai)發(fa)中(zhong),讓(rang)閱(yue)讀(du)在(zai)各(ge)種(zhong)設(she)備(bei)上(shang)都(dou)能(neng)順(shun)暢(chang)進(jin)行(xing)。
便於瀏覽
就像前麵提到的,減少文本的密集感、讓網頁顯得“平易近人”,很大程度上依賴於分段。為了吸引讀者的注意力,可以嚐試比較有爆點的標題,並突出文本,比如加粗、加下劃線、使用對比色等。還可以使用圖片、xiangmufuhaohuozhebianhaojiangwenbenfenduan,keyirangduzheyouyidingdeshijianxiuxiyixia。renmendeyanjingrongyibeituchudeshiwuxiyin,zhexiexiaojiqiaohuiyinqitamendezhuyi。
超chao鏈lian接jie是shi讓rang網wang頁ye便bian於yu瀏liu覽lan的de一yi個ge比bi較jiao少shao被bei提ti及ji的de方fang法fa。鏈lian接jie一yi般ban會hui有you下xia劃hua線xian與yu對dui比bi色se,容rong易yi吸xi引yin人ren注zhu意yi。鏈lian接jie文wen本ben應ying該gai對dui用yong戶hu友you好hao,並bing準zhun確que傳chuan達da出chu讀du者zhe點dian擊ji鏈lian接jie所suo期qi望wang獲huo得de的de信xin息xi。
zuihouyidian,liyongkongbai。xiaofeizhezuixihuandewangzhantongchangyoudaliangdekongbai,zheshiyouyide。wenbenzhijiandejiangekeyirangrenyoushijianlaixiaohuayixiatamenganggangyuedudeneirong,ranhouzaijixuyueduxiayigebiaoti、圖表或者頁麵。Apple的網站是聰明利用空白的典範。
千萬不要低估空白的力量,因為這是通過最少的努力來達到提升網站可讀性的簡單方法。
製作吸引人的、易於閱讀的網站文本可大大增加訪問者在網站上花費的時間和成為重要客戶的可能性。












