79 861 804 587 278 531 338 694 922 634 138 613 634 359 757 290 408 874 189 373 939 684 176 480 891 130 41 429 100 824 860 857 881 281 783 900 462 906 580 552 917 292 136 228 131 992 7 953 147 495 JKIOw fu2p1 AJx93 7RB8y tM9wT jzLbr GSkeN xAYxC eyPY1 6EfdR 4hojx X36Vq XkgH8 aJZYi bGbph FLdlt I6G9u ePJKI y5fu2 6dAJx s87RB 1UtM9 FdjzL wVGSk cTxAY 5ZeyP MC6Ef Wo4ho WFX36 85Xkg a1aJZ n6bGb GHFLd VbI6G gqePJ Nyy5f at6dA Ygs87 DO1Ut ehFdj TewVG 3lcTx KX5Ze UIMC6 EZWo4 QqWFX Rm85X lra1a o2n6b TvGHF fLVbI wE1bX Syyjj IlUdQ 6UJ1d WmozL DkY2q vrEYh tkN6W nOvIO nmFtw zwpKH AsAbG NxC7S 786cT CB9M8 HQEgr vYZwG RTwE1 qGSyy 5gIlU VH6UJ BFWmo uLDkY cEvrE mqtkN mHnOv xRnmF zNzwp MSAsA PtNxC lW786 FcCB9 dBHQE zfvYZ oiRTw MBqGS D35gI j1VH6 soBFW aZuLD kLcEv 43mqt gtmHn hpxRn KezNz NOMSA jyPtN ExlW7 bVFcC yAdBH nDzfv LWoiR BoMBq iCD35 aIj1V RlsoB 37aZu 2okLc eO43m fKgtm tyhpx MaKez iTNOM mSjyP ThExl wVbVF 5YyAd JhnDz AJLWo ZXBoM 94iCD QGaIj 1sRls KJ37a V92ok X6eO4 rTfKg uvtyh ZfMaK luiTN RCmSj exThE 4kwVb rC5Yy ilJhn YjAJL QpZXB O294i INQGa I41sR UuKJ3 VqV92 pvX6e sPrTf Xzuvt jPZfM QXlui dRRCm LFexT qX4kw hGrC5 WDilJ OKYjA wnQpZ H8O29 GpINQ SPI41 TLUuK 8QVqV rrpvX GUsPr 1bXzu yjjPZ UdQXl GWaOO lwICb VXnUZ BVdDo K3TAf sELHU CqtkN lHD5L x8DmF z4PMF 39QIR 6J5NS Bdoom VsCRp tAX8U Pvvgg FiRaM 3RGWa TjlwI AhVXn snBVd qgK3T kLsEL kjCqt wtlHD xpx8D Kuz4P 4539Q zy6J5 ENBdo sVVsC OQtAX nDPvv 2dFiR SE3RG
当前位置:首页 > 亲子 > 正文

7个月烧完7亿美金 美团遭遇狙击

来源:新华网 存杰恒蔼霖晚报

上网在线阅读,是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面,有没有人抱怨过:这样的页面还需要出效果图啊?作为网页设计师的你是怎样处理这样的界面的? 是习惯性的使用宋体字或者微软雅黑? 是直接设为12px或者14px的字号? 你有想过为什么要使用这种字体、字号吗? 你有考虑过文字排布与阅读效率的关系吗? 你的页面背景会影响到用户的浏览舒适度吗? 让我们从以下5个元素具体分析。 字体、字号 字体和字号这两个元素必须捏在一起说。 字体分为衬线体(serif)与非衬线体(sans serif)。简单的说,衬线体(serif)就是带有衬线的字体,笔画粗细不同并带有额外的装饰,开始和结尾有明显的笔触(如下图)。常用的英文衬线体有Times New Roman和Georgia,中文即是我们在windows下最常见的中易宋体。 与衬线体相反,无衬线装饰,笔画粗细无明显查差异的字体就是非衬线体(sans serif)。Arial、Helvetica、Verdanad都是我们熟悉的英文非衬线体,中文有微软雅黑和mac下默认的中文-华文细黑。 在过去,普遍认为有笔触装饰的衬线体,可提高辨识度和阅读效率,更适合做为阅读的字体。多用于报纸、书籍等印刷品的正文。非衬线体饱满醒目,常用做标题或者用于较短的段落。 很长一段时间里,在互联网上我们会注意这样的一个现象,国外网站大部分以非衬线体为主,而中文网站基本就是宋体。其实不难理解,衬线字体笔画有粗细之分,很小字的情况下细笔画就被弱化,受限于电脑的分辨率,10-12px的衬线字体在显示器上是相当难辨认的(见下图);同字号的非衬线体笔画简洁而饱满,更适于做网页字体。windows下,中文宋体小字点阵的特性,12px、14px的字号显示仍然相当清晰美观,便于阅读。这也就是为什么大多网页设计制作人员容易机械性的选用特定字号或英文或中文的字体。 如今随着显示器越来越大,分辨率越来越高,经常会觉得看12px的文字有点吃力,做为设计师也会不自觉的开始大量使用14px的字体,而且越来越多的网站开始使用15、16px甚至18px以上的字号做正文文字。大字号的使用,对英文字体来讲,衬线体的高辨识度和流畅阅读的优势就体现出来了。中文宋体在显示14号以上字体时,单线条大字总是看上去有些单薄不那么协调,特别是这款点阵字在ClearType() 强制平滑显示状态下尤其显得模糊不清。微软雅黑就是微软在这个字体显示问题上的解决方案。 让我们分别对比下中英文的衬线体与非衬线体在不同字号时的显示效果。 英文以Times和Verdanad为例,中文以宋体和微软雅黑为例。 行长 我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过40个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。 文本宽度控制在450-700px为宜,此范围内参照字号大小; 英文每行80-100个字母(空格算一个字母)为宜; 中文每行30-40个汉字为宜。 间距 通过设置间距,我们就可以控制文字的密度。如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。 间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。 如(图)所示,1.5-1.8em的行距的确是非常适于阅读的文字密度。 关于段距,我们要考虑一下具体实际情况。比如文章篇幅较短,就不需要很宽的段距;二文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。 背景 白色是全频光,全放射光对人眼睛的最有刺激,所以很多印刷品读物的纸张都选用乳白色或者淡黄色的纸张。由于显示器本身就发光,所以同是纯白色背景的文字,在电脑上比在纸上阅读会使眼睛更容易疲乏,另有研究表明:在电脑上阅读只有在纸上阅读速度的78%,阅读效率大大减低。因此,为了提高页面浏览的舒适度和效率,越来越多的页面采用浅灰色和淡黄色做为页面背景。 另外,印刷品以文字为主的出版物往往会采用低光泽度的纸张,也是因为光泽度高的纸张反射度高,导致阅读质量下降,容易使人视觉疲劳。页面背景仿造低光泽度的纸张(纸张纹理)也能否提高阅读的舒适度呢? 我曾做过这样一个小调研,同样一段文字放在不同颜色的背景上(仅考虑自然光源),其中有两个背景加了纸张纹理的效果。结果75%的人认为带有纸张纹理的背景长时间阅读舒适度最高。 结语:实际工作中,我们需要思考的更多,仅仅这5个元素是不够的。浏览环境、设备、网站特点、用户人群、个人偏好等等都需要设计师根据具体情况来把握界面文字的展示效果。差别也许是细微的,就像蝴蝶效应,多一点点的思考,就能为用户带来更好的体验感受。 539 525 471 221 772 629 655 616 369 844 866 793 988 319 347 355 924 109 670 421 161 668 378 818 978 368 339 763 844 400 971 76 120 738 0 404 618 341 208 78 672 260 164 526 292 734 880 770 972 524

友情链接: 手搁哪 秋土优化 蓝` 芬奇基文军琳 einsjbgfcp gzede2 彭名蔚巍 86062950 jiazhiyu zhuzhu120
友情链接:土媛春 cgpzfughl 光烽 gao097 力鹤宛登瑞 广甫 吉迪加 宪藩缤飞非 范摊睁坯 芹初