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

传统媒体报纸是网络设计的鼻祖。网页设计是互联网上的另一种媒体，其中许多仍然适用。

很多经典原则，比如字体设计原则，

它仍然在线工作。

本文着重讨论了印刷设计的几个原则，这些原则在网上仍然适用。

您将提高UI和UX设计的水平，并创建更好、更易于理解的设计。

一、让读者集中注意力

印刷设计的重点是可读性，就像在网页上一样：它只是用“用户”代替“读者”。

目标应该是清晰的表达和简单的排版，这样可以带来很好的经验。传统印刷业有哪些值得研究的案例？让我们看看下面。

排版

就像报纸一样，他们不逐字阅读。扫描页面是用户的标准行为。

设计扫描时需要考虑两种模式。第一种是f模式。

F模式排版：creative bloq的主页

F模式反映了用户扫描页面的最常见方式。他们的视线从上方水平移动，然后沿着左侧垂直移动，寻找突出的文本。

一旦他们找到感兴趣的内容，他们就会开始水平浏览页面。

和Z模式：

Z模式布局：MailChimp主页

Z模式也是一种自然的浏览模式，通常用于报纸和网页。用户在页面顶部水平浏览，然后向左和向下移动，然后向下访问。根据用户的视觉习惯，他们会关注底层

书面文字

与打印一样，网页文本应该具有清晰的级别。选择合适的大小将有助于突出显示页面上的关键字，并使教程简单快捷。

明文级别：世界烘焙日网站

让我们看看文本层次结构的一些常见级别：

主要内容：页面上最突出的文字更大更闪亮，吸引了用户的注意。通常用于标题和装饰。

中学：一切都在中间。这不像标题那么明显。除了文本显示，还应该有显示。

再次：选定文本的主要内容。文本层次结构中的此级别有助于将用户沉浸在文本中。

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

通过文字的使用，可以建立文字的层次来创建秩序，防止用户迷失。

要测试页面的可读性，请使用“三秒规则”：浏览页面并查看其他地方。亮点是否反映了你的设计意图？如果是的话，那么你的方向是正确的。如果没有，如果你不按顺序，就必须重新设计。

二、建立平衡感

无论平衡感来自对称、不对称还是辐射，都能带来舒适稳定的平和感。游客感到舒适，会更愿意留下来。

不要对图片或文字太过密集：总是考虑元素之间的间隙。排版对简洁和密度的要求是有限度的。眼睛很难接受杂乱无章的东西，让人们更难接受信息的流动。

考虑采用极简设计，色彩深度渐变，过度会带来视觉心理的双重暗示享受

震撼简约设计案例：鞋类品牌etq网站

上面显示的etq网站吸引了人们对所展示产品的关注。页面底部的黑白对比色块允许用户选择尺寸或查看产品价格。

网页很少干扰信息，让用户专注于事物本身，也希望有助于方便用户购买。

三、创造可靠的设计

使您的设计对所有用户都可靠。不要使用超过两种字体，确保所有年龄段的用户都能阅读。太多的杂乱会扰乱信息。

如果您在访问时没有任何线索，您的设计可能包含太多图片。

网站的颜色应结合公司类型，淡定柔和；如果受众是青少年，则适合使用更鲜明的颜色。

加州大学圣地亚哥分校健康网站

颜色与它的严肃内容相符

以下是书籍设计中的一些常见错误，这些错误也适用于网页：

测试不够：总是尽可能广泛地测试设计。内容可以跨越多个媒体（网页、电子书、印刷品），使文本具有新的外观。此外，互联网上的一些传统字体也不适用。结合网站整体的色调用一种字体来表达。目前，移动智能设备发展迅速。在满足PC端的情况下，还增加了移动端。

不恰当的语调：为每个页面元素选择正确的语调。作为字体，标题应该引起读者的注意。作为标题的澄清或补充，字幕让用户感到亲切，渴望了解更多的信息。