2015.11.28

软件视觉设计进阶的4条原则

自我成长·设计·产品

在我看来，如果产品丑，功能再牛逼，我也瞬间秒删，绝不姑息。

没有人愿意看丑的东西，可是丑的东西比比皆是（PPT，软件，玩具，建筑，服装等），几乎无法回避。无论功能与否，产品设计师永远都希望自己的产品美一点，再美一点。

视觉已经成为产品体验最为重要的一环，但是总是把它作为迭代的最后一个环节，就是希望功能Ok后再去优化视觉。等到那个时候，一切已晚，因为你可能都闯不过初学者这一关。理由很简单，就算学富五车，只要穿的衣衫褴褛，大多数人就会敬而远之。

关于美丑，仁者见仁，智者见智，如果非常掰扯个标准所以然，这个问题瞬间升华为哲学问题。我不要再哲学范畴咬文嚼字，我只是把产品设计过程中会对美的认知及方面主要影响简单总结一下：

美跟审美对象有关：江河湖海一定和锅碗瓢盆不同

美跟审美主体有关：张三李四和啊猫啊狗感受也不同

美的感知跟时代有关：西施和维秘大不同

这件事有多复杂，就不解释了，用一句话总结一下“美的路上坑满地，懂得越多越害怕”

大公司预算充沛，可以雇佣视觉专家，行业高手去解决问题，但是对于Startup团队如何在最小成本的范围内搞定视觉这件事，十分有趣。

我们根据产品设计经验，总结了4个用来指导我们设计的视觉原则，无论是桌面产品手机app还是ppt，目的是为了提高产品开发效率和产品使用效率，而非仅是创造美：

第一原则：慎用颜色** **

比如app，你需要给软件设计一个Color Scheme，包括前景背景字体浮层logo等用最少的颜色种类，如果总量超过5种，基本上就有麻烦了....一方面你驾驭起来会出错，另外一方面五颜六色会让使用者眼花缭乱错失重点。还有，大多数工具软件和PPT还轮不到你发挥艺术造诣去使用过多的颜色，3种颜色足以满足很多应用场合。

第二原则：对齐

文字要对齐，图形要对齐，比如锤子手机的九宫格，ZARKER的导航页面，不仅对齐还要比重对称比例适中。对齐带来价值不言而喻，不信就看看打麻将时手里的那副牌，码的齐齐的，从形式到内容。

第三原则：合适且统一的字体

不同字体是有不同用途的，有着不同的个性和使命，每个字体设计师都希望自己的字体用于合适的场所而不是到处都是。现在很多设计滥用字体，完全不考虑字体使用的目的。比如Helvetica字体间距较密，适合高速公路指示牌，封面标题等。如果你要使用Helvetica作为正文字体，你需要调整字间距略微宽松一些，以确保阅读到舒适度。

当前App设计中，主流设计都会使用无衬线字体，如苹方，雅黑等，无论如何请远离宋体。西文字体可以选择Futura，Helvetica， Arial， Centry Gothic等都是不错选择。关于字体的书籍有很多，找一两本看一下，马上就掌握其中技巧。例如小林章《西文字体：字体的背景知识和实用方法》，国内还有很多字体铁粉，老罗就是其一，锤子的字体绝对讲究，有空可以去琢磨。

第四原则：留白

中国传统水墨画的最高技艺不是画，而是白。吴冠中的画凸显了这一点，充分利用白会给观者呼吸的空间，思考的余地。

原研哉有一本书专门讲《白》大家可以找机会去看，

App的平面空间本来就小，如果全部视觉元素堆满，给使用者的识别成本是非常之高的，请保持一个简约的心，删掉一半的文字和图标，去掉一半的颜色和装饰，你的软件可用性会大大提高。Web应用亦是如此。

** 以上4条原则不只是为了创造美，而是为了让产品或者作品的初学者能够迅速上手，迅速掌握要点，进而低成本的高频使用，兑现产品最大价值。**

绝大多数设计师和产品管理都不是美术和视觉科班出身，如果希望产品不断成功，就需要努力学习，何况视觉外包成本很高尤其是时间成本，我们通过学习和实践不断提高审美和评价方法，才可能在设计上有所突破，有几条经验供大家参考：

第一条：“视觉搞不好，因为看得少。”（援引腾讯用户体验设计组）

不看Dribble，不看PPlock，不看Flicker，不看展览不看书不看风景，希望依靠公司给的视觉规范以及我国可耻的美术教育体系打造出好看的界面.....洗洗睡吧

你需要做的大量的看，大量的看，大量的看，看别人的作品，把感觉好的设计保留下啦，记录自己的直觉和感受，积累积累再积累。

第二条：狂啃经典

《世界现代设计史》《世界平面设计史》《贡布里希－艺术的故事》《创造经典的沟通法则》《原研哉设计中的设计》….去看经典，经典的也就是基本的，前人高手总结好多实践的经验，学了就变成自己的。去和那些看经典人多交流，他们会让你用最高效的方式去学习经典。

第三条：从最基础的事情实践

提升视觉设计，要从最基本的事情做起，对于大多数人而言，愿意穿漂亮整洁的衣服，但是所写的PPT那色彩，那布局，那字体，那颜色，那逻辑....那种酸爽绝对可以让人吐断肠。

请相信你的直觉，世界上大多数人对美是有相似感官感受的，当你看到难看的视觉产品或者产品设计要求，请远离它，拒绝它，否定它.....如果迫于无奈一定要接受，也要争取一切可能的机会去分析它为何如此。我脑子始终记着乔布斯在遗失的访谈时提到微软抄袭苹果图形界面时说道“他们没有品味！”，时至今日，它有所进步，但是苹果相比，只有一声无奈地叹息。

感谢我们产品团队给我的无数启发和建议，让我们拥有了慎用颜色，留白，对齐，控制字体这样朴素而实用的原则，让我们有了一把尺子不断检视我们周遭的产品和心中的美好的设计。

有人认为严格遵循这样原则框架下的产品可能略显呆板单调，其实这样原则的灵活性，总比企业严格VI规定呆板的固定字体字号颜色和生硬的排版布局要好。其实它所释放的艺术创作的表达的空间也是巨大的，这让设计师们不断的思考和发挥。

尽管我我不是视觉设计师，但我不认为视觉设计是个黑盒子，我也不指望拥有什么神秘技能以及超凡的设计师设计产品，我只渴望中规中矩能够给使用者带来帮助的设计。

产品视觉设计用于没有终点和完美，我们需要做的就是不断的总结和学习别人优秀方法，成果以及思路，怀揣一颗谦卑的心，为我们可爱的初学者打造可用可爱的产品。