20条不该打破的设计规则 - 中篇

用户头像
南京/网页设计师/11年前/7291浏览
20条不该打破的设计规则 - 中篇

翻译自Mary Stribley所总结的20条不该打破的设计规则,对设计新人会有很大帮助。


7. 总是使用网格。


掌握几个基本的网格也许是每个初出茅庐的设计师的必备技能之一。一个好的网格工具就像仙女魔法棒,能使平庸的设计变得井然有序。


网格有很多形状和尺寸,你可以灵活的创建它们,使之与你的设计相配。网格帮助设计师在页面中对齐相关的元素,创造一个更整洁而富有逻辑的设计。请见上图,一个包含两栏、三栏和四栏的网格样式,常常会在许多方面帮助你更合理的布局图像和文字。


网格列数越少,设计将越统一。你的元素会有强烈的对齐感,但这样你也失去了更多列数的网格所带来的灵活性。然而,在实际设计中,网格的运用方式往往不是单一的。请看上图右侧的网格,它有四栏,有些元素会延伸出去以贯穿两栏,而其他元素依旧保持在一栏中,这样就可以允许一些不同尺寸的文本和图片添加到设计中,在网格的框架下使设计的版式更加丰富。


多尝试不同的网格并找到适合你的。


8. 始终为你的观众设计。

大多数设计师会从一个想法着手,常常在设计中有意无意地带上个人喜好。要仔细考虑一个问题“我在为谁设计?”每一个设计都有它的观众群,那些有可能看到设计并接收信息的人群是谁?认真的考虑他们是十分有必要的。


上图是一个儿童音乐会的宣传设计。它的观众群是孩子和他们的家长。


左侧案例:

用了简洁的版式配以黑白对比强烈的文字,这也许能清晰的传达音乐会的信息,但却不吻合它所面向的观众。


右侧案例:

明显更加吻合儿童音乐会这一主题。与音乐相关的图形配以明亮的色彩,会吸引更多孩子的目光,符合观众人群的口味和接收环境。


请记住,也许你的设计看起来不错,但不一定是能与目标观众产生交流的最好方案。当遇到疑问时,不妨回顾一下最初设计的诉求。


9. 避免孤行(widow)和寡字(orphan)。

在排版中,不协调的孤行和寡字肯定是不可避免的,但是发现并处理好它们仍然是重要的一步。这可以让你的设计摆脱业余感,变得更加专业精致。


孤行:是指在出现在页面顶端,新开一列的单行文字。

寡字:与孤行类似,通常是被遗弃在单独一行的某个单词。


有几个方法可以解决孤行寡字的问题:

如果条件允许,你可以手动调整合适的文本宽度来解决这两个问题。

另一个诀窍就是像图中示范的那样,在寡字的前面一个单词按软回车(shift+enter键),把它带到寡字所在的一行。

还有一个图中示范的技巧,就是调整你的文本框或行宽,不断调整直到没有孤行寡字出现为止。


10. 使用有逻辑的色彩搭配。

色板对设计师来说是强大的工具,设置一个经过深思熟虑、协调统一的色彩搭配是设计中重要的一步。

当编辑一个色板时,建议参考色彩理论和一些配色案例,色彩理论中指出色调会对用户产生一定程度的影响。比如橙色可以激发出食欲,这也是为什么快餐设计中常常会用到橙色。


请看图中所给的两个Logo的例子,flowers是一个专营浪漫花束的花店Logo,PAINTBALL是致力于给顾客带来精彩时光的彩弹游戏中心的Logo。左图的这两个标志的配色明显不大起作用,而右图就合适多了。


设计时可以参考一些针对色彩的规范和惯例,反复尝试不同的配色方案有助于获得更具冲击力的设计,但同时要保证你使用的颜色不能太让人分心,或使你的信息含糊不清。


11. 统一的字符样式。


和色板一样,字体样式同样需要谨慎选择。字体有着一种与之相对应的“情绪”或“情感”所以你不太可能在律师事务所的Logo上使用Curlz MT字体(见下图)。


许多设计师建议,使用的字体不要超过3种,避免设计看起来太繁复。尝试选择互补字体,这样你的信息可以被高效的接收并更具逻辑性。


互补字体:

很多字体都具有鲜明的情绪、⻛格特征(庄重,随性,有趣,优雅等)。你希望所选的字体情绪是吻合你设计目的的。举个例⼦,一种圆润像⽓球般形态的字体也许更适合孩子的⽣⽇派对邀请函,但却不适用于你的商务宣传册。

⽤人的性格来比喻字体,“内敛”和“外向”结合起来会是很好的平衡。如果你有⼀个独具风格的字体(通常指用于展⽰或修饰类的字体)就用一些中规中矩或保守的字体与之搭配,形成一种平衡的设计。


12. 正文永远不要使用过于花哨的字体。

在正文中用花哨的字体就如同穿了条舞裙去菜市场,时间场合都不相符,而且也会使他人感到困惑,不是个明智之举。


花哨的字体适合小区域的文字,而非正文。它们经常比那些正文字体更加华丽,也正因如此,它们经常出现在那些短标题或副标题上。


请看图中使用的富有装饰性的Yellowtail字体。这个字体的设计是为了体现手写的美感,而不是为了字形的清晰可读。如果用它做正文,读一段时间就会感到困难和厌倦。若是用专门为正文设计的字体就好得多,比如Georgia。当然花哨的字体有它专门的用途,但绝不是在大面积的正文上。


12. 永远不要拉伸字体。

不要拉伸字体,很多情况下,字体的形状和比例都是精心设计好的,所以拉伸而导致的变形将失去字体原有的特色。


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


原文作者: Mary Stribley

原文地址: https://designschool.canva.com/blog/design-rules

翻译: 焕思信息科技有限公司 | 邓潜智、邵梦圆



92
阅读原文
|
举报
|
153
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
3D卡通UI界面图标可爱插画免扣素
高级表盘系列UI源文件
【新年UI图标】汽车icon
【新年UI图标】会员icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI界面 组件
【新年UI图标】影音icon
【新年UI图标】30个图标
拟物风质感写实UI卡片合集源文件
Security Camera UI kit
户外旅行飞机情侣假日出行
高级感金属拟物 UI设计组件库
【新年UI图标】游戏/娱乐icon
我的钱包-UI界面设计-app
【新年UI图标】秒杀icon
【新年UI图标】钱包icon
智能家居中心 简约 UI设计组件库
【新年UI图标】珠宝icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
科技医疗透明柜UI界面设计
新拟态风格 UI设计组件库
UI通用设计素材1
矢量立体简约UI蓝白图标
你可能喜欢
大家都在看
登录注册