shijiaocengcijiegoushishejizhongtuxingyuansuanmeigeyuansudezhongyaoxingpailiedepailie。shijiaoquanzhongdingyileyuansuzaishejicengcijiegouzhongdezhongyaoxing
，xiangguanzhongdeyanjingchuandaleyaoguanzhudeneirongheshunxu。

　　麵對密集的文本和短暫的注意力
，專業的網站設計公司，北京分形科技的設計師們總結了6條原則來引導讀者注意最重要的信息。

　　1.閱讀模式

　　suoyouwenhuadoucongshangdaoxiayuedu
，daduoshuwenhuacongzuodaoyouyuedu。zhexiezhishiduiyemianshejihenzhongyao。zuijindeyanjiubiaoming，zaijinxingyueduzhiqian，renmenshouxiansaomiaoyiyeyilejietamenshifouganxingqu。saomiaotuanqingxiangyucaiyong“F”和“Z”兩種形狀中的一種，您可以在設計中利用這一點。

　　F-模式

　　F模(mo)式(shi)適(shi)用(yong)於(yu)傳(chuan)統(tong)的(de)，文(wen)本(ben)密(mi)集(ji)的(de)頁(ye)麵(mian)
，如(ru)文(wen)章(zhang)或(huo)博(bo)客(ke)文(wen)章(zhang)。讀(du)者(zhe)向(xiang)下(xia)掃(sao)描(miao)頁(ye)麵(mian)左(zuo)側(ce)，在(zai)左(zuo)對(dui)齊(qi)標(biao)題(ti)或(huo)初(chu)始(shi)主(zhu)題(ti)句(ju)中(zhong)尋(xun)找(zhao)有(you)趣(qu)的(de)關(guan)鍵(jian)詞(ci)
，然(ran)後(hou)在(zai)他(ta)或(huo)她(ta)遇(yu)到(dao)有(you)趣(qu)的(de)東(dong)西(xi)時(shi)停(ting)止(zhi)並(bing)向(xiang)右(you)閱(yue)讀(du)，結(jie)果(guo)看(kan)起(qi)來(lai)像(xiang)F。

　　Z-模式

　　Z模(mo)式(shi)適(shi)用(yong)於(yu)其(qi)他(ta)類(lei)型(xing)的(de)頁(ye)麵(mian)，例(li)如(ru)廣(guang)告(gao)或(huo)網(wang)站(zhan)，其(qi)中(zhong)信(xin)息(xi)不(bu)一(yi)定(ding)以(yi)塊(kuai)段(duan)落(luo)形(xing)式(shi)呈(cheng)現(xian)。讀(du)者(zhe)的(de)眼(yan)睛(jing)首(shou)先(xian)掃(sao)描(miao)頁(ye)麵(mian)的(de)頂(ding)部(bu)，可(ke)能(neng)會(hui)找(zhao)到(dao)重(zhong)要(yao)的(de)信(xin)息(xi)，然(ran)後(hou)向(xiang)下(xia)射(she)到(dao)對(dui)角(jiao)的(de)對(dui)角(jiao)線(xian)，並(bing)在(zai)頁(ye)麵(mian)的(de)下(xia)半(ban)部(bu)分(fen)做(zuo)同(tong)樣(yang)的(de)事(shi)情(qing)。

　　2.大小問題

　　renmenxiguanyuxianyuedugengdadedongxi。shejishirenweiwenzhangbiaotiduiyuduzhelaishuogengyouqu
，yincishouxianyaoshejihaowenzhangdebiaoti，yinrenrusheng，jiexialaiyuedugengduodeneirong。

　　3.空間和紋理

　　xiyinzhuyilidelingyizhongfangshishigeiyuneirongchongzudehuxikongjian。ruguoanniuzhouweiliuyoudaliangfukongjian，huozhewenbenkuaizhongdexianbeiguangfangenzong
，zeduzhekeyigengrongyidikandaozhexieyuansu。dangrenmentanlunshijiaocengcide“紋理”時，他們並不是指圖形紋理效果。相反，這種“紋理”指的是頁麵上的空間，文本和其他細節的整體布置或圖案。

　　4.字體

　　字體選擇對於建立視覺層次是至關重要的。根據網站整體的設計原則選擇合適的字體，讓讀者感覺舒適。

　　5.顏色和色調

　　明亮的色彩從柔和的色彩或灰度中脫穎而出，而較淺的色調看起來更“遙遠”，因此在層次結構上比較濃，較暗的色彩低。

　　6.頁麵布局

　　頁麵布局通常根據垂直和水平線網格設計，按照慣例，因為這是最易讀的格式。在這樣的係統中，出現了建立層次結構的新方法：打破網格。排列在曲線或對角線上的文本將自動脫離周圍的網格鎖定文本，成為焦點。