趣达 发表于 2015-9-23 11:18:16

网页设计师该向印刷设计学习的3个规则

了解规则，利用规则，为你创造出更实用，更好体验的的网页设计 ，那你必须要懂得以下3条规则！http://www.qduck.cn/forum.php?mod=image&aid=7741&size=300x300&key=a638fad7e2249d5c&nocache=yes&type=fixnone01. 持续吸引读者的专注度印刷设计同样的一个设计原理就是“易读性”，网页也是如此，整体的内容和布局都要清晰有条理，让人轻松就能熟悉，驾驭。排版众所周知的是，一个网站页面就像一张报纸一样，用户是不会认真去阅览每一个字，所以不同的内容风格就有不同的设计模式。为扫视而设计时，有两种模式需要考虑。首先是F模式。http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_F-Pattern.jpgF模式就是用户的阅览习惯，一般都会向右横扫，然后就在左边垂直向下寻找某些关键字。一旦找到激起他们兴趣的内容，他们又会开始横向浏览页面。Z模式：http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_Z-Pattern.jpgZ模式：用户先习惯顶部从左到右浏览，然后视觉就会向下靠左边移动，最后再来一次向右的横扫，就把整个网站浏览了一遍，跟中国传统人类阅读模式一样。文字网页的文字必须要清晰有层次，关键词的颜色要突出，这样可以第一时间告诉用户，网站的主要目的。http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_Typography.jpg文字的主次设计技巧：
[*]主要：页面上最显著的文字更大更闪耀，吸引用户的注意力。通常用于标题与装饰。
[*]次要：介于中间的所有内容。不像标题那么显著，但要在页面的常规文字中突出显示。
[*]再次：主要内容所选的文字。文字层次中的这一级，有助于使用户沉浸在正文中。
[*]其他：更小的一级，使用斜体、粗体、下划线、不同颜色等等。
当你设计完成后，可以用“3秒原则”来测试你的网址设计的适合合理，然后通过上面的阅读方法，看看是否能清晰看出整个网址的设计意图和主要传达的信息。02. 建立平衡感无论平衡感来自于对称、非对称或是放射状，都是为了让设计创造出稳固与一致的感觉。如果用户在你的网页上感到轻松，他们会更愿意逗留。图文之间的距离不要太过密集，太过于密集就会阻碍用户的阅读，会容易引起用户不好阅览感觉。颜色之间的差距尽量要达到平衡。http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_Balance.jpg页面底部对比鲜明的黑白色块，让用户选择尺寸或查看商品价格。网页上极少干扰信息，创造了一种平静与秩序的感觉——当然，也希望有助于促成用户购买。03. 创造可靠的设计让你的设计对于所有用户都是可靠的。不要使用两种以上的字体，确保所有年龄层的用户都能阅读。过于杂乱会扰乱信息。如果你发现自己在屏幕前手足无措，你的设计可能就包含了太多的图片。http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_SafeDesign.jpg下面是一些书籍设计中常犯的错误，同样适用于网页：
[*]未经过足够的测试：始终要尽可能广泛对设计进行测试。内容可能会跨越多种媒介（网页、电子书、印刷品），这会使得文字有新面貌。而且，有些字体转换到新媒介上可能会变得不易阅读。找到适用于所有情境的字体非常重要。还要考虑你的设计在不同屏幕尺寸、不同分辨率和不同浏览器中如何展现。
[*]不恰当的语调：为每个页面元素选择正确的语调。与字体一样，标题应该吸引读者注意，副标题作为标题的阐明或补充，正文要像一段友好的对话——温暖亲切，让读者渴望了解更多信息。
[*]不恰当的格式：遵循你所选的媒介：否则，会一直浪费时间修改文件，应对CMYK用于印刷、RGB用于网站这样的问题。
[*]
http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/09/08/PrintDesignPrinciplesBetterUX_UXPinBook.jpg原文地址：creativebloq



考拉妹妹 发表于 2015-9-23 17:14:23

哦～～

狙击手 发表于 2015-9-23 17:30:12

哦～～

dadou 发表于 2015-9-23 17:43:56

给我点愤怒.

结局接近开始 发表于 2015-9-23 18:17:17

真是汗啊我的家财好少啊加油

井然有序 发表于 2015-9-23 20:08:41

路过的帮顶支持哦

著的瘋子 发表于 2015-9-23 20:52:21

哈哈 我支持你

个地方的话风 发表于 2015-9-24 09:41:08

哦～～

平凡之路 发表于 2015-9-24 10:18:39

哈哈 我支持你

秋月有痕 发表于 2015-9-24 10:33:04

哦～～
页: [1] 2 3 4 5
查看完整版本: 网页设计师该向印刷设计学习的3个规则