页面布局的注意事项
2019-03-21 18:41:46
来源:
扬州市新竹网络科技有限公司
网络上95%以上的信息是书面形式的.优化排版就是优化可读性、可访问性、可用性和整体图形平衡.换句话说:优化排版也是优化用户界面.新疆网络建筑公司将提供一套规则,帮助您提高文本内容的可读性和可读性.
1.所用字体的小数目
使用超过3种不同的字体使网站看起来没有结构和不专业.太多的类型大小和样式也可以同时破坏任何布局.一般来说,整个网站的字体数量限制为两个,一个一般就足够了.如果使用多个字体,请确保字体系统基于字符宽度互补.如图所示:左边组的字体比较和谐,而右边字体的对比太明显,显得比例很不协调.
2.尝试标准字体
字体嵌入服务(如谷歌网页字体或打字机)有许多有趣和标准的系统字体,而且由于用户对标准字体更加熟悉,他们可以更快地阅读它们. 除非您的网站是吸引自定义字体,如品牌宣传或创建一个沉浸式的体验,通常好使用系统字体.
3.限制行长度
如果你想要一个好的阅读体验,你应该有大约60个字符每行.在每一行中有适当数量的字符是文本可读性的关键.如果每一行文字太短,视线必须反复折回,以打破读者的节奏.如果文本行太长,用户的眼睛就很难集中在文本上. 对于移动设备,每行应该有30-40个字符.以下是在移动设备上浏览的两个网站的例子.一种使用每行50-75个字符(每行印刷和桌面使用好的字符数),第二种使用好的30-40个字符.
4.选择各种维度的字体
确保您选择的字体在较小的屏幕上是清晰的! vivaldi字体将很难在小屏幕上阅读:
5.使用区分字母的字体
许多字体容易混淆相似的字母,特别是i和l(如下图所示),因此在选择字体类型时,要确保在不同的上下文中检查您的类型.确保你不会给你的用户带来麻烦.
6.避免所有英文大写
不要强迫用户阅读所有的大写字母,这会大大减慢扫描和阅读的速度,使它们在几分钟内爆炸.
7.不小化行间距
行间距一般是字符高度的30%,以保证良好的可读性.与直线间距相比,段落之间的间距可以增加20%,美白可以为用户提供消化内容的时间.
8.确保你有足够的颜色对比
文本越明显,用户扫描和阅读的速度就越快.
9.避免将文字涂成红色或绿色
建议使用颜色以外的线索来区分重要的信息.也避免使用红色和绿色单独传达信息,避免色盲用户无法顺利阅读.
10.避免显示文字
闪烁或闪烁的内容可以使一些敏感的人疯狂,并可能令人讨厌或分散一般用户的注意力.
必须使排版具有可读性、易懂性和明确性.良好的排版可以让你的网站感觉清新和引人注目.另一方面,糟糕的排版选择会分散注意力.排版是为了更好地展示内容.内容应以不增加用户认知负荷的方式加以尊重.
1.所用字体的小数目
使用超过3种不同的字体使网站看起来没有结构和不专业.太多的类型大小和样式也可以同时破坏任何布局.一般来说,整个网站的字体数量限制为两个,一个一般就足够了.如果使用多个字体,请确保字体系统基于字符宽度互补.如图所示:左边组的字体比较和谐,而右边字体的对比太明显,显得比例很不协调.
2.尝试标准字体
字体嵌入服务(如谷歌网页字体或打字机)有许多有趣和标准的系统字体,而且由于用户对标准字体更加熟悉,他们可以更快地阅读它们. 除非您的网站是吸引自定义字体,如品牌宣传或创建一个沉浸式的体验,通常好使用系统字体.
3.限制行长度
如果你想要一个好的阅读体验,你应该有大约60个字符每行.在每一行中有适当数量的字符是文本可读性的关键.如果每一行文字太短,视线必须反复折回,以打破读者的节奏.如果文本行太长,用户的眼睛就很难集中在文本上. 对于移动设备,每行应该有30-40个字符.以下是在移动设备上浏览的两个网站的例子.一种使用每行50-75个字符(每行印刷和桌面使用好的字符数),第二种使用好的30-40个字符.
4.选择各种维度的字体
确保您选择的字体在较小的屏幕上是清晰的! vivaldi字体将很难在小屏幕上阅读:
5.使用区分字母的字体
许多字体容易混淆相似的字母,特别是i和l(如下图所示),因此在选择字体类型时,要确保在不同的上下文中检查您的类型.确保你不会给你的用户带来麻烦.
6.避免所有英文大写
不要强迫用户阅读所有的大写字母,这会大大减慢扫描和阅读的速度,使它们在几分钟内爆炸.
7.不小化行间距
行间距一般是字符高度的30%,以保证良好的可读性.与直线间距相比,段落之间的间距可以增加20%,美白可以为用户提供消化内容的时间.
8.确保你有足够的颜色对比
文本越明显,用户扫描和阅读的速度就越快.
9.避免将文字涂成红色或绿色
建议使用颜色以外的线索来区分重要的信息.也避免使用红色和绿色单独传达信息,避免色盲用户无法顺利阅读.
10.避免显示文字
闪烁或闪烁的内容可以使一些敏感的人疯狂,并可能令人讨厌或分散一般用户的注意力.
必须使排版具有可读性、易懂性和明确性.良好的排版可以让你的网站感觉清新和引人注目.另一方面,糟糕的排版选择会分散注意力.排版是为了更好地展示内容.内容应以不增加用户认知负荷的方式加以尊重.
本站文章均为新竹网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,我们谢绝直接复制和抄袭!感谢...
猜你喜欢
联络方式:
电话:18905275581
邮箱:1700970777@qq.com
微信公众号
手机网站
小程序
我们猜你喜欢
-
开发小程序有哪些好处
线下红利越来越少,已经到了存量市场的时代,而小程序的研发迭代对于想要转型或者拓展销售渠道的商家来说,也许是好的一次机会。对于商家而言,开发小程序有哪些好处? 1、销售渠道升级,线上线下一体化连接更便利 系统的使用,其中一个主要目...
-
为什么在淘宝上做个网站只要几十元到几百元,靠谱吗?
很多想做网站的企业经常会看到很多几百元甚至几十元的报价,可是这些超低的价格制作出的网站真的靠谱吗?时常有客户说“其它公司做一个网站只要几百块钱,你们怎么要这么贵呢。”从这句话中大家可以看出,很多人不了解网站的价格区别和因素,如今网站建设...
-
开发一个小程序需要哪些费用
很多新手商家想要开发属于自己的小程序,又不清楚都需要哪些费用?下面就来谈谈小程序的开发费用都有哪些。 1、 认证费 小程序帐号注册是免费的,个体主体不支持认证,非个体的小程序如果想要认证,需要缴纳每年300元的认证费(...
-
微信小程序的特点有哪些
小程序,也就是微信小程序,是一个基于微信开发出来的“即时APP”,无需下载安装,仅需要在微信中直接点击就可以使用,完全符合小程序诞生时的定义“即用即走”,再加上依托微信庞大的用户数量,它在很短的时间...
-
页面布局的注意事项
网络上95%以上的信息是书面形式的.优化排版就是优化可读性、可访问性、可用性和整体图形平衡.换句话说:优化排版也是优化用户界面.新疆网络建筑公司将提供一套规则,帮助您提高文本内容的可读性和可读性. 1....