为了账号安全,请及时绑定邮箱和手机立即绑定

9个使设计达到还不错效果的方法

标签:
设计

要真正的把设计做好,你需要深刻理解你设计的是什么,为谁而设计,同时娴熟的掌握所使用的工具和科技。这不一定总能实现,特别对于新手来说。别怕,这些技巧能很快让你的设计变得不赖。

你可能还是个设计新手,但是你想让设计出的东西看上去合理些(可能不要跟其他人所用的模版或者构架一模一样)。或许你在试着理解好的设计背后各种各样的因素,但是现在,你只是需要把一些任务搞定。

遵循这些技巧,你应该差不多能设计出还不错的东西了,而且在边学边做的过程中,你学会了简化,而不是不着边际的乱弄一气。

技巧

让我们开始入正题...

第一 别用花哨的字体

在成千上万的字体中,很大一部分都是糟糕的。其中有很多好的,但是更多的是不好的。
图片描述

绝对要避免有噱头的字体:看上去像手写的,手稿的,或是像瑞士起士。不是所有花哨的字体都不能用,但是如果你是新手,就别因为很有可能用错字体,使事情变得更复杂。

第二 保证字体选择简单

因为已经有很多不好的字体存在了,就不要冒风险做错误的选择。坚持用几个简单的,把精力更多地放在如何选择在大屏幕和小屏幕上都能适用的字体,以及字体所传达的氛围。如果你需要一个小抄,试下我Design for Hackers课程中的一部分,“all of the fonts you’ll ever need”。
图片描述

第三 一行不要超过15个词

宽屏和流动型设计的趋势共同造成了现在的字变得过宽。永远别让你的字体段超过一行25个词,也别少于一行8个词。

图片描述

第四 仅使用一种字体

是的,我是认真说的。是的你绝对可以利用不止一种字体做出一个很棒的设计,甚至使你的设计更丰富;但是,如果你只是在学设计,不要让自己分心了。如果你只是选一种适合你项目的字体,会学到更多如何做优秀设计的东西,而不是去担心字体大小,对齐和留白(第九条会更多讲到这一点)。

图片描述

第五 用可变尺度来挑选字体大小

有了数字字体,我们不幸的享受到,创造出任何大小字体的福利。我说“不幸”是因为对大部分人来说,这是一种损害。帮自己一个忙,只用这些目标像素大小:5, 7, 9, 12, 16, 21, 28, 37, 50, 67, 83。这些尺寸是基于3:4的比例,这些数字是如何计算出来的,你可以在这篇技术性文章中读到更多具体的信息,How to Establish a Modular Typographic Scale。

图片描述
如果其中的大小不能达到你想要的效果,你还可以有其它的办法:使用粗体或者斜体,使用大写(题目和metadata),或者用另一种颜色。不要改动大小,考虑一下其它的因素。

第六 不要字体对齐

字体对齐的属性使字体段落左右边缘排整齐,把文字填满空档。借助好的桌面发布软件,好看的字体对齐在印刷品上可以达到,如果你了解你的字体设计的话。在网页上,不可能做得好。段落需要一个整齐的结构,对齐会产生不美观的间隔,打断了阅读的流畅性。不要为了满足整齐的边缘的效果而牺牲了内容的可读性。

图片描述

Unsightly gaps

第七, 简化装饰,结构和效果的运用

通过尽可能地避免使用装饰(尺度线,字体段,渐变和材质)来挑战自己。考虑其它的细节问题(例如在第九条中讲到的)。之后可能开始在需要的地方加入这些元素。

图片描述

One of the very attractive patterns available fromthepatternlibrary.com, but use with caution!

第八 选择一种颜色

看一下你经常接触到的最有力的品牌。譬如说,有可能是Google, Yelp, Duolingo, 或者Twitter。它们都让人想起属于其自己的一个颜色,那个颜色也控制着它们的产品。选择一个适合你设计的颜色,然后让其它都带有它的阴影和色泽,或是其灰色调。不过,更重要的是简化。再强调下,重心放到第九点上。

图片描述

Advertisement

第九点 关注更多“不可见的”而不是“可见的”

以上的都是为了帮助你简化你的决定,所以你可以集中在设计中那些“不可见”的东西上。我们都是视觉动物,我们很容易就被闪亮的东西,譬如字体和颜色分心。那些使设计看上去干净紧凑的东西:元素的大小,对齐方式和关联性,留白容易被我们忽略。

图片描述

这些看不见的力量使非常强大的,我写了关于这个的一整套课程,可以发送到你的网络邮箱。

结论

设计是一个无止境的复杂学科,一个很有经验的设计师会违反所有的这些准则。当你熟悉了这个架构之后,你甚至可能会违背这些原色,但是直到那时候,遵循这些准则,你就会上路成为不只是不错而是很棒的设计师!

原文来自:webdesign.tutsplus.com/zh-hans/articles/9-quick-wins-for-halfway-decent-design--cms-19444

点击查看更多内容
7人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
页面重构设计
手记
粉丝
472
获赞与收藏
2.3万

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消