企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案

网站设计

Website development

快乐12走势图基本走势:做好网页排版,不要犯这10种错误

辽宁快乐12任5开奖结果 www.3oc6.cn 发布时间:2017-07-31 09:35:57

TAGS:体验设计


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

做好网页排版.jpgSg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

网络上95%以上的信息是书面形式的。优化排版则是优化可读性,可访问性,可用性,整体图形平衡?;痪浠八担河呕虐嬉彩怯呕没Ы缑?。本文将提供一组规则,帮助您提高文本内容的可读性和易读性。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

1. 少使用字体数量Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

使用超过3种不同的字体使网站看起来非结构化和不专业,太多的类型尺寸和样式一次也可能破坏任何布局。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

一般来说,整个网站字体的数量限制在多两种,一种一般就足够了。如果您使用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比例很不和谐了。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

2. 尝试使用标准字体Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

字体嵌入服务(如Google Web字体或Typekit)有许多有趣而标准的系统字体,而因为用户更加熟悉标准字体,所以可以更快地读取它们。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

除非您的网站对于自定义字体(如品牌宣传或创建身临其境的体验)非常有吸引力,否则通常好使用系统字体。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

3. 限制线长度Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

如果你想要一个良好的阅读体验,你应该每行约60个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视线必须反复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

对于移动设备,您应该每行30-40个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行50-75个字符(打印和桌面的每行字符数),而第二个使用30-40个字符。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

4. 选择各种尺寸的字体Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

确保您选择的字体在较小的屏幕上清晰可辨!Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

维瓦尔第字体将难以在小屏幕上阅读:Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

5. 使用可区分字母的字体Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

许多字体使得很容易混淆类似的字母,特别是与“i”和“L”(如下图所示),所以当选择你的字体类型时,请确保在不同的上下文中检查你的类型,以确保不会为你的用户造成问题。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

6. 避免英文全部大写Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

请勿强制用户阅读所有大写字母,与小写类型相比,那只会大大延缓了用户扫描和阅读的速度,让他们分分钟爆炸。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

7. 不要小化线间距Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

行间距一般是字符高度的30%,以便良好的可读性。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

而段落之间的间距可以比行间距提高20%,留白可以为用户提供消化内容的时间。下图左:几乎重叠的文字。右:良好的间距有助于可读性。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

8. 确保您有足够的颜色对比度Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

不要对文本和背景使用相同或相似的颜色。文本越明显,用户能够扫描和阅读的速度越快。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

△ 这些文本行不符合颜色对比度建议,难以根据背景颜色进行阅读Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

△ 这些文本行符合颜色对比度建议,并且易于阅读背景颜色Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

9. 避免将文字着色为红色或绿色Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

建议使用除颜色以外的其他线索来区分重要信息。也避免单独使用红色和绿色来传达信息,避免有色盲用户无法顺利阅读的情况。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

blob.pngSg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

10. 避免使用闪烁的文字Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司


Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

闪烁或闪烁的内容可能会使一些敏感人群发疯,并且对于一般使用者来说,这可能是令人讨厌或分心的。Sg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

uisdc-web-20170729-14.gifSg5北京网站开发,北京网站建设,网站设计,网站制作_云智互联网站开发公司

原创不易,未经授权,严禁转载

原文地址://www.3oc6.cn/i,72,7249,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:[email protected]

合作伙伴

All Rights Reserved.©2010-2016 www.3oc6.cn京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权?;?,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。
嘿,我来帮您!
  • 第21届上海国际电影节 动画电影《神奇马戏团》入围金爵奖 2019-04-23
  • 黎昌仁:企业社会责任与企业发展能够形成良性互动与共赢 2019-04-23
  • 妻子把3个牌友约到家里玩 3岁儿子 妈妈和好多叔叔玩亲亲 2019-04-12
  • [微笑]未来的社会,必然是按需(基本需求)分配+按劳(劳动价值或劳动能力)分配相联合的混合分配方式。 2019-04-11
  • 阳城人参埌村“造血式扶贫”见实效 2019-04-03
  • 海峡论坛延续“扩大民间交流、深化融合发展”主题 2019-04-03
  • 首例英烈保护公益诉讼案宣判:被告公开赔礼道歉 2019-03-30
  • 【玉树天气】最新玉树今天天气,实时提供玉树气温、空气质量、24小时天气预报、生活指数查询 2019-03-30
  • 把“就业率首超本科” 当作高职新起点 2019-03-28
  • 网友给太原市市长留言获回复 共计10条 2019-03-27
  • 聚焦两会:多个代表团举行开放团组活动 2019-03-26
  • 《共产党宣言》为什么能永葆青春 2019-03-21
  • 证监会通报4宗新三板案件 数量接近2017年全年水平 2019-03-21
  • 2018年新疆兵团面向社会招聘4000余名事业单位工作人员 2019-03-13
  • 没考上?没关系。其它学校也能培养建设国家的人才,清华只是名气大点。 2019-02-03
  • 496| 385| 925| 377| 390| 288| 760| 168| 141| 356|