网站建设_网站制作_SEO优化推广_百度推广开户_朋友圈网络科技

網(wǎng)頁設(shè)計技巧系列之文本排版

日期:2012/1/22 / 人氣:

   我們在做網(wǎng)頁的時候會發(fā)現(xiàn):自己畫的圖也不錯,自己做的布局也很精致,做的圖標(biāo)也很漂亮,第一眼看起來都覺得很漂亮,但是看看就覺得不舒服,也不清楚為什么……

      這里我告訴你,也許就是你的排版出現(xiàn)問題了。頁面排版不合理產(chǎn)生的視覺效果會讓讀者的眼睛產(chǎn)生的疲勞感,基本的毛病在于“字間距太擠或太寬”、“行距太小或太大”、“段距太少或太多”、“每行字?jǐn)?shù)太多或太少”等這幾個常見因素。大家可以從下面的圖示和講解內(nèi)容中看出差別,同時我會給大家一個相對比較好的參數(shù)供大家參考。當(dāng)然設(shè)計本來就不要太過拘泥,我所提供的都是一般性的提議,不同網(wǎng)站不同對待,不要過于拘泥我所給大家的一些參數(shù)。

佛山網(wǎng)站建設(shè)_佛山網(wǎng)站制作_佛山網(wǎng)站設(shè)計_佛山網(wǎng)站_佛山網(wǎng)頁設(shè)計_佛山網(wǎng)頁建設(shè)_佛山網(wǎng)頁制作

下面我們用圖例來說明。大家仔細(xì)看下面第一張圖,前三個圖是行距的問題,后兩個是字?jǐn)?shù)的問題。

行距的問題

第一個太擠了,都粘在一起了,這樣眼睛在看這個文本的時候會需要花點(diǎn)時間去分辨,這樣的排版會讓讀者看得很累。很不舒服。大家看一下自己手頭上所做文本的是不是太擠了,如果是那就改一下吧!

第二個是比較適中的,由于每行分得很清楚,這樣看起來有很強(qiáng)的識別性。

第三個是比較寬的,松了一點(diǎn),這樣看起來也很清楚,但是當(dāng)你的文章不是一兩行而是十幾行與幾十行的時候你就會覺得文章的連貫性產(chǎn)生了很嚴(yán)重的脫節(jié),一般排版不會越過兩個字體高度(2em)。

字?jǐn)?shù)的問題

      下面兩個圖是字?jǐn)?shù)的問題。第四個每行文字太長,這樣看起來頭要搖來搖去,這樣讀者更容易顯得很累。因為要不斷的轉(zhuǎn)動頭,或是讓眼球不斷的左右擺動。最舒服的方式就是讀者一眼看上去就能把一行看完,不然從行末到下一行行首也會形成斷裂感。

      而下面的又太扁了,這樣看起來也不是很舒服。由于在不斷的換行閱讀,眼球也會覺得不舒服。推薦的最好字?jǐn)?shù)是: 不大于45個字母,不大于30個漢字。


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

 

作者:朋友圈科技


Go To Top 回頂部
主站蜘蛛池模板: 巨野月嫂-家政公司-巨野县红墙安康母婴护理中心 | 量子管通环-自清洗过滤器-全自动反冲洗过滤器-沼河浸过滤器 | 外观设计_设备外观设计_外观设计公司_产品外观设计_机械设备外观设计_东莞工业设计公司-意品深蓝 | 橡胶粉碎机_橡胶磨粉机_轮胎粉碎机_轮胎磨粉机-河南鼎聚重工机械制造有限公司 | 天津仓储物流-天津电商云仓-天津云仓一件代发-博程云仓官网 | 篷房[仓储-婚庆-展览-活动]生产厂家-江苏正德装配式帐篷有限公司 | pH污水传感器电极,溶解氧电极传感器-上海科蓝仪表科技有限公司 | 上海地磅秤|电子地上衡|防爆地磅_上海地磅秤厂家–越衡称重 | 双舌接地线-PC68数字式高阻计-ZC36|苏海百科 | 垃圾清运公司_环卫保洁公司_市政道路保洁公司-华富环境 | 深圳品牌设计公司-LOGO设计公司-VI设计公司-未壳创意 | 阀门智能定位器_电液动执行器_气动执行机构-赫尔法流体技术(北京)有限公司 | POS机办理_个人POS机免费领取 - 银联POS机申请首页 | 筛分机|振动筛分机|气流筛分机|筛分机厂家-新乡市大汉振动机械有限公司 | 长城人品牌官网| 北京网站建设-企业网站建设-建站公司-做网站-北京良言多米网络公司 | 干粉砂浆设备_干混砂浆生产线_腻子粉加工设备_石膏抹灰砂浆生产成套设备厂家_干粉混合设备_砂子烘干机--郑州铭将机械设备有限公司 | 广州番禺搬家公司_天河黄埔搬家公司_企业工厂搬迁_日式搬家_广州搬家公司_厚道搬迁搬家公司 | 激光内雕_led玻璃_发光玻璃_内雕玻璃_导光玻璃-石家庄明晨三维科技有限公司 激光内雕-内雕玻璃-发光玻璃 | 垃圾压缩设备_垃圾处理设备_智能移动式垃圾压缩设备--山东明莱环保设备有限公司 | 物流公司电话|附近物流公司电话上门取货| Safety light curtain|Belt Sway Switches|Pull Rope Switch|ultrasonic flaw detector-Shandong Zhuoxin Machinery Co., Ltd | 真空吸污车_高压清洗车厂家-程力专用汽车股份有限公司官网 | 济南网站策划设计_自适应网站制作_H5企业网站搭建_济南外贸网站制作公司_锐尚 | 阻垢剂-反渗透缓蚀阻垢剂厂家-山东鲁东环保科技有限公司 | 伸缩节_伸缩器_传力接头_伸缩接头_巩义市联通管道厂 | 断桥铝破碎机_发动机破碎机_杂铝破碎机厂家价格-皓星机械 | 江苏全风,高压风机,全风环保风机,全风环形高压风机,防爆高压风机厂家-江苏全风环保科技有限公司(官网) | 杭州火蝠电商_京东代运营_拼多多全托管代运营【天猫代运营】 | 喷涂流水线,涂装流水线,喷漆流水线-山东天意设备科技有限公司 | 不锈钢水管-不锈钢燃气管-卫生级不锈钢管件-不锈钢食品级水管-广东双兴新材料集团有限公司 | 山东臭氧发生器,臭氧发生器厂家-山东瑞华环保设备 | 杭州顺源过滤机械有限公司官网-压滤机_板框压滤机_厢式隔膜压滤机厂家 | 济南电缆桥架|山东桥架-济南航丰实业有限公司 | 电机铸铝配件_汽车压铸铝合金件_发动机压铸件_青岛颖圣赫机械有限公司 | 玻璃钢罐_玻璃钢储罐_盐酸罐厂家-河北华盛节能设备有限公司 | 石家庄救护车出租_重症转院_跨省跨境医疗转送_活动赛事医疗保障_康复出院_放弃治疗_腾康26年医疗护送转诊团队 | 电动不锈钢套筒阀-球面偏置气动钟阀-三通换向阀止回阀-永嘉鸿宇阀门有限公司 | 轴承振动测量仪电箱-轴承测振动仪器-测试仪厂家-杭州居易电气 | 地磅-电子地磅维修-电子吊秤-汽车衡-无人值守系统-公路治超-鹰牌衡器 | 陶瓷加热器,履带式加热器-吴江市兴达电热设备厂 |