中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計(jì) > 設(shè)計(jì)理論 > 網(wǎng)頁設(shè)計(jì)技巧—文本排版
網(wǎng)頁設(shè)計(jì)技巧—布局 回到列表 兩個不錯的小細(xì)節(jié)
 網(wǎng)頁設(shè)計(jì)技巧—文本排版

作者:小毅 時(shí)間: 2006-07-25 文檔類型:原創(chuàng) 來自:藍(lán)色理想

我們在做網(wǎng)頁的時(shí)候自己畫的圖也不錯,自己做的布局也很精致,做的圖標(biāo)也很漂亮,第一眼看起來也覺得很漂亮,但是看看就覺得不舒服。也不清楚為什么,這里我告訴你,也許就是你的排版出現(xiàn)問題了。由于排版的不合理,所產(chǎn)生的視覺效果會對讀者的眼睛產(chǎn)生一定的疲勞影響,基本的毛病在于“字間距太擠或太寬”、“行距太小或太大”、“段距太少或太多”、“每行字?jǐn)?shù)太多或太少”等這幾個常見因素。下面的內(nèi)容可以從圖示中看出效果來,同時(shí)我會給大家一個相對比較好的參數(shù)供大家參考。當(dāng)然設(shè)計(jì)本來就不要太過拘泥,我所提供的都是一般性的提議,不同網(wǎng)站不同對待,不要過于拘泥我所給大家的一些參數(shù)。

大家看到上圖,前三個是行距的問題:

  • 第一個太擠了,都粘在一起了,這樣眼睛在看這個文本的時(shí)候會需要花點(diǎn)時(shí)間去分辨,這樣的排版會讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文本的是不是太擠了,如果是那就改一下吧!
  • 第二個是比較適中的,由于每行分得很清楚,這樣看起來有很強(qiáng)的識別性。
  • 第三個是比較寬的,松了一點(diǎn),這樣看起來也很清楚,但是當(dāng)你的文章不是一兩行而是十幾行與幾十行的時(shí)候你就會覺得文章的連貫性產(chǎn)生了很嚴(yán)重的脫節(jié),一般排版不會越過兩個字體高度(2em)

下面兩個就是字?jǐn)?shù)的問題了,第四個每行文字太長,這樣看起來頭要搖來搖去,這樣讀者更容易顯得很累。因?yàn)橐粩嗟霓D(zhuǎn)動頭,或是讓眼球不斷的左右擺動。最舒服的方式就是讀者一眼看上去就能把一行看完,不然從行末到下一行行首也會形成斷裂感。而下面的又太扁了,這樣看起來也不是很舒服。由于在不斷的換行閱讀,眼球也會覺得不舒服。而推薦的最好的字?jǐn)?shù)是: 不大于45個字母,不大于30個漢字。

上面的圖是關(guān)于段距的,第一個是比較合適的,這樣的把段落分開了,讓讀者覺得文章并不是很多很難讀,而如果不把段落當(dāng)一回事,任其自然那么就會如下面一樣,兩段成為一段,這里是兩段還好,如果是幾十段,那么這個文章就很少有人能讀下去了!

在經(jīng)典論壇中的行距已經(jīng)重新設(shè)定過了,現(xiàn)在發(fā)布長篇的文章就不會覺得糊在一起了,并且在鏈接上加了下劃錢,對于色盲或色弱的朋友也容易識別,更為人性化了!

經(jīng)典論壇討論:
http://bbs.blueidea.com/viewthread.php?tid=2490921

出處:藍(lán)色理想
責(zé)任編輯:moby

相關(guān)文章 更多相關(guān)鏈接
網(wǎng)頁設(shè)計(jì)技巧—布局
字體排版漫談
《網(wǎng)頁設(shè)計(jì)與配色實(shí)例分析》
硬盤分區(qū)小技巧
X-Sapce使用系列教程
作者文章 更多作者文章
網(wǎng)頁設(shè)計(jì)技巧—布局
web標(biāo)準(zhǔn)實(shí)現(xiàn)高效開發(fā)系列之三
《色彩解答》之一 色彩層次
《色彩解答》之三 色彩對比
《色彩解答》之二 色彩比例
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大!熬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計(jì)欣賞
情感化界面
線下項(xiàng)目工作流程(歸納篇)
線下項(xiàng)目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計(jì)
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計(jì)
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報(bào)告錯誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2