专业技能 > Photoshop
+

产品设计流程十四招(3)

2014/10/22    作者:    来源:网络文摘    阅读:750

产品设计流程四部分十四招3

C、后期处理(设计规范)

  终于接近尾声了,最后一个部分是创建设计规范,检查并确保视觉的一致性。事实证明,这一环节是项目中极为重要的一个部分,不论项目是大是小。在大型项目中,如果要改变某些组件的属性,通常我是无法100%确定是不是把所有相关组件都改过来了。有了设计准则之后,我们就能确保UI中不会出现50种不同浓淡的灰色和14种不同尺寸的字体。

10 色彩规范

  做好色彩规范是我谨记的第一要务。在扁平化设计风行的今天,我们终于可以尽可能少地为按钮和文本设定色彩规格。你可以在PSD中创建类似Photoshop调色版一样的色彩规范图。

产品设计流程十四招

11、版式规范

  另一个重要规范就是版式和字体的规范。将每个组件所涉及的字体、字号、粗细、字距、行距等等都明确地标识在PSD中,这将极大地减轻设计师和开发者在规范化上的负担。

产品设计流程十四招

12、UI Kit

  当讨论APP与网站的一致性的时候,UI Kit就显得极为重要了。同时,如果你身处设计师团队中或者与前端工程师协作的时候,UI Kit一样是不可或缺的。有了这份标准化的文档,设计师可以随时随地的抓取UI元素创建新的界面,而前端工程师也能清晰地了解每个UI元素的样式,不用隔三差五跑来问设计师了 。

  值得注意的是,很多大公司依然未曾注意产品的UI元素统一性的问题,CSS样式一次又一次地重写,你会发现同一个按钮在三个不同程序中有三种截然不同的说明,甚至截然不同的样式。因此,千万不要忘记保持一致性。

D、效率技巧

13、todo

  我保持一切井井有条的秘诀在于使用 todo list。使用什么样的APP并不重要,重要的是执行。我喜欢Cultured Code出品的效率工具Things,偶尔也喜欢用纸张记录各种待办事项。完成所有代办事项的感觉非常棒。我曾经沉迷于接手所有发送到我收件箱的项目,但是现在我才发现,最畅快的还是一次专注于1-2个项目,并且100%地完成它们之后,再开始新的项目,这比起同时奋斗5个不同项目来的更加高效靠谱。

  “如果你同时追两只兔子,你将空手而归。”——Russian Proverb

14、目标

  明确自己的目标是挺好的,但是千万不要受到它的束缚。我会给自己做两周内的计划(就像短跑),并定下季度目标。同时,我会让自己尝试新的事务,并设定可达成的目标(比如使用AE做自己的第一个动画),并同时不断完善手头的项目直至完成(例如完成2个Behance案例研究)。

还有什么?

  我不用鼠标,只用触控板,并且学会了所有的快捷键。我使用Skala Preview将Photoshop上的显示内容输出到iPhone上。目前我还在学习AE和Sketch。创建原型的时候,我使用InVision来处理网页设计的项目,而iOS程序则使用最新的MarvelAPP来应对。对我而言,使用纸笔设计UI比在iPhone上拖拽来的更快。有时候我依然会用PopApp来创建早期原型。

最后几句话

  让我严格依照上面的流程来处理每一个项目的确不现实,因为有的项目一开始就有思路和想法,我会跳过上面的某些流程直接开工。

  在我曾经工作的公司里,我从未体验过真正的信息反馈。设计师能从用户测试和信息反馈中了解更多并从中受益,这些信息能促使他们思考新项目,完善老项目。尤其是在用户测试的环节,设计师收到的反馈会刷新它们对于产品本身的认知,因为他们终将发现,很多普通用户压根不会按照设计师的设计来使用APP。

  • 相关文章
  • 热门文章
免责申明:天天CAD教程网旨在相互学习交流,是一个完全免费的网站,部分原创作品,欢迎转载,部分内容来自互联网,如果侵犯了您的权利请尽快通知我们!邮箱:qm198794@gmail.com天天CAD教程网湘ICP备17006802号
【回到顶部】