设计师
设计师解读完整的交互设计流程是怎样的
初学交互设计的新人，因为没有做过任何的设计项目，所以不知道整个交互设计师的工作流程会有哪些内容，今天这篇文章请了专业科班出身的设计师来科普他们在实际项目中的工作流程，强烈建议阅读。Spell：先说下我的背景吧。我是国内软件工程本科+美国UW HCDE master，现在在硅谷做用户体验设计并且教用户体验课程。在这里我想给出我负责的几个项目里所用到的流程，这些也是我教给学生的流程。我自己教课的经验以及我和其他教授讨论的结果就是，About Face在北美各大最顶尖的交互设计/HCI院校都是学生的必读物不假，但是教授在启发学生真正去做项目的时候，往往会告知他们：1. 这些步骤并不是每步都是必须的，要根据项目去分析你所使用的方法2. 这个过程中每一步都是和用户相关的，切莫主观臆断。所以其实业界对于方法论的认识，和学术界是有偏差的，业界的步骤可以被总结为：1. 认识产品所要解决的问题像我以及众大神们经常强调的一样，交互设计的初衷就是解决用户的问题。不论设计什么产品，能够被用户认可的途径只有这个产品解决了他们生活中的一个问题。交互设计的第一步，不论是对成熟产品还是初创产品都一样，就是定义这个设计到底要解决用户的什么问题。像之前很多人提到的一样，这一步的做法有：用户访谈，实地考察，发放问卷等等。这一步可以说是整个流程中最核心的一步。
让设计师更好与产品团队合作的10个技术知识
如果作为设计师的你已经下定决心，要加入一个真正的产品团队，那么懂一点技术相关的知识绝对是加分项，不如今天就从最基础的开发模式起步吧。“敏捷开发”(agile)是一个行业专用术语，它常常出现在雇主和招聘人员口中。而对没有在软件工程领域工作过的设计师来说，恐怕很难理解这到底是什么意思。所以有意往软件工程领域发展的设计师，你可能需要了解什么是敏捷开发。作为一个网页设计师，下面分享下我眼中的“敏捷”设计方法。这不是一篇全面的设计指南，也不是什么关于“scrum”或“agile”的不二真理，但如果你正在准备参加一个互联网产品或软件的面试，本文可以帮你建立一些基本的认知。我会就“敏捷开发”是什么、如何运作来做介绍，当然也包括其他相关术语，如“产品需求池”、“迭代需求列表”、“每日Scrum Meeting”以及“潜在可交付产品增量”等概念。当我们谈论“敏捷开发”时，我们在谈什么?在2001年的一次软件开发者的团体讨论中，“敏捷开发(Agile)”一词首次出现。他们一致认同需要一种全新的工作流程，并为此设立了12条原则，将之整合为一份宣言。这份关于敏捷开发的宣言描述了一种工作流程、一种方法论。敏捷开发下图演示了一个敏捷开发的典型过程，在一系列的“sprints”中完成(不知道“sprints”是什么?点击查看《谷歌内部方法!快速做创新设计并验证的DESIGN SPRINT》。
设计师必须要学会的4个沟通方法
一般情况下，对设计一窍不通的客户和设计师交流起来，总会感到有些吃力。因为当你想找设计师时，要么对视觉风格没有概念，要么没想好自己要什么。这都会让你和设计师双方感到步履维艰。看到这里的你，是不是也感同身受?所以接下来，让我们来拆解一些设计过程中常发生的对话，帮助你避免和设计师们沟通失败again。1. 给予明确的创意方向对话一：你说：“我看到成品就知道是不是我想要的了。”设计师听到的：“ 先创造点东西出来吧，然后我就知道‘这TM根本不是我想要的’了。”你会不给建筑师任何资料，就让他凭空帮你建造房屋吧?当然不会!虽然说，如果建筑设计师无需任何提示就能设计出你的梦想房屋很棒，但这些天才设计师根本就不知道，你究竟是需要五间卧室?至少两间半浴室?还有一个能停放三辆车的车库?Balabalabala……缺少这些关键信息的话，可是会大幅影响设计进度，让你永远无法搬进新家了哦。这就是问题的关键：设计师的职责是解决问题。如果你想让他们帮你解决问题，那就需要你清晰地阐述问题，以便让设计师用更好的方法去解决它们。比如：你想通过最后的设计达到什么特定的目的?或者，这些目的的优先级是什么?为了加快设计进程与明确方向，你也可以提供给设计师相应的设计说明书。比如：对于印刷品，你应该规定纸张大小，颜色样式，出血限制和适用的文件格式;对于网页设计，你应该提供像素大小，适用的文件格式和文件大小限制;
新手成长为高级设计师要经历的三个阶段
本人有幸能观摩了2016年上半年腾讯设计通道的晋升过程，受益匪浅。经过亲眼观察设计大神们的评审，不禁反思自己平常的设计过程中不足之处，本文为现场笔记整理，分享以共勉之。注：D族通道是指“Tencent Design腾讯设计通道”，设计通道成立于2006年，隶属于腾讯职业发展通道设计族(简称TDCP or D族)，致力于腾讯设计专业培养及公司设计氛围提升。日常主要工作包括助力员工通道晋级(制定晋级标准、组织晋级培训、认证培训课程)、促进设计骨干交流(组织外部考察、课题沙龙、设计峰会)、组织专业深度专业培训(专家课程、大师课程、腾讯学院课程)、传播设计文化(设计展、设计公益日、设计论坛)等，并积累建立起通道数据中心，服务于公司各项设计相关工作。腾讯设计通道是助力设计师成长的重要平台，在2016年9月举办了第一届TDW(腾讯设计周)，为设计师提供一个分享行业趋势，相互交流和提升的平台。台上一分钟，台下十年功，通过这次经历让我觉得平常的积累和思考才是最重要的，“高级”是对设计师能力的一种认可和肯定，但是更重要的是能够真正将高级设计师的水准和能力在平常的工作中体现出来，为团队带来价值。古人说，有三种境界：看山是山，看山不是山，看山还是山。经过这次评审，收获最大的莫过于对于这句话的理解。抬起头，从画稿的过程中释放出来，换个角度看待自己的工作，喃喃地问自己一句：设计的本质是什么?每个人心里的答案都可能不一样，包括我自己。第一层：设计的壳设计的壳－我们的设计作品笔记1：有的面试者在阐述方案时讲了很多自己的想法，可是在方案中没有看到太独特的创新性，评委就会提问并且希望看到能够体现创新的Demo，平常的设计中也需要注意这一点，好的设计需要创新，而Demo是相对好的表达方法，能够熟练运用动画软件制作Demo应该是设计师的必备技能。笔记2：在公司有很多团队都在尝试新产品的研发，有的成功了，有的很快就死掉，如果做一个新项目，不仅仅只是考虑它的拉新，应该在产品框架和设计亮点上多多考虑它的留存和活跃策略。在日常设计中，我相信每个设计师都有这个阶段。从新手设计师到能够熟练的完成交给我们的需求任务，我们沾沾自喜的是无比纯熟地完成一项设计任务。对，保留主谓宾，“我们完成任务”，而不是“我们完成设计”。
详细解析UI设计师如何设计最常见的关闭按钮
读完这篇文章你将会了解到：关闭按钮「x」的设计历史「x」设计的注意事项关闭按钮设计的最佳案例「x」图标在应用中是一个非常常见的交互暗示，可以将烦人的弹窗从内容上进行关闭。无论是模态，对话框还是弹出窗口，都是内容交互中必要的操作元素，我们只需要建立合理的退出方式就好。视觉设计在ux通用设计模式中「退出」(e-x-iting)是非常简单的，你们看到我在 exiting 这个单词中刻意突出了「x」。「x」这个符号的历史可以追溯到20世纪70年代的计算机设计语言，它第一次出现可能是在 Atari TOS(译者注：Atari TOS是雅达利电脑操作系统，在1993年就停产了)菜单中，「x」是退出的命令。它后来被「NeXT」所使用，它为 Windows 的设计带来了灵感，并在1995年随着 Windows 全球大规模的使用而成为关闭的标准符号。讲这段历史，目的是为了说明，没有必要重新造轮子，使用全世界每个人都能懂的符号更为合适。
UI设计师需要学习的保存功能设计总结
保存是后台产品中很通用的操作，它司空见惯到我们误认为保存一般不会有体验上的问题。但笔者在工作中观察发现：即使再通用，用户也可能会在保存功能上遇到疑惑，甚至忽略了它的存在。这是为什么呢?保存功能应该如何设计呢?我想分享一下我的一些经验。围绕保存，我觉得从机制上来分解，可以从手动保存、自动保存、保存兜底三个维度递进思考，最终找到合理的保存设计方式。一、手动保存手动保存，即依赖用户做额外操作才可以达成的保存行为。此类保存，我们往往依赖保存按钮。我会从保存按钮的位置个数，对齐方式和视觉样式来讨论如何设计它。1. 保存按钮的位置保存按钮一般位于内容的下方，因为用户一般从页面上到下确认完内容后再进行保存。这也符合用户浏览路径方便点击。 如果配置内容较短，保存按钮一般紧跟内容，用户更容易发现。但如果表单内容过长且超过一屏，保存按钮还紧跟内容的话它就不会在第一屏展现。此时用户必须把页面滑动到底部才可发现按钮。首次填写表单的话还好，但日后只对某几项内容修改的时候，用户就很容易忽略按钮。而且即使用户意识到保存按钮在底部，操作效率也是比较低的。
设计师详解电商设计中的极简设计知识
写在前面：电子商务经过了几年的发展已经逐渐成熟，并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了，而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展，更加重视产品的品质而进化的。目录1.极致的版式1.1对齐——最基础但也最重要1.2对比——让画面不再平凡1.3有“气质”的留白2.精致的颜色2.1让设计快速出“彩”的方法
UI设计师&插画设计师必须要收藏的PS笔刷大全
看插画视频教程学习时发现很多求笔刷的弹幕，也有同学在网上高价求购笔刷，并且手绘已经成为了UI设计师的必备技能之一。但是网上笔刷种类很多，不利于选择，所以收集了一些非常好用的笔刷分享给各位UI设计师&插画师，希望这篇文章可以解决这些同学的问题。(由于版权问题，本文不提供打包下载，需要的同学请百度/购买/到原作者微博下载)关于笔刷很多优秀的插画师会说笔刷不重要，传说中的「19号画笔」就可以画出自己想要的效果，有的插画师也会选择自己制作笔刷，但是对于大部分的UI设计师或者插画爱好者来说，使用一些已经制作好的各类风格笔刷有助于提高绘画效率，快速出图。关于软件使用 photoshop 画图的同学推荐使用CC 2018及以后的版本，Adobe 在2018版本加入了笔刷分组和画笔平滑(SAI 的防抖)功能，可以更好进行笔刷整理，以及适合手抖的同学。另外，在2019版本还内置了色轮功能。笔刷推荐下面推荐三组笔刷，基本上涵盖了大家看到的大部分手绘风格的笔刷，可以根据自己的需要去下载使用。1. Kyle T. Webster笔刷在油管上的插画教程里，你会发现很多插画师都是用的Kyle开头的笔刷，没错，就是 Kyle T. Webster 笔刷。其实国外大一部分插画师都是使用 Kyle T. Webster 笔刷，因为这套笔刷真的非常好用。以前这套笔刷需要付费购买，现在被 Adobe 公司收购了，免费提供给 Adobe Photoshop CC 订阅用户使用。
