实用:网页设计师学习印刷设计的3条设计规则
本教程是简要介绍3个网页设计师的设计规则,他们想从印刷设计中学习。这个教程真的很好。我建议你喜欢你的朋友一起学习,希望能帮助你。
许多经典的原则,如那些字体设计的原则,还可在线。设计是一个特定的功能的mdash;mdash;是否组成一个字节或一个原子。这意味着网站设计获益良多的先民mdash;mdash;纸和墨。在这篇文章中,我们专注于印刷设计的几个原则,它依然适用于在线。在精通,你可以提高UI和UX设计水平创造更好的、更易于理解的设计。
1让读者保持注意力集中
打印的重点在于可读性,网页上也同样如此:只有阅读器被用户替换。
目标应该是清晰的表达,并允许人们轻松地看整个设计。让我们看看在印刷设计中使用的一些概念。
排版
像报纸,用户不阅读网站上的每一个字mdash;mdash;至少不在第一,这是用户的行为规范。
扫描设计时要考虑两种方式:第一种是F模式。
F型排版:创意bloq主页
F模式反映了用户查看页面的最常见方式。它们的视线从上面水平移动,然后沿着左边垂直移动以寻找突出的文本。
一旦找到引起他们兴趣的内容,他们将开始横向浏览页面。
z模式:
Z型布局:MailChimp的主页
Z模式也是一种自然的浏览模式,通常用于报纸和网页上,用户在页面顶部水平浏览,然后向左移动,然后在页面的下一行水平移动。
想研究这两种布局,右邮票:基本小科学!讨论Web页面的两种最常见的布局设计模式
写的字
与打印一样,Web页面应该有一个清晰的级别。选择适当的字体大小有助于页面上的关键字高亮显示,让用户更容易浏览页面。
明确文本水平:世界烘焙日网站。
让我们看看文本层次结构中的一些常见层次:
主营:页面上最重要的文本是更能吸引用户的注意。通常用在标题和装饰。二:在中间的一切。不像一个标题,是非常重要的,它应该在网页的正文突出。再次:选定文本的主要内容在文本层面,这个层面,帮助用户沉浸在文本中。其他:较小,使用斜体、粗体,强调,不同的颜色,等等。
结合应用程序和文本级别的建立,可以创建订单以防止用户丢失。
为了测试页面的可读性,可以使用3秒原则:只需浏览页面,然后查看其他内容。如果是,那么你是对的,继续保持;如果没有,你需要重新设计mdash;mdash;它可能是真的。
2建立平衡感
平衡感是否来自对称、不对称或辐射,是在设计中创造一种稳定和一致的感觉,如果用户在你的网页上轻松,他们会更愿意留下来。
不要在图片或文字太密:总是考虑元素之间的差距。排版趋于简单mdash;mdash;密集布局会阻碍用户,接受混乱的眼睛是很困难的,这使得人们接受信息的流动更加困难。
考虑到极简设计,我们可以通过白色、黑色或非常深的背景和前景元素达到平衡。负空间的应用可以引导用户的注意力。
令人震惊的简约设计案例:鞋类品牌ETQ网站。
上面显示的ETQ网站使用负空间引导视线的产品展示。这页纸的底部是一个对比鲜明的黑色和白色块,允许用户选择他们的大小或查看某一商品的价格。
互联网上有点令人不安的信息,创造一个安定和秩序的感觉mdash;mdash;当然,也希望有助于用户的购买。
3创造可靠的设计
让你的设计对所有用户都是可靠的。不要使用超过两种字体,以确保所有年龄的用户都能阅读。太乱会干扰信息。
如果你发现自己在屏幕前迷失方向,你的设计可能包含了太多的图片。
当选择一种配色方案,我们应该始终认为用户mdash;mdash;如果它是一个医院网站,用冷静和柔和的色彩;如果观众是青少年,它适用于更鲜明的色彩。
UC模具健康网站的配色与它的严重内容相匹配。
以下是一些在书籍设计中经常犯的错误,这些错误也适用于网页:
没有足够的试验:试验设计总是尽可能广泛。内容可以跨多种媒体(网站、电子书、打印),这将使文本有了新的期待。此外,一些字体可以转换成新的媒体,可能会变得难以理解。这是要找到适用于所有情况下,字体很重要,也要考虑你的设计在不同的屏幕尺寸,不同的分辨率和不同的浏览器显示。不恰当的语调:选择每个页面元素的正确的语调,字体,标题要吸引读者的注意力。字幕为澄清或补充标题就像是一个友好的对话mdash;mdash;温暖和善良让读者渴望更多的信息。一个不恰当的格式:按照你选择的媒体:否则,你会浪费时间修改文件,例如处理客户印刷和RGB CMYK的问题。