对UI设计的一些感悟

最近一直在做一个私人项目，从后端到前端，我一个人揽下了所有的活儿。 说实话，在这样一个高度分工化的社会，只凭一己之力去完成一个多人协作的事并不是明智之举。 且不说效率极其之低，就某些专业性很强的环节，我做出来的效果同那些专业人员相比也差的不是一点半点，比如UI设计。 所以，我奉劝那些即将要这么做的朋友最好是尽可能整合你周边所有能利用的资源来协助你完成一件事情，哪怕花点钱也是好的，毕竟这之后带来的收益是你意想不到的。 当然了，如果你是想通过一个项目来拓宽自己的知识面，让自己变得更全能一些的话就另当别论了。

一个人做项目，或多或少都会碰到自己的知识盲区（“大牛”们除外）。 拿我来说吧，我大概花了一周多的时间磕磕盼盼地绘制出一套原型图（mockup）。 这其中的感受可想而知，就好比一个有思想的人却无法很清晰地表达出自己的见解。 我并非有意在夸赞自己，仅仅是一个比如，大家理解就好。 这一周内，我看了很多设计从业者们的设计图，反复在自己拙劣的设计稿上修改，直到拿出一个先让自己说得过去的作品。 所以在此，我想记录下我在观看专业设计师的作品时所悟出的一些东西。 仅仅是一些较为肤浅的个人感受，并没有高深的理论和设计理念。

从我一个外行的角度来看，APP的UI设计大概是从主题颜色，UI布局以及用户体验（这是我目前能想到的几个方面）来考虑。

看得多了之后，给我的第一感受就是不管什么产品的UI，基本上会有一到两种能给人带来视觉冲击的“主颜色”（本人生造的词，无关于专业概念）。 这些颜色一般都是比较偏暖偏亮（比如红色、橘红），它们会在一个页面中占据相对较高的比例。 这样做的目的，我想包括这两点：

1. 利用颜色带来的视觉冲击使整个页面看上去层次鲜明，立体感强。
2. 通过这些主旨色调来突出页面中的重要内容，引导用户交互。

究竟是使用亮色系还是暗色系，这取决于你对产品的理解和定位，以及个人喜好，可能也会受决策者的性格所影响。 比如，对于性格内敛、行事低调的人来说，可能会觉得蓝色系是个不错的选择。 出于个人喜好，我则采用了蓝色系（颜色编码#4682B4）作为主色调，并辅以红色系（颜色编码#DD797D）。

关于UI布局这块，涉及的内容比较多，也比较细。 我可能更多地是从数学几何的角度来看待这个问题， 比如对称、等比划分、黄金分割等。 说白了，一个UI页面就是一个三维坐标系，所谓UI布局就是把你要摆放的东西放到相应的坐标上。 说来简单，但实际做的时候又非常的考究。 就拿对称来说吧，就要考虑轴对称（是上下对称，还是左右对称，或者兼而有之）和中心对称。 “内容块”的间距既要考虑同层次的横向间距，还要不同内容间的纵向间距。 另外，间距的大小还要参考“内容块”本身的长宽。 如果间距太大，就会显得“内容块”太小，反之，就会显得过大。 这之间的比例需要拿捏恰当，至少肉眼看上去要很舒服。 这是同层次的横向分布，对于纵向布局，则需要避免“头重脚轻”或者“头轻脚重”。 当然，如果不同内容间实行等比分配（块大小相同）的话，可能会显得有些呆板，同时也划不出重点。 此外，对于字体的设计既要保证易读，又不会显得很突兀、甚至喧宾夺主。 就我个人而言，我觉得这块是UI设计的一个细致活，很考验功底。鉴于我是个外行，也没法深入探讨，就到此为止吧。

最后简单地谈下用户体验，这也是我此次项目深有体会的一点。 其实，前面说的两点已经是在提升用户体验了，这里就谈谈用户行为吧。 一款产品花那么大心思和精力去设计，无非是为了让成千上万的用户去使用，在为用户提供便捷的同时也为自己带来收益。 如果没有好的用户体验，可能也就不会有太多用户愿意买账，除非你经营的是一家寡头企业。 从UI设计角度来说，除了产品在视觉上让用户很享受外，还要考虑产品的易用性。 比方说，惯用手问题，针对手机的单手操作问题等等。 要解决这些问题，可能就需要我们去仔细思考按钮以及表单的布局， 甚至还可能需要加入一些手势操作。 另外，还要考虑用户的心理，比如在迫不得已需要长时间加载数据的情况下，如何将等待界面设计的活泼有趣以减缓用户内心的烦躁。 当然，这些都是产品设计所应考虑到的基本情形，对于更深层次的内容也非我目前能探讨的来的。

以上大概就是我在这个项目中关于产品设计的一些理解和体会吧。 请原谅我的泛泛而谈，可能有些地方也因想的太多以至偏离设计主旨。 总之，我们挖空心思地去设计一款产品，无非是为了迎合大众的需求，在理想与现实之间总要去做一个平衡。

但愿今后我能在这个领域可以走的更远一些，谨以此文作为原动力。