首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >普通程序员如何培养设计感?

普通程序员如何培养设计感?

作者头像
姬小光
发布2018-09-05 10:53:36
5710
发布2018-09-05 10:53:36
举报
文章被收录于专栏:姬小光姬小光

你好,我是姬小光。如果你订阅这个号比较早,可能会看过我的《像素眼是怎样炼成的》。那篇文章主要是教你如何“找茬”,即如何发现设计稿或者网页上的不足之处。那么何为不足呢?文中主要讲了对齐的问题。其实除了对齐之外,当你看到一个设计作品的时候,也都会有自己的审美判断。其中最直观的感受就是“好看”,“不好看”,“还行”,或者说感觉“哪里不对劲”。但是到底哪里不对劲呢,你又说不出来。

对于我们普通人来说,是不太可能花很多的时间去关注设计上的东西的。有的人确实是有天赋,有的人是长期环境熏陶出来的设计感,比如身处时尚界的公司,或者广告公司等等。还有处在身边有很多设计师的团队中,每天耳濡目染的同学,时间久了也会有点心得。

那么,如果说我们要培养美感,那您肯定不乐意,谁还没有美感呢?不错,美感谁都有,但是我们往往只会评判,而当需要你自己创造美的时候,就会发现这真的很难。有人说我又不做设计师,没必要培养这些吧?其实不然,从你的毕业论文排版,到做分享给领导汇报的 PPT,其中最核心的技能都是排版和信息展示的技巧。

为什么现在网上有那么多教你做 PPT 的课程呢,就是因为有太多人连基本的排版都做不好。譬如一个简简单单的邮件,排版还是没有排版,排版好不好,立马就可以暴露这个人的职业素养,以及对自己是否高标准严要求。当然,如果你是老板就另当别论了,你甚至可以尽量显得随意,比如直接回复“安排上了”。

有的同学可能看过这本《写给大家看的设计书》,如果你有耐心仔细看完这本书的前半部分,那么你已经基本掌握了这些排版原则。其实排版的原则是共通的,记得我小的时候是从黑板报设计看起的,凭借这点积累,就可以优秀黑板报奖拿到手软,然后就兼任了 12 年的宣传委员… 扯远了。

说回这本书,书中主要强调了四大原则:亲密性、对齐、重复、对比。原文是这样解释的:

对比(Contrast)

对比的基本思想是,要避免页面上的元素太过相似。如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆让它们截然不同。要让页面引人注目,对比通常是最重要的一个因素,正式它能使读者首先看这个页面。

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片,等等。这样一来,既能增加条理性,还可以加强统一性。

对齐(Alignment)

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而清爽的外观。

亲密性(Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存下很近的亲密性,他们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息,减少混乱,为读者提供清晰的结构。

这几个概念看上去有点抽象,但是即使你没有见过这些,也是或多或少有点感觉的。作者总结出这些概念,就是方便你的记忆,并且随时随地搬出这几个概念往上套。

以一个最简单的排版为例,很多人发邮件是这个样子的:

乍看上去也没什么问题,话都说清楚了,也有一二三。但是,如果应用前面讲到的四个原则,能不能做得更好呢?间距是否可以调整一下?对齐是否可以统一一点?字体能不能更好看一点呢?当然能,就看你是否愿意用心感受。

首先,内容是分区块的,这也是为什么要有段落的原因。那么行与行之间的间距,段与段之间的间距,就是视觉上区分这些内容最关键的部分。段落间距一般情况下是要比行间距大的,否则就看不出来是段落,而会让人觉得每一行是一个段落。

其次,标题与内容之间也要区分,可以用字体、颜色、字号等来区分,但同一页面上不要用过多字体,两三种最好。最后,系统默认的宋体虽然是印刷最清晰的,不过在显示器上会显得过于纤细,尤其是文本多的时候会显得凌乱,而微软雅黑就会好很多。

其实,只要平时多观察一下,就会有很多的参考方案。比如 WORD、PPT 里面都有模板,看看他的模板为什么这样设计。还有在浏览网站或书籍时候,也可以按照这些原则去套一套,找出那些你觉得好看的,并且分析一下为什么,就会学到很多。

回到刚才的邮件,只需要简单地排版一下就会清爽很多,类似这样:

首先,我把字体调整为(我)看上去比较舒服的微软雅黑,然后行间距就自然扩大了一点;段落之间没有微调,直接空一行;加粗了标题;将序号调整为比较规整的英文句点;代码部分使用了 Courier New 字体使之更有命令行效果;两张截图重新截取了不带杂边的部分,并添加了灰色边框,用来保持视觉上跟文字的对齐;最后,细心的读者可能会发现我在第一小点处加入了硬换行,这里是写邮件的技巧了,考虑目前大部分人的屏幕比较宽,如果一行过长,那么收件人左右看过去会很累,不过当做颈椎锻炼也不错。

好了,上面只是一个简单的排版例子。通过这个例子可以看出,你只要能把握好对齐、间距、字体字号的关系,那么在文档排版上就算是入门了。至于其他的设计感,也是一样要靠平时的积累和思考,就像你看多了美女,也一样能一眼看出哪里没那么美。

培养设计师之眼,就是要培养审美,而审美是共通的。首先你要知道什么是美的,然后多用心观察尝试,就能创造出更美的。当你获得这项技能之后,就不会允许“粗制滥造”的东西从你的手里流出了。

最后,再次推荐这本《写给大家看的设计书》,学习排版技能只看前半部分即可。后半部分为字体设计,感兴趣的同学也可以了解一下。

此外,这本书当年的译者 @李盼 老师是知识平台 GitChat 的创始人之一,大家可以点击阅读原文去我的 GitChat 主页瞧瞧。

END

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-08-06,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 姬小光 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档