强烈推荐!设计之前我们应该做什么.pdfVIP

强烈推荐 ！设计之前我们应该做什么 很多做UI设计师开始设计前都有制作原型的习惯 ， 是万事开头难 ，打开原型设计软件之前 ，设计 师还需要耗费大量的经历在寻找灵感 ，思考框架 ，甚至在绘图本上涂抹很差时间。看看过来人是如 何开始他们的UX流程和原型设计的吧 ！ 从哪里开始UX设计流程 我会随手在我周围的每一个物体表面上涂鸦 ，记录下点滴的想法。不论是外卖菜单 ，还是办公室的 玻璃窗还是Mo leskine的笔记本 ，都是我记录想法的地方。 一切都是从头脑风暴开始的。当我刚刚开始设计产品的时候 ，我会先将脑中零散跳跃的词汇和一闪 而过的图画都列在本子上 ，之后 ，开始寻找它们的共同点和相似之处。对我而言 ，我更喜欢使用带 有方格的笔记本 ，因为它记录和绘图都更富有弹性 ，更加“响应式”。在这个阶段 ，完美往往不是我 所追求的 ，这些草图更多是给我自己来看的。 准备工作 在开始前 ，我一般会将所有关键点都列出来 ，将重点梳理出来。这个过程中 ，你 能会整理出一系 列的需求 ，而这些条目会在你开始绘制交互设计稿的时候帮你优化流程。 下面是Smashing Magaz ine所提供的建议 ： 如何使用便签在单个画板中探索多种不同交互和思路 1、将多种不同的交互记录在便签纸上 ，置于统一画板中 ，有规律地一次移除一张贴纸 ，然后 再扫描或者复印出来。 2、使用不同颜色的贴纸来代表不同的交互行为 ，这样会更系统。 3、如果一张便签还不够说明设计模型的细节的话 ，就在旁边加一张继续写。只有描述清楚 ， 才能审视清楚 ，了解细节 ，把控全局。 4 、如果交互细节描述简单 ，便签纸大了 ，那么 以用刀裁掉多余的部分 ，甚至 以根据布 局裁剪成合适的造型。尽量让画板看起来更合理 ，更清爽。 按照上面的方法 ，会制作出不同的原型设计稿。这些设计稿的基本框架是一样的 ，但标注交互细节 的贴纸不尽相同。 工具多多益善 工具就是你的设计军火库。我存在电脑和云端的工具和资源不计其数 ，好的工具能够缩短你的设计 过程 ，而合理搭配不同的工具会让你的设计如虎添翼 ，更快更优秀。 这只是我这几年整理的素材的一部分 ，并且我也逐渐离不开它们了。 当谈及设计线框图和原型所用的工具的时候 ，每个人习惯的工具和创作的手法都不尽相同 （在数字 艺术领域中 ，设计的手法从来都是多样化的 ！）。绘制草图用什么工具 ，搭配什么铅笔 ，使用PS还 是A I ，从来都没有死板的规定。重点在于 ，你喜欢用什么 ，你习惯用什么 ？ 做UI模板设计的朋友近期发布了几款多功能绘图模板和流程图模板 ，希望做UX和UI设计的朋友 以在它们的帮助下快速绘制线框图和交互设计稿。以下是我见过的比较喜欢的设计稿 ： 强大的iPho ne UI模板 当我需要制作一款移动端优先的UI设计的时候 ，我通常会使用这款iPho ne UI模板 （对应的 ，还 有A ndro id手机UI模板 ，A ndro id平板UI模板 ，W indows Pho ne UI模板和W indows 8 UI模板等全套 手绘模板 ）。 以下就是案例了 ： 这也是我最喜欢的组合 ，iPho ne UI模板和iPho ne流程图模板。 考虑到目前正在流行响应式设计 ，这个响应式设计绘图本也是我最近特别喜欢的东西 ： 低保真设计稿 这种低保真设计稿 以帮你快速完成线框图设计 ，当你和团队考虑完全之后 ，再挪到A ure、 O mnigraf f le或者InDesign这样的设计软件中去 ，然后展示给客户和合作伙伴看。 当你使用这样的低保真设计稿的时候 ，反而有机会更好地把控流程。 纸质原型 最好最快最粗糙的原型设计 能会用到你周围所有的东西 ，以达到最好的呈现。下图中的纸质智能 手表设计原型就设计的非常巧妙 ，手绘的手腕和手表上挖了个洞 ，不同的UI随着你的拉动会顺次出 现在“屏幕”上。不要拘束 ，也许你厨房的厨具、旧的数码设备 ，甚至于鞋盒都 以成为你设计的原 材料 ！ 你在的UX设计流程是怎样的 ？你会怎样制作UX原型 ？不妨与我们一同分享一下吧 ！ 原文地址 ：Medium 优设网翻译 ：@陈子木 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台