400-611-9921

当前位置:首页 > 新闻资讯 > 建站知识
网页设计中如何为Web设计可读内容

2018-02-23

2886

设计内容不仅仅是让东西看起来很棒。您必须创建一个人们将实际阅读的设计,并帮助他们参与内容。有时候,说起来容易做起来难。

人们通常关注的时间很短,你不应该指望他们消化屏幕上的每一个字。但是,您可以使用某些设计技术和元素来帮助用户尽可能多地阅读。


下面纵天广州网页设计公司带你来了解下:


用尺寸和比例建立层次结构

可读设计从多层次的文本开始。建立思想等级可以帮助用户浏览文本。

较大的尺寸是一种视觉提示,它告诉用户首先阅读某件事物,因为它是最重要的。大多数用户的眼睛自然会从较大的元素移动到较小的元素,从而创造出一个很好的视觉流。

大多数用户的眼睛自然会从较大的元素移动到较小的元素,从而创造出一个很好的视觉流。
充分利用设计中的H2,H3和H4标签,并为可用于分割大块文本的小标题创建一致的缩放比例。

使用一致的文字展示位置和尺寸创建比例尺可以让用户更轻松地浏览文本。对于长篇内容和主页上的短内容(例如上面的叙述)都是如此。

请注意主页如何在英雄区域中有四个不同级别的文本。上面有一个很大的标题,上面有一小段代码。然后,主体内容的风格具有更加强调的粗线。大多数用户会按照以下顺序看到这些字词:标题,粗体文本,正文文本,由于字体的重量,大小和规模而产生的标题摘录。


选择可读字体


尽管有趣的新颖字体或精心制作的脚本可能会带来很多乐趣,但它并不总是最终用户的最佳选择。

可读字体最可能实际读取。

原因如下:

高度可读的字体更易于扫描。
Letterforms很容易看到不同的尺寸。
字母不能一起运行或产生尴尬的空间或形状。
这些字体通常用于用户,并且很容易。(甚至类似的字体,但不是来自同一个家庭的字体,大多数用户都很熟悉。)


可读字体的特征包括:


标准重量 - 不要太厚或太薄
常见的x高度 - 不要太短或高
更圆的字母 - 使“o”具有圆形
轻微或没有倾斜
不太接近或相距甚远的字母
看看这些特征,你可以看到几乎任何类型的类别都可能包含可读的选项。您不必仅仅依靠衬线或无衬线; 其他字体的混合实际上是好的。只要确保测试我们计划在该字体中使用的词语,以确保它们易于阅读。

扫描人员的堆栈内容


堆叠内容可以追溯到层次结构。但有了额外的元素 - 在堆叠内容时考虑文本和非文本元素。


如果用户在屏幕上看到文本块和图像,则图像几乎总是首先引起他或她的注意,因此堆叠元素非常重要,这可以帮助用户从图像移动到图像到文本。

上面的新西兰Alzheimers公司使用堆叠技术将用户转到主要标题。请注意文本如何与三个人一起定位在图像的中心。你的眼睛会首先进入脸部,但随后会进入内部带有文字的微妙动画圈。然后,他们的目光转向更小,更次要的文本块。

事情就是这样:当你第一次看到你可能没有想过的图像时,所有这些发生得如此之快。大多数用户在决定是否与内容交互时以相同的方式扫描整个屏幕。

播放视觉效果

通过将视觉效果与其他元素进行整合来实现更逼真的设计。
真的想确保用户看到你的内容?以有意义的方式整合文本和视觉效果。创建一个英雄图像,使用有趣的视觉,不寻常的颜色配对或动画和文字的组合使用户暂停。

设计师有时犯的错误是将每个元素分离到自己的盒子或空间中。通过将视觉效果与其他元素进行整合来实现更逼真的设计。

上面的Octavo Designs有一个你无法避免被吸引进去的主页。对于初学者来说,在明亮的彩色背景上有一头非常有趣的牛。文字是图像的一部分。(它实际上触及了顶部的牛角。)这种视觉效果和文字结合将用户吸引到内容中,让他们更想要更多。


保持线条(和思想)简短

在规划设计时,请考虑短时间爆发。每个页面或屏幕应集中在一个简单的思想和简单易读的文本块上。

以鼓励阅读的方式为用户构建和组织思想:

使用一到三个句子段落
合并项目列表
使用小标题分割大块文字
包含交互链接
突出显示或大胆的关键点
为了清晰和简洁,编辑所有副本


创建一个焦点


每个设计都应该有一个焦点。焦点是几乎每个用户都会首先看到的设计的一部分。它通常具有高度的视觉效果,或与屏幕上的其他元素形成鲜明对比。

协调中心应该确定设计的内容以及用户应该关心的原因。
在上面的例子中,Abingworth使用亮粉红色斑点作为焦点。它由于颜色和好奇(它是什么?)而引起注意,因为它与屏幕另一侧的白色开放空间形成对比。

设计的重点应该是你最好的形象,插图或动画,并与关键信息相关。协调中心应该确定设计的内容以及用户应该关心的原因。因为这是用户看起来的第一个地方,它为他们如何(以及如果)与设计交互设定了基调。


结论

创建用户实际阅读的内容不仅仅是屏幕上的文本。它将书写和视觉元素结合在一起,吸引用户,帮助他们了解设计的内容,然后决定与其保持交互。

虽然听起来很多,但这一切都发生在毫秒级。有研究表明,大多数用户对金鱼的注意力都在8秒之内 - 在那些容易阅读的内容中充分利用时间。


本文来自广州品牌网站建设网站设计制作公司-纵天科技

标签:广州网站建设公司,广州网页设计公司,广州网站设计公司,网站建设 广州,广州 网站建设广州企业网站建设营销型网站建设,网站建设设计,广州网站开发网站制作设计

免费咨询热线

400-611-9921

020-29860991

联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

业务 QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨询
官方微信
微信咨询
在线咨询
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭
免费获取方案