页面布局的注意事项
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
微信公众号

手机网站

小程序

我们猜你喜欢
-
企业开发APP有哪些好处
一款手机APP制作之所以可以成为用户的首xuan,不仅仅是因为其可以快速解决用户审核后、工作中的难题,同时还能够改变传统商家的服务模式,以此突破了时间、空间、地域的局限性。那么企业开发一款手机应用端有哪些好处呢? 企业可以根据自己的...
-
网站开发都有哪些关键流程
伴随着网站的开发要求越来越大,许多顾客是首一次找外包商来开发网站的,那么问题来了,很多人都疑惑网站开发都有哪些关键流程? 开发新项目开展整体规划,网站开发并不是稀里糊涂的开发,一样必须确立网站开发的目的是啥,有什么关键职责,能够根据...
-
什么是五站合一?
在了解三站合一之前,先了解以下定义: 1. 电脑网站 指针对普通PC电脑上或笔记本的屏幕进行排版设计的网站,只有在普通PC电脑上或笔记本上浏览才能获得佳用户体验,这一类的网站可以统称为电脑网站。在电脑上也可以访问手机网站,只是电脑大显示器显示手机网站得不到...
-
网站能兼容各种浏览器吗?
本司对设计的模板做了专业的浏览器兼容测试,兼容以下浏览器: 1. IE内核系列浏览器:如IE6/7/8/9/10、搜狗浏览器、360浏览器 2. 火狐FireFox浏览器 3. 开源WebKit内核浏览器:如搜狗高速浏览器 4. Opera浏览器 5...
-
选择模板一定要选择对应的行业模板吗?
不一定! 很多用户在选择模板时,有这样一种顾虑,自己想一个酒类展示的网站模板,却在相应的行业分类里没有找到合适的,但是在其它行业发现一款合适的模板,可以用吗? 答案是肯定的 选择模板主要是选择颜色和设计风格,确定这一点就可以了,因为行业模板的文章、图片、...