2022-07-14 分类: 网站建设
传统媒体报纸是网页设计的鼻祖学习,网站设计是在互联网上另一种媒介,其中很多传统的设计依然适用。
许多经典原则,例如字体设计原则,
在线上仍然有效。
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/news30/178230.html
成都网站建设公司_创新互联,为您提供ChatGPT、营销型网站建设、网站营销、网站内链、移动网站建设、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容