|
从传统印刷设计中学习网站设计传统媒体报纸是网络设计的鼻祖。网页设计是互联网上的另一种媒体,其中许多仍然适用很多经典原则,比如字体设计原则, 它仍然在线工作。 本文着重讨论了印刷设计的几个原则,这些原则在网上仍然适用。 您将提高UI和UX设计的水平,并创建更好、更易于理解的设计。 一、让读者集中注意力 印刷设计的重点是可读性,就像在网页上一样:它只是用“用户”代替“读者”。 目标应该是清晰的表达和简单的排版,这样可以带来很好的经验。传统印刷业有哪些值得研究的案例?让我们看看下面。 排版 就像报纸一样,他们不逐字阅读。扫描页面是用户的标准行为。 设计扫描时需要考虑两种模式。第一种是f模式。 F模式排版:creative bloq的主页 F模式反映了用户扫描页面的最常见方式。他们的视线从上方水平移动,然后沿着左侧垂直移动,寻找突出的文本。 一旦他们找到感兴趣的内容,他们就会开始水平浏览页面。 和Z模式: Z模式布局:MailChimp主页 Z模式也是一种自然的浏览模式,通常用于报纸和网页。用户在页面顶部水平浏览,然后向左和向下移动,然后向下访问。根据用户的视觉习惯,他们会关注底层 书面文字 与打印一样,网页文本应该具有清晰的级别。选择合适的大小将有助于突出显示页面上的关键字,并使教程简单快捷。 明文级别:世界烘焙日网站 让我们看看文本层次结构的一些常见级别: 主要内容:页面上最突出的文字更大更闪亮,吸引了用户的注意。通常用于标题和装饰。 中学:一切都在中间。这不像标题那么明显。除了文本显示,还应该有显示。 再次:选定文本的主要内容。文本层次结构中的此级别有助于将用户沉浸在文本中。 其他:较小的级别,使用斜体、粗体、下划线、不同颜色等。 通过文字的使用,可以建立文字的层次来创建秩序,防止用户迷失。 要测试页面的可读性,请使用“三秒规则”:浏览页面并查看其他地方。亮点是否反映了你的设计意图?如果是的话,那么你的方向是正确的。如果没有,如果你不按顺序,就必须重新设计。 二、建立平衡感 无论平衡感来自对称、不对称还是辐射,都能带来舒适稳定的平和感。游客感到舒适,会更愿意留下来。 不要对图片或文字太过密集:总是考虑元素之间的间隙。排版对简洁和密度的要求是有限度的。眼睛很难接受杂乱无章的东西,让人们更难接受信息的流动。 考虑采用极简设计,色彩深度渐变,过度会带来视觉心理的双重暗示享受 震撼简约设计案例:鞋类品牌etq网站 上面显示的etq网站吸引了人们对所展示产品的关注。页面底部的黑白对比色块允许用户选择尺寸或查看产品价格。 网页很少干扰信息,让用户专注于事物本身,也希望有助于方便用户购买。 三、创造可靠的设计 使您的设计对所有用户都可靠。不要使用超过两种字体,确保所有年龄段的用户都能阅读。太多的杂乱会扰乱信息。 如果您在访问时没有任何线索,您的设计可能包含太多图片。 网站的颜色应结合公司类型,淡定柔和;如果受众是青少年,则适合使用更鲜明的颜色。 加州大学圣地亚哥分校健康网站 颜色与它的严肃内容相符 以下是书籍设计中的一些常见错误,这些错误也适用于网页: 测试不够:总是尽可能广泛地测试设计。内容可以跨越多个媒体(网页、电子书、印刷品),使文本具有新的外观。此外,互联网上的一些传统字体也不适用。结合网站整体的色调用一种字体来表达。目前,移动智能设备发展迅速。在满足PC端的情况下,还增加了移动端。 不恰当的语调:为每个页面元素选择正确的语调。作为字体,标题应该引起读者的注意。作为标题的澄清或补充,字幕让用户感到亲切,渴望了解更多的信息。 上一篇网络推广是网络营销吗?下一篇网站设计应注意五个原则 |