20条不该打破的超实用设计规则(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:kennth1982

关键词

通常,人们去拉伸字体是因为他们想要文字看起来更高或者更宽一点。这里有一个既不用拉伸字体又可以满足这种需求的方法。可以直接使用高的字体(推荐Bebas Neue字体)或矮的字体(像Silverfake字体),以及这两者之间的字体,这都完全取决于你。有些可能会花点钱,但是找到一个完美的字体是非常宝贵的。

14. 避免使用不协调的颜色

20条不该打破的超实用设计规则

与我们熟知的撞色不同,不协调的颜色一般是指色环上两个相距甚远甚至对立的颜色搭配到了一起。这样的颜色组合通常会有一种污浊、模糊的感觉,使眼睛很难辨认两个颜色的界限。

避免颜色不协调的简单方法就是使用高对比度的色调。正如右图所给的例子,白色与绿色的高对比度下,眼睛可以很容易的捕捉到两个颜色之间的界限,而且也不会像颜色不协调的左图那样有污浊和模糊感。

从审美的角度来说,我们通常避免使用不协调的颜色,这样可以使你的设计赏心悦目。但你仍可以因为一些特殊原因去打破这一规则。不协调的颜色经常受一些设计师尤其是广告商的喜爱,因为他们觉得这样能创造出更吸引眼球的设计。

15. 不要把白色空间当作空白空间

20条不该打破的超实用设计规则

白色的空间是一种多元又高效的工具,它可以对设计发挥着特殊的作用。恰当地利用留白对你的设计非常有益。它可以使人们将注意力集中到画面中你想强调的地方,让设计更透气;还可以平衡设计中的各个元素,或是使你的设计更具成熟的表现力。

留白的另一个意义便是,你可以不需要添加任何元素就可以使设计更具感染力。请看上图降噪耳机海报的案例。左边的海报留白很少,图片和文字充斥着整个空间。而右图的海报,战略性的运用了白色空间。“100% noise cancellation” 显得更具视觉效果,产品被放在了焦点位置,也没有其它内容与之相冲突。

与这类似的案例有很多,它们都在向我们验证白色空间有着它不容忽视的作用,它不用填满图片、纹理或文字,而是像其它元素一样承担着它在设计中的职责。所以,不妨在你的设计中尝试并看看它的效果吧。

16. 不要盲目追赶设计潮流

20条不该打破的超实用设计规则

设计有时像时尚,某种流行元素的出现,在一段时间内受到疯狂的追捧,然后又销声匿迹。一旦那些热潮过去,你曾经到处搜罗的服装、物件将变得过时且被人们遗忘。

设计也是如此,一段时间内一种新的样式或方法开始流行,每个人都去追逐这个潮流,因为它新颖时髦并且容易复制。但是潮流来得快也去得快,因此你设计的logo仅仅在一段时间内受人瞩目,然后就迅速消失在大众视线。

但这并非要你故意忽视当下的潮流。而是在关注这些潮流的时候,试着找出它们流行背后的原因。最近一个特别风行的潮流就是X型logo。你也许已经知道我在说什么:由一些符号元素和字母围绕着X放置,组成的像遁形徽章一样的logo。这个潮流之所以流行了一段时间,是因为它们简单好看(而且很容易学会)。但正是由于它们被广泛的使用,导致这股热潮就像它们迅速风靡一样迅速地消退了。

我们需要跳出潮流去分析:为什么它会流行起来?我能从中提取到什么来提升我的设计?在X型logo的例子中,也许你可以得到这么一个启示:是否可以利用几何线来塑造你的画面,就像图中所示的那样。无论如何,不要盲目地追赶潮流,要从潮流中学到点什么并恰当地运用它们,才能使你的设计经久不衰。

17. 使用正确的工具

20条不该打破的超实用设计规则

就像一个工人不会用锤子钉钉,设计师不仅应该知道特定情况下该用什么工具,更需要知道哪些工具不能用。

运用恰当的工具就可以很容易避免logo栅格化这个常见的错误。如果你完全不熟悉这点,那么就让小编向你快速普及一下。

这里有两种电子图像文件,位图和矢量图。位图由许多网格像素组成的,而矢量图由线条和路径组成。两者之间最大的区别就是图像的缩放能力。因为位图是由一个个像素点组成,当放大到一定程度时,图像就会出现像素化(左图所示),但是矢量文件(右图)就不会有这个问题。

因为矢量文件可以任意缩放而不会使图像的形状和边缘模糊,所以一般logo更倾向于矢量,它可以满足不同尺寸的需求,小到一支铅笔,大到一幢楼房,矢量logo的应用范围可以非常广。如果你创建的是一个位图logo,显然会局限了品牌的应用。因此,选择正确的图像格式非常重要,它可以帮助你轻松地避免掉类似删格化logo所造成的问题。

回到主题,一个好的设计师不应该仅仅知道这些格式的不同之处,还要知道什么时候用什么工具。一般Photoshop用于处理位图,Illustrator处理矢量图,所以请确保熟悉这些软件,在着手设计之前你要清楚知道它们能做什么,可以创造什么。

18. 考虑你的媒介

20条不该打破的超实用设计规则

你的设计在什么地方出现?海报,网站,还是杂志?准确的知道设计的应用媒介是十分必要的,因为这关系到公众会如何看到你的设计。如果你不把所有细节考虑在内,会在某种程度上影响你设计的展现效果。

在为出版社设计的时候,忽略订口是一个常见的错误。订口是书本的相对两页中间的空间,它的存在是为了解决可读性和提供装订空间。在设计装订物时,设计师必须把它们考虑在内,也就是确保不要在这个空间内放任何的图像和文字。否则,在装订过程中,内容将会横跨两页,订口部分的内容会被逢合进去,图像和文字也会随之扭曲。图中所给的例子展示了文字在装订过后的不同呈现效果。就像右图所做的那样,将图文安排在订口以外,就可以防止内容被拉进装订的部分中去。

那么我们怎样避免这个问题呢?沟通是一个古老但是有效的办法。如果你不确定,不妨与印刷商、客户或是委托人谈一谈,确定订口的空间,然后再排版。

19. 知道语法的规则

20条不该打破的超实用设计规则

语法是一个艰难的工程,如果没有他人指出,你恐怕很难发现自己已经打破了那些隐藏在其中你所不知道的规则。花些时间看些关于语法规则的书可以保持设计的专业性,还可以使你在外面发现他人错误时感到欣喜。让我们快速浏览一下这块内容。

首先,“&”符号。“&”符号不在正文内出现,请避免使用“&”代替“and”。“&”反而更多的用在组织机构的标题上(例如“Johnson & Johnson”)、风格化的logo或是识别性的设计上。

另一个很好改的错误是标点后的两倍空格。有什么简单的解决方法呢?很遗憾没有。一倍空格往往就足够用了。如果你发现你的文字看上去太挤,你也许应该尝试一下调整字间距或是换一个新的字体,而不要再使用两倍空格。

还有一点需要注意的是连字符和破折号,即使它们在一篇文章中很少见,你还是会碰到它们。基本上有三种破折线:连字符号"-",破折号"–"和长破折号"—"。连字符号是用来连接两个单词的(比如“custom-built”);短破折号是用来连接数值的(比如“1984–1998”);长破折号大概是大写字母M这么长,它偶尔会在句子中用到,用来代替逗号(比如“Grammar is hard — or so I once thought”)。

语法的规则很多,当它显得不是那么重要的时候,许多设计师便开始争论是否需要关注它。但这是一个细小却强大的工具,它能使你的设计看起来专业且严谨。

20. 不要使用太多的效果

20条不该打破的超实用设计规则

还记得Office软件里“艺术字”的特效吗?在文字上增加彩虹渐变,阴影,倒角和其它天花乱坠的效果。不得不说,“艺术字”的年代已经过时了,现在是时候搁置那些“炫酷”的效果了。

很多时候,当谈到交互设计,我们就知道简单往往就是最好的,这就意味着你要反复问自己“我应该往设计中加这些东西吗?”诸如阴影,倒角,纹理和渐变等,所有的效果都会有被需要用到的时候,不要把它们都放在一起。

表格和图表是滥用效果的重灾区。左图所示的柱状图用了很多效果和元素。而右图就展示了如何通过去除这些效果和元素来整合信息,使设计更清晰美观且便于阅读。

当你无法去掉某些标签、数值和元素的时候,尽可能的删掉一些不必要的效果以减少冲突,使主要信息重新凸显出来。

有时候少即是多。

其实最终的规则只有一条,那就是没有规则。

有时候挑战这些规则和了解设计基础同样重要,甚至更加重要。

一个最好的例子,传奇设计师David Carson创办了实验性的Ray Gun杂志并为其设计。1994年,Carson用"Zapf Dingbats"(一个基于符号的字体)发表了一篇对音乐家Bryan Ferry的完整采访,仅仅是因为他认为采访十分的无聊,他就把文章设计得完全无法辨认。

由此看来,打破规则有时候是让设计名垂千古的好方法。

 收藏