从传统印刷设计里学习网站设计

传统媒体报纸是网页设计的鼻祖学习，网站设计是在互联网上另一种媒介，其中很多传统的设计依然适用。

许多经典原则，例如字体设计原则，

在线上仍然有效。

pic by Peter Van Lancker

重点介绍几则印刷设计原则，它们在线上仍然适用。

你将会提升UI与UX设计水平，创造出更好、更易懂的设计。

1. 让读者保持专注

印刷设计专注于易读性，网页上也是如此：只是把“读者”换成“用户”而已。

目标应当是清晰的表达、简洁的排版，都是能带来良好体验的。传统印刷业有哪些值得我们学习的案例，往下面看看。

排版

就像报纸，并不会逐字逐句的进行阅读，扫视页面是用户的标准行为。

为扫视而设计时，有两种模式需要考虑。首先是F模式。

F模式排版：Creative Bloq的主页

F模式反映了用户最通常的扫视页面的方式。他们的视线从上面开始横向移动，然后沿着左边垂直移动，寻找突出的文字。

一旦找到激起他们兴趣的内容，他们又会开始横向浏览页面。

还有Z模式：

Z模式布局：MailChimp的主页

Z模式也是一种自然的浏览模式，通常用于报纸，网页上也是如此。用户在页面顶部水平浏览，然后向左下移动，往下游览根据用户的视线习惯会定焦底部

文字

和印刷一样，网页文字也应该有清晰的层次。选择适合的字号，有助于关键词在页面上突出，游览过程简单快捷。

清晰的文字层次：World Baking Day网站

我们来看看文字层次中一些常见的层级：

主要：页面上最显著的文字更大更闪耀，吸引用户的注意力。通常用于标题与装饰。

次要：介于中间的所有内容。不像标题那么显著，出了正文显示外，也要有展示。

再次：主要内容所选的文字。文字层次中的这一级，有助于使用户沉浸在正文中。

其他：更小的一级，使用斜体、粗体、下划线、不同颜色等等。

配合运用，建立文字的层次，可以创造出秩序，防止用户迷失其中。

要测试你页面的易读性，可以使用“3秒原则”：简略地浏览页面，然后看向别处。其中突出的内容有没有反映出你设计意图？如果是的，那你方向正确，如果不是，整理不对需要重新设计修改是必须的。

2. 建立平衡感

无论平衡感来自于对称、非对称或是放射状，带来了惬意稳定的安心的感觉。来访的客人感觉到舒适，他们会更愿意逗留。

图片或文字不要过于密集：时刻考虑元素的间隙。在排版上简约和密集的需要有个限度。眼睛难以接受杂乱，使人更难接受信息的流转。

考虑使用极简的设计，颜色的深浅渐变，过度能带来视觉心理的双重暗示享受

震撼的极简设计案例：鞋类品牌ETQ的网站

上面展示的ETQ网站，吸引目光到展示的产品。页面底部对比鲜明的黑白色块，让用户选择尺寸或查看商品价格。

网页上极少干扰信息，使用户专注于事物本身，也希望有助于促成用户购买。

3. 创造可靠的设计

让你的设计对于所有用户都是可靠的。不要使用两种以上的字体，确保所有年龄层的用户都能阅读。过于杂乱会扰乱信息。

假如游览时让用户没有头绪，你的设计可能包含了过多的图片。

网站的整理色调要结合公司类型，使用冷静柔和的色彩；如果受众是青少年，则适合更鲜明的色彩。

UC San Diego Health的网站

选用的配色很吻合它严肃的内容

下面是一些书籍设计中常犯的错误，同样适用于网页：

未经过足够的测试：始终要尽可能广泛对设计进行测试。内容可能会跨越多种媒介（网页、电子书、印刷品），这会使得文字有新面貌。而且，在互联网上有些传统的字体并不适用。结合网站整体调性用一种字体表达出来。现在移动智能设备发展迅速，在满足PC端的情况下，也把移动端加上去。

不恰当的语调：为每个页面元素选择正确的语调。与字体一样，标题应该吸引读者注意，副标题作为标题的阐明或补充，主题内容正文让用户感到亲切，让读者渴望了解更多信息。

当前文章：从传统印刷设计里学习网站设计
转载注明：https://www.cdcxhl.com/news/178230.html

成都网站建设公司_创新互联，为您提供静态网站、定制开发、云服务器、App开发、企业网站制作、用户体验

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联