《APP的产品设计14招》.pdfVIP

APP的产品设计14招 在产品设计上我一直沿用相同的设计流程，不过在我看来，它可能确实接近于理想的状态。 我将这些技巧划分为四个部分：预处理、工作过程、后期处理以及效率技巧。下面让我为你 一一道来。 A、预处理 1、绘制草图 绘制草图其实没那么多讲究，用一张纸还是一个本子都无所谓，哪怕是手边的一份传单都没 问题，最重要的是要将脑海中的想法诉诸笔头，记录下来。只有画出来，才能真正记住它们， 不被遗忘。因此，我们可能需要保存一堆记录着点滴灵感的报纸、账单、杂志封面甚至餐巾 纸（笑）。 灵感的草稿本 不过对我而言，最理想的载体还是实实在在的东西，比如Moleskine的笔记本。我特别喜 欢时不时翻看我记录在其中的想法和灵感。如此，我便可以回顾曾经的想法，并借此调整甚 至重塑此刻手头项目的设计思路，或者延伸出更多的想法。 2、搜集图片 “艺术家是收藏者，而非囤积者。要知道，这两者有个区别：囤积者会无选择地收纳，而艺术家则选择性 地收藏。艺术家只会搜集自己真正热爱的东西。”——Austin Kleon 《像艺术家一样偷窃》 预处理的第二个阶段是搜集图片，这也是我每天都做的事情。数以百计的风格，成千上万的 图片充斥网络，但是我特别喜欢的还是老派的风格。我会在Dropbox中为这些图片分门别 类（Dashboard、iOS、插画，等等）。当我拿到需求或开始项目的时候，会通过这些图片 来寻找灵感。Dropbox会预先同步好所有图片内容，因此无需联网你就可以随时随地查看 它们。（另外，小编也一如既往的推荐国内人气设计师网址导航：/ 里面有全球最赞的12个图库资源） 3、Moonboard与准备工作 我们可以通过很多网站获取灵感——Dribbble、Behance、Pttrns、Pinterest等等，我们 常常可以从中找到别人做的类似项目。此外，也许别人正在试图解决与你相同的问题，因此， 你也可能从中受益。 做好Moodboard很有必要。 什么是Moodboard？Moodboard是指经由对使用对象与产品认知的色彩，影像，数字资 产或其它材料的收集，可以引起某些情绪反应，作为设计方向与形式的参考。 当我开始一个新项目的时候，我总会准备一个文件夹来收纳相关信息，PSD、截图、灵感以 及资源各一个文件夹。其中，名为灵感的文件夹中收纳着我从网上搜集的、与项目相关的所 有的文件，用以激发我的灵感，这就是我的Moodboard。 这个文件夹里面应该包含从基础色版，到Behance上完整的案例研究等各种类型的信息。 如果这是一个涉及用户信息的APP，那么你还应该有吸引人的人物照片。有时候我用不到 这个文件夹，当然，那是另外一种情况了。 B、工作过程 4、我不在意线框图的质量 我并不是那种花费半年来打磨线框图原型的人。如果客户能预先准备了线框图那就最好了。 好的客户会在准备好自己的想法和思路，甚至会画在纸上。用线框图原型举例，并不是想说 它，我只是强调深入理解产品本身非常重要。你的UI/UX技能、想要表达的想法与你本身 才是决定最终产品的因素。借助线框图，你可以了解客户的想法，弄清楚需要几屏来构成整 个应用。借此，你也会更加了解应用本身。 有一种情况绝对是设计师的噩梦：客户希望将线框图1:1地输出成最终产品，分毫不改。客 户您好，您是猴子请来的逗比么？这哪里是设计师干的事情啊？所以，当你碰到这样的项目 的时候，尽快搞定，然后像博尔特一样奔跑着远离这个项目，划清界限。 5、大尺寸PSD背景 7个月前我刚开始在Badoo工作时，看到同事Sasha的工作过程时就在想，这哥们恐怕完 全不明白Photoshop是怎么工作的吧？不过现在我正准备用他的方式来作图，因为这种模 式更对我的胃口：当你正在做一整个APP或者信息量较大的Dashboard的时候，使用大 尺寸背景能更好地设计界面。 在创建新的PSD文件时，我基本上会将背景设置成8000×5000像素的大小。要知道，我不 仅仅只是创建一套UIkit，在大背景下工作时我能看到每一个元素相互之间的搭配，体会每 一个界面状态的差别。此外，用这种方式来设计，还可以非常轻易地截取小图或某一状态/ 阶段下的产品图片给开发者。 6、用一个PSD收纳所有界面 当我做一个普通的APP界面的时候，我也会用到其他APP的UI界面。这个时候，我更喜 欢其他所有的界面都存在于一个PSD中，即使它们不是同一个产品的。 我很清楚，这种情况下先用Sketch会很有帮助，但是我更喜欢使用Photoshop，并将大 量不同UI的源文件置于一个PSD当中，而非几十个单独文件。如此一来，我可以直接快速 地从一个UI中选择图层拖放到