这是我第一篇 HMI 系列的文章，对于车载的热爱，我的想法就是多去分享一些行业知识，接下来让我们一起追光吧 ～

拓展阅读：

写给新人的车载 HMI 设计入门指南 汽车 HMI 是怎样的领域？

阅读文章 >

前言 “少即是多”是经常挂在嘴边的话题，在设计过程中，设计师们都会想尽一切办法去简化交互流程、组件元素及各种设计属性，让用户使用起来更简单。当产品简化到一定程度，就必须要面对其不可简化的复杂性。

诺曼曾说过 “复杂是世界的一部分，但它不应该令人困惑 ”，如果复杂性是合理的，我们应该学会如何去管理复杂，考虑好复杂的问题在流向用户后以何种方式处理，筛选控件就是用户自行处理复杂信息的方式之一，只要是符合用户行为做出的设计，将应有的复杂以筛选的形式呈现给用户，让其自行决定，用户反而会乐意接受。

筛选控件的使用频率非常高，本文根据笔者对各类筛选控件的拆解及自身经验进行总结，整理了在移动端中常用筛选控件的类型、使用场景以及设计思路，帮助大家在设计中选择适合自己产品的 筛选控件 。

拓展阅读：

用一篇超全面的文章，帮你掌握B端系统筛选控件的知识点 最近的工作一直在和筛选打交道，为公司 B 端系统做了一次设计调整，去解决目前系统中筛选功能交互繁琐的问题。

阅读文章 >

现实生活中的筛选 在日常生活中，我们天天都在跟筛选打交道。设想一下，当你走进超市，在没有任何分类指示的情况下，看到琳琅满目的商品是否会不知所措，答案是肯定的，且不论超市规模大小、商品的多少，相信没有任何一个人愿意在不清楚的情况下花时间去找一个很可能不存在的商品，即便这点时间会很短。

道理还没说完，大家都感觉自己很懂，可依然逃脱不了如今在各种形形色色的应用中找不到自己需要的功能而苦恼，那么这些应用又是谁设计的呢？答案就是「大多数人」。

换言之，如果我们能通过标识牌、平面图指引（模糊查找），询问服务员、记忆指引（精准查找），就容易很多，这些指引路径就完全充当了 筛选功能 ，至于通过什么方式，只能根据人们自身或现场条件自行选择，能满足自己的需求即可。在功能繁多、交互流程复杂的互联网产品中也是如此。

筛选功能的重要性 1. 筛选的定义

在我们设计筛选控件之前，需要清楚了解什么是筛选，东施效颦不是什么明智之举。筛选，即用户根据自身需求、通过一个或多个特定条件，在已有的内容中快速找到满足自己当前条件的信息，单独呈现的同时、并将未满足条件的信息暂时作隐藏处理，以便用户完成自己的目标需求。

筛选也可以称之为过滤器，是搜索框架的一部分。这里需要说明一点，筛选不同于搜索，它是系统结合用户提出的条件，对内容进行规则性的查找，准确的说，用户属于被动，筛选出的结果在产品侧「精准」、用户侧「模糊」；而搜索则是用户通过明确的目标主动进行精准查找，要么直接找到自己想要的结果，要么对结果不满意，搜索出的结果在产品侧「模糊」，用户侧需要「精准」。说直接点就是，搜索直接查找出结果，筛选只是缩小查找范围（并非绝对，也可以对搜索结果缩小范围）。

2. 为什么要使用筛选

在电商应用中，如果有目标的用户更多使用的是搜索，那么没有目标的用户更多使用的则是系统推荐或商品分类，不管是哪种类型的用户，前面虽然已经进行过一次范围缩减，但下一步还是逃不掉要面对的海量商品，这时，不给用户提供选择上的便利，用户很可能因浏览商品耗时过长、选择性困难等原因扭头就走，即便离转化仅一步之遥，也无法避免用户流失的问题。

增加筛选功能就能很好解决这个困局，用户通过筛选、设置接近于目标需求的条件，缩短查找路径，就能从海量的商品信息中快速找到符合条件的内容，大大降低了用户的查找成本，节省了很多查找时间，用户体验得到很大程度的提升，由此可见，为什么要使用筛选，不言而喻。

3. 什么时候使用筛选

1）系统定义筛选需求

方向性的筛选：用户通过系统提供的多种类型进行频道切换，还会存在多少子级，可定义为一级筛选。例如订单列表（待支付/待发货/待收货/待评价），优惠券（未使用/已使用/已过期）等，用户从已有的类型列表中选择自己所需。

2）用户自定义筛选需求

精细化筛选：当系统已提供方向性的筛选，用户依然可从分类筛选出的结果中进一步细化。例如针对单个类型的商品列表自定义价格区间、发货地、品牌…等，也可称之为二级次筛选，相比一级筛选，其筛选的结果会更精细化，也更接近于用户的真实需求。

（PS：系统定义筛选条件后，配合用户自定义二次筛选条件以及排序功能，则更容易满足用户需求）

常见的筛选样式 1. Tab 筛选

Tab 式筛选条件大部分在操作前、操作中、操作后基本都会一直显示，有横向 Tab 和纵向 Tab 两种，如新闻、视频类型的应用大多使用横向 Tab，通过将不同的内容以大的方向、区块进行分类，便于用户随时切换、筛选出不同的内容；纵向 Tab 更多则是在电商类应用中出现，且会存在多个子级，例如我们在京东购买「鼠标」，则需要在 tab 分类中依次找到「电脑办公>外设产品>鼠标」进行筛选。

Tab 类型主要以大的维度进行筛选，所筛选出的结果可能模糊且信息量极大，如果想要结果更加精准，则需配备其他类型的控件进行二次筛选。

2. 弹窗式筛选

操作中以蒙层的方式弹出，其他时候均为隐藏状态。弹窗类型的筛选最大的优点是占用空间小，仅需一个入口，能在有限的弹出空间中从多个维度展示筛选条件，用户选中或自定义对应的筛选项，即可快速筛选出自己想要的信息。

3. 折叠式筛选

介于 Tab 式与弹窗式之间，筛选条件初始为隐藏状态并提供一个入口。点击后展开，期间不影响当前页面的任何其他操作且一直处于展示状态，需经过再次点击才会将筛选条件隐藏。

4. 高级筛选

基于自定义筛选条件过多，为满足用户个性化需求，点击后会跳转到新页面操作多个条件进行筛选。相比前面提到的 Tab、弹窗更为复杂，对筛选的要求较高。

高级筛选适合用在颗粒度很细的场景，为的是避开其他视觉元素的干扰，让用户更专注于当前页面较为复杂的筛选条件，降低因受其他因素影响而出错的情况。例如：在选择汽车时，需要对服务、价格、级别、排量…等各种情况作出非常细致的选择，这时用高级筛选就再合适不过。

5. 筛选、排序组合

筛选、排序组合方式算是商品列表中的标配了，尤其在空间资源有限的移动端设备中，能最大化的将多个控制条件一次性展示给用户，在筛选出结果后再使用排序功能，便于更快找到想要的商品。例如美团、饿了么将筛选与排序控件形成组合，极大的提高了用户筛选的效率。

筛选的几个维度 1. 单维度

单维度的筛选不管是设计还是操作都相对简单，无需操作确定/下一步按钮，触发筛选条件后会就会更新信息列表，大家最熟悉的订单系统（待支付、待发货、待收货…）即是单维度筛选。

另外，单维度具备短、明、快的特点，为方便用户识别，单个标签一般不超过 5 个文字，且语义明确，用户不用任何思考就能快速理解。

2. 多维度

当产品中的属性过多，使用单维度筛选不仅会降低筛选结果的精准度，还可能会导致用户因反复/重复无用的操作而产生挫败感，已无法满足用户的需求。这时，需采用多维度筛选帮助用户缩小查找范围，让其快速找到符合自己需求的内容。

多维度筛选条件一般以按钮（单选/多选）、输入框为主，有些还会以滑块来控制数据范围。设定好筛选条件需通过重置、确认操作按钮，用来清空筛选条件或进入下一步。在移动端，因屏幕空间有限，一级筛选数量最好不要超过 9 个，如果太多，建议进行整合或并入二级筛选。

3. 多等级（单维度/多维度）

在多级筛选控件中，可以把当前筛选条件的上一级看成是筛选分类菜单，每个等级中可包含一个或多个单维度/多维度的筛选条件，移动端最多不超过 3 个等级。

从表面看，多级筛选与多维度筛选的本质是一样的，但多级筛选会存在下一级或再下一级，而多维度会将所有筛选条件平铺在空间中。当单维度、多维度筛选还是无法满足用户需求，多等级就能作为最好的延伸。

筛选功能设计准则 1. 迎合用户需求

在设计筛选之前，需要思考用户为什么要使用筛选、在什么样的场景下使用筛选、以及如何满足用户的心理预期等，有了清晰的用户需求，设计出来的筛选才能更好的帮助用户满足其需求。

以「饿了么」用户点餐为例，使用点餐服务的用户类型虽然很多，不过主力还是来自于办公室白领、宅男/女这两大用户群体，有目标的用户会从搜索、收藏、订单记录等入口直接去购买，但绝大多数用户因长期点外卖的原因，“吃什么”就成了最大的问题，这时如果用户还要“吃”，就必须得使用筛选功能，从 Tab 分类（模糊）到弹窗式筛选（精准）再配合排序功能满足自己的点餐需求，得出结论：

一群不知道“吃什么”的白领、宅男/女用户； 需要使用筛选功能解决自己“吃什么”的问题； 问题很快得到解决后，对结果及使用体验非常满意。

上面的案例可以看出，用户想要在海量的信息中找到自身所需，从表面上看，最直接、真实的需求就是找到满意的商品去下单。站在产品的角度并非如此，最应该解决的应该是效率的问题，这才是筛选的终极目标，不管用户花多长时间，笔者相信都能找到想要的，但所花费的时间成本越少，满意度就会越高，其产品的可信度、使用粘性、用户体验也随之提升。

2. 不同产品不同对待

筛选并非千篇一律，不要一上场就来一波大众化的筛选条件，很多 APP 首页设计就是最好的例子，什么都不考虑，直接导航栏+轮播图+金刚区+内容推荐…传统的一套流程走下来，结果可想而知。

设计筛选功能时，不同类型的产品需要根据其产品定位、用户目标以及使用场景来定义筛选条件，用户需求是用来设定筛选条件范围的决定因素。例如：购物类产品需要结合商品的销量、评价、价格及知名度等，而新闻类产品侧重于用户偏好、点赞量、热度值来提供筛选，方便用户快速找到感兴趣的内容。

3. 根据需求排列优先级

在满足上述两个条件后也不能将筛选项一股脑的挨个排出来，即便是在同一个页面内，也需要结合当前内容的属性对筛选条件进行优先级排序，将用户高频使用的条件按先后顺序依次排列，不重要的也可将其隐藏于某个入口。以淘宝为例，在「手机」商品列表，筛选条件中首先看到的是品牌，其次是内存、容量…，我相信很少人不在乎手机品牌吧；而在「钢钉」列表中，依次是价格排序、销量…，品牌条件隐藏在了高级筛选中，试问，如果是你购买钉子这种实用性的商品，是在乎价格、还是品牌呢？

总结 筛选功能旨在满足用户查找需求，通过缩短用户选择商品的范围，节约查找时间，快速将符合条件的信息呈现出来，并让用户在这一过程中产生愉悦的使用体验，以发挥产品的最大价值，从而增强用户的使用粘性。至于在设计中该使用何种筛选控件则取决于用户需求和使用场景，设定符合需求的筛选维度及条件，且根据内容属性做灵活变动即可，切记筛选的核心需求是通过简单易用的方式来帮助用户提高操作效率。

欢迎关注作者微信公众号：「能量眼球」

近期整理我在 ACCD 学产品的笔记时，考古出了一波阿森特（ArtCenter）教我做人系列。笔记上记录了许多以前导师们关于做人、做事、做设计的语录，放出来「回锅」共勉。有些是导师课上对所有人说的课堂语录，有些是单独沟通时的私下语录，觉得有趣的都记了下来，毕业一年之际回看那些话依然蕴含了很多哲理。其中一些在四年时光中做到了，一些刚开始领会，一些已经遗憾“如果更早知道”。

Consider some of the lessons learned, or at least noted.

所有语录均记录自我在 ACCD、PENSOLE、INSEAD、PDX、品牌项目期间的导师们，但我的笔记里没有明确给每一句话标注，以及有些语录有原作者…

特别声明：翻译、解读和 Typo 均出自我个人，尤其是 typo。

编者注：艺术中心设计学院(Art Center College of Design)，简称ACCD，于1930年成立，是一所世界知名的大学。

语录合集：

讽刺语录海报！设计师对客户的70 条神吐槽（一） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

讽刺语录海报！设计师对客户的70 条神吐槽（二） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

讽刺语录海报！设计师对客户的70 条神吐槽（三） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

语录将大致分为：「一堂必修」、「学习工作设计的态度哲学」、「做设计和做事的具体执行」、「演讲和沟通法则」、「一些自我和工作管理的启示」。先发第一集，有兴趣的小伙伴可以持续关注。

第一集：一堂必修 The first lesson you don’t want to miss.

一些“学艺先学礼”，以及“如果从一入学就知道或开始的事情”。

1. You are here to learn, not here to prove. 

你是来这里学习的，不是来这里证明的。

这句话来自第四学期 Jin 的 Viscom 课堂，听到这句话时就有一种茅塞顿开的感觉，但依然到现在也不能完全做到这一点。对于很多人，我们经常会有要证明自己的骄傲，承认不会和寻求帮助确实不简单。但是学校和社会的每一个新阶段，都需要不断的学习，只要想想这句“不是来证明的”，很多自我较劲都可以释怀。

2. Enjoy the pain.

享受痛苦。

这句话在入学前就听 Karen 说了（那年我们的系主任，现在的校长），当时天真的我一笑了之，后来发现是我天真了。这几乎是学校的普适价值观。学不会苦中作乐，痛苦就只是痛苦。我的快乐是边干活边唱歌。（对不住我的同学们 ）

3. Get your Instagram, Facebook, Linkedin ready, and purchase your website domain. (Before you get famous)

准备好你的 Instagram、Facebook、领英等社交账号，购买你的网站域名。（在你成名之前）

这是产品系第一学期入学 Meeting 时，系主任 Karen 和几位导师围坐在桌前，围着我们这届 7 个新生说的第一个建议。社交账号是多数时候的第一张名片，在疫情下更甚，Ins、FB、领英三管齐下搜索就可以大概勾勒出一个人的画像。

ACCD 产品系的每个学生最晚在第四学期都需要拥有个人 设计网 站，如果名字的域名和品牌重合就会非常昂贵，通常越籍籍无名时购买就越便宜。聊天时甚至有同学（是谁不点名）畅想说应该每学期在 ACCD 新生入学时就把潜力股们的名字域名统统买下来，等他们开始做网站或出名了再高价售出。

声明：非投资建议，本人概不负责，学弟学妹早点买域名吧。

4. Check your email.

查邮件。

一些信息差就来自查邮件，群组消息，和社交媒体。邮件和各种群、社交媒体里的活动，机会，实习，讲座，被夹杂在各类信息里很容易忽略，有时候看到信息的瞬间就已经赢了。很遗憾我的 FOMO（Fear of missing out)在记得要查邮件这件事上毫无体现，甚至几天前刚刚又上了这一课。所以在我写到这里时，去日历上标注了一个每天 5 分钟的日程提醒自己查邮件，希望能有所改观。

5. Take courses from other majors.

多上其他专业的课。

学校里几乎很多 ACCD 学校导师都会提这件事，交叉学科学习真的很重要，多学习其他专业更容易构筑起自己的多元文化模型。在学校里有一个学期我尝试了一些方向，于是选了广告、交通、产品、娱乐，还有商业相关的课程。除了在几个系的思维模型之间撕扯，可以发现每个系都有自己的角度和局限。去别的系体验一番可能会发现自己的潜力，或者碰壁之后会发现还是本专业可爱，找回热爱好方法。

毕业前的最后一学期我修了一堂纯艺的文化课，那节课关注对时事的调研和思辨并最终落地到自己的艺术作品。课堂上大家愿意包容开放地去讨论当时全球的疫情、政治、文化事件，探讨、谈论自己的理解和感受，还有墨、非裔的二三代移民同学会分享自己祖辈的逃亡、迫害、移民等经历。这是我在之前偏重设计和商业的课堂氛围里从没感受过的一种人文关注，很庆幸毕业前有这样的经历，以及庆幸有这么一群人在共情世界上的发生并尝试做些什么。

6. Utilise the resources here, you don’t get free access when you leave here.

珍惜在学校的资源，离开后就没有免费权限了。

这句话的背景来自图书馆老师对学校调研资源的讲解，毕业后很多昂贵的调研网站就要花钱了。事实上很多关于学生身份所带来的便利和福利，在毕业后都会消失。不论是校园、城市里针对学生的出行、学习、软件、金钱资源，调研时调研对象的开放友好程度，Coffee Chat 行业前辈愿意帮助你的程度…都和学生这个身份脱不了关系。所以要珍惜这个时效性，毕业后偶尔想做些事情，都会恍惚自己不再拥有作为学生的“免费特权”。

7. Start networking.

现在就要开始人脉社交。

结识人脉是在 ACCD 第一堂课开始以及去到每一个地方都被不断提醒的事情。人脉会形成信息差，很多工作学习机会，是多一个 Linkedin 好友或者邮箱就多一分概率的事情。很多行业信息也来自口口相传，不论是同辈还是前辈，都需要有意识地沟通交流，眼界和知识量都是在交流中促进的。

第一学期在校内环境时感触还没有么强烈，产品课期末的嘉宾到来时，我们更多是在为 Final 结束松一口气。直到第一学期结束的假期我去到 PENSOLE 做球鞋设计，我才发现社交不是嘉宾提问我回答。PENSOLE 是 Sneakerheads 的天堂，每天有各个运动品牌的设计师来串门。当时感觉像意外闯入了高年级学生的生活，才发现他们每个人都准备充分，简历、作品集、手绘草图，倒背如流的个人介绍和项目内容，不经意地问起对方设计师所在品牌或项目，浅谈一下自己对该品牌该项目的了解和对球鞋的热爱，适时地表达自己正在寻找实习… 当时我在干嘛，在记笔记。

如果能从第一学期就开始做这件事，到高年级的时候就不是开始攒人脉，而是开始使用人脉了。另一方面人脉是相互的，在我们热切地想和行业前辈建立联系的同时，他们中许多人其实也很想和新生代建立联系，所以不必拘束，可以作为晚辈主动迈出这一步，不用觉得自己在索取。默念三遍：只要我变得厉害，对方就有用得到我的地方。哈哈哈

人脉不止要建立，还要定期维护。一个学姐兼好友 Anna 曾给我分享了她的人际维护 Excel 表格，里面记录了每个行业人脉背景，需要的邮件 & Coffee Chat 周期，和之前聊天的内容，当时我大为震撼，但是想一想确实很多诸如此类费脑的工作确实交给 Excel 比自己记忆高效多了。

8. You need to talk.

你得沟通交流。

进入陌生的领域，可能大家都会经历一番挣扎。这是第一次在 PENSOLE 时 D’Wayne 对我说过最多的一句话，也是我上的最重要的第一课。他说你在台上是个很好的演讲者，但你不能只在台上说话，台下也要交流。其实当时是我最初生牛犊不怕虎的时候，毕竟面对行业大咖我也不认识对方是谁… 困住我的不是害羞内向，而是在当时我对球鞋和嘻哈文化一窍不通，当其他高年级的Sneakerheads主动上前侃侃而谈时，我还在尝试跟上他说的什么是小众潮牌然后搜索，当时连名称都拼不全… 当然我深刻认识到开不了口的根本原因，还是输入不够。

好在当时经过几天调整我也找到了自己的方式，虽然无法主动上前开启话题，但我的优势是墙上贴着的草图常会吸引来转悠的设计师们，尤其发现我才第一学期会提起他们的兴趣，在球鞋行业资深了太久的设计师们太少遇到完全陌生的小白，而格外热情主动。他们太想要告诉你这个领域有多棒了，所以我做的就是端住这碗热情，让对方疯狂输出然后我努力记笔记。

9. Go say hi.

去打个招呼。

这是嘉宾在我作品前徘徊，我却在远处啃着披萨踌躇要上前去说什么时，导师 Kevin 在身边的提示，当然最后他充当僚机和我一起走了过去…

后来才发现这件事其实是个很简单的流程：当有人在贴在墙上的作品前驻足，你要做的不过是去打个招呼，说一句“Hi，这是我设计的”，绝大多数嘉宾接下来会让你介绍一下项目或者夸你一波，你再问问对方的工作和背景，记住名字回头加 linkedin 即可。学校内外的项目和活动中，通常都会有一个披萨或鸡尾酒派对，如果对方是主办方或者演讲者，从活动或演讲内容开启话题也不错。不用想太多，怕露怯或者闹笑话。（而且社交场合真的很需要笑话，能在人群中担任一个笑话也是让人钦佩的角色 hhhhh）事实上就是非常娴熟社交的人极少，能做到真诚、想说和敢说就很厉害了。

10. Whenever someone invites you to their company, bring your laptop.

有人邀请你去 TA 的公司，带上你的笔记本电脑（里面的网站和作品）。

发生在导师 Emily 邀请去她的工作室，我真的只带上人就去做客了。然后她认真地给我普及了我这个道理…毕竟当对方邀请你时，大多是对你感兴趣的，带上电脑你们总能在坐下喝咖啡的时候聊聊作品，看看简历，对方也许就会给你提供一个机会，或者至少可以给出一些建议。

11. Study before you go.

去哪之前要先调研。

去 PENSOLE 前 Karen 和 Kevin 在动员会说的。承接上一段，前几学期我总有只带着人和热情去某个地方的毛病。直到后来才逐渐意识到，如果不做足充分的准备，会让本就短暂的时间失去很多价值。那些机会不会重来，提前了解信息才能让这段经历变得更有意义。

12. I‘m an open book. Ask questions when you are here, you don’t get that opportunity afterwords.

我很愿意坦诚交流。当你在这里时多提问，离开这里就不会再有这样的机会。

这也是在 PENSOLE 时 D’Wayne 说的。在学校、公司面对面的时候，对方会把自己的时间承诺给你，你可以提很多问题当面交流，一起吃饭或者咖啡，但当你离开后，即使非常熟悉，也会很多天才会发一条信息，几个月才会写一封邮件。当你再想提问聊天时会担心打扰对方忙碌的日程。所以有想问的问题，一定要珍惜在那里的机会。

13. There’s no such thing as getting all A*s in college but that’s fine.

大学里不是所有课都一定能拿 A 的，但这并没什么关系。

第一学期导师 Arnie 说的，其实他说之前我还没意识到大学里会有人在意成绩这件事情…

心态上对于成绩，我一直是一个只要不影响奖学金，60 分很好，80 分万岁的人。但现实却是有时会被推着卷，有时忍不住卷，有时不得不卷，有时太菜了卷不过哈哈哈哈。但是回头看，学生时代拿来卷的很多时间其实可以分摊给许多更有长期意义的事情，多睡觉健身，多看新闻，多旅游，学习投资理财和了解这个世界的参差…都很有意义。

14. Don’t beat yourself up.

别逼坏自己。

这句的背景好像是导师在宽慰一个同学的耿耿于怀。和上一句一起，有很多投入和强求在回头看时都没有必要。我始终觉得 7 分力对我是最舒服的状态，可以保持松弛和平衡，也对得起这份时光。如果七分力之后得不到就不强求，因为生活中可能有更好的选择在等你，别 force 自己进某条轨道。毕竟精力有限，如果一件事情太用力，可能另一件就使不上力了。

15. Some students don’t shine until they are 6th term, or even graduate.

有的学生到第六学期才发光，有的学生可能毕业后才发光。

第一学期时同届原本就只有几个人，还是有人中途离开了。所以第一节产品课的期末，导师说了这段话来鼓励感受到挫败的学生。ArtCenter 一直是中途淘汰率很高的学校，高压、快节奏和同辈压力也容易为学生带来焦虑。别太早做了放弃的决定，后来会发现最初的艰难其实不会一直那么难，只是那时我们还不知道。

16. Don’t underestimate yourself. You never know.

别妄自菲薄。不试试怎么知道。

这是每次提及我的新计划和新尝试时，导师 Kevin 会说的一句话，不试试怎么知道自己不行呢。（当然不排除试了可能会发现真的不行。 ）但试过了不亏。

17. You can always learn from an internship.

实习总是能学到很多东西。

这是给导师 Pascual 助教时，他在产品课堂对第一学期学生说的。ACCD 非常强调行业经验，我原以为在校期间多实习是大学生的共识，直到毕业遇到更多其他学校的学生才发现不完全是这样。实习确实是最低试错成本的尝试，即使是非常不对口的实习也可以帮助排雷。那些都是叫做产品设计的实习，不同的行业、公司、领域都不一样，毕业前找到适合自己的岗位就依赖实习了。

18. Never work for free.

别免费干活。

每一届新生的入学第一课都会强调。学校不让免费实习，强调“你们的工作值得报酬”。如果想问不给钱给学分行不行，答案是不行，没有薪水凭证的实习 offer 学校根本不批学分。

19. Don’t use all capital in the email title.

不要在电子邮件中使用全部大写的英文标题。

在英文邮件中这代表愤怒。

20. Don’t text before 9 and don’t text after 9.

不要在 9 点前发短信，也不要在 9 点后发短信。

和行业前辈发消息的礼貌，注意不要打扰到他们休息。

21. Don’t ask the questions you can search on Google.

别问可以在 Google 上找到答案的问题。

别浪费别人时间。

22. Build your personal brand.

打造你的个人品牌。

这也是学校里从第一学期开始就强调的东西，打造自己的个人品牌，名片简历，社交账号，给人留下的印象，专业和领域，设计风格和个人影响力，都很重要。毕业进入互联网才意识到对于整体个人品牌，自媒体等社交平台是非常重要的入口。

23. Reputation is everything.

你的声誉是一切。

声誉特别重要，在学校的声誉会一直延续到行业，说不定就碰到校友同学。

24. Don’t get burned out.

别让自己过度疲劳。

当自己对所有的工作学习都提不起劲，心情抑郁甚至出现躯体反应很可能就陷入了过度疲劳。高压中要有意识观察自己的状态，预防出现。如果真的进入过度疲劳了，那不如给自己放个假重新找回工作学习的意义。

25. Sometimes it doesn’t work.

有时候就是不起作用。

导师说的是模型，但有时候是模型，有时是设计，有时是努力，有时是生活。不是每件事全力以赴就会有回应的。遇见过的每个再优秀的人，都一定有过特别挫败的时光。二八定律解读挫败这件事大概也成立，有时候人的努力就像在空谷呐喊，十次尝试里能有两次回应就已经很好，别轻易放弃。但是和自己和解是必修课，越早及格越好。

26. Someone can be your student one day and be your boss another day.

有人可能有一天是你的学生，某一天就成了你的老板。

第一学期的第一节产品课，导师就说了这句话，告诉我们刚有一位以前的学生促成了他的一次合作。特别励志。

27. Go visit when you are here.

当你在这个城市的时候，把握机会多走走。

这是跨专业上交通设计课时导师说的，当时他想让大家在紧张忙碌的周末中抽出一个下午去看复古车展，那会课堂里的学生都是国际生，加州对于很多人是一段旅程，于是他展开了一下自己以前没能在生活的城市多看看的遗憾。但这大概成为了疫情后最戳心的一句。那些以昨天太忙今天太累推脱的说走就走，在疫情后变得如此珍贵。

28. Clean up.

清理自己留下的东西。

有时候长大了会忘记幼儿园学的道理。 在学校里偶尔大家离开教室会忘记把东西收拾干净，有时候是通宵后的教室忘记在课前收拾好。所以也会有导师要求班级里课前东西都要收拾干净，否则整个班都没有准备好。在 PENSOLE 也没有清洁工，所以 Studio 的值日工作也由大家轮流。

29. Don’t be late.

别迟到。

在 ACCD 基本上导师们都比较强调这件事，对此也有很多传承下来的治理手段…

温和一点的通常只是扣分，或让请客全班咖啡 or 甜甜圈； Harsh 一点的今天点评直接忽略。 之前在学校一间 Lecture 门口发现一张纸，好像是电影系的导师贴的，上面写着“如果你正看着这张纸，那说明你迟到了，今天不用麻烦进来了，下次请早。” PENSOLE 有一个 Hall of shame 墙，上面是迟到学生的大头照和迟到做的俯卧撑个数。（运动圈的事果然还是运动方式解决。） 总而言之，别迟到。至于后来听别的学校学生聊大学旷课的经历… 不存在的，随意不来可以，直接重修就好。

30. Learn from each other.

互相学习。

善者，不善人之师。不善者，善人之资。别人就像一面镜子，能反射出自身的问题和优势。能在一个课堂里互相学习是很幸运的事情（尤其是疫情期间）。同龄人的影响甚至可能大过导师的影响，一群人会走得更远。

31. No Lone Ranger here. Help your teammates.

这里没有独行侠。帮助你的队友。

这是在 PENSOLE 的强调，品牌赞助项目通常需要团队协作，需要对品牌的投资负责。而你的成功非常依赖你的队友。第一次在 PENSOLE 时如果不是 CMF 队友 Chase 的通力合作，我们应该也没有机会一起回去做助教。

32. Take notes. 记笔记。

记笔记不光能帮助自己学习，也是一个基本的礼貌，很多老师如果遇到学生不记笔记，可能就直接不讲了，因为他觉得他付出的时间没有价值。

33. Don’t pull all-nighters.

别通宵。—— 每一位导师

34. Work effectively, you don’t need to stay overnights.

高效工作，不是非要通宵的。—— D’Wayne Edwards

35. Go get some sleep.

去睡会吧。—— 导师和Model shop工作人员

36. Don’t pull all-nighters. Sleep for 2hours, and you can function better.

别通宵，至少睡两个小时，你会运作得更好。——Nathan Allen

37. There was a trend to work overnight. But that should never happen.

在学校有长久以来通宵工作的倾向。但那根本不该发生。——Kevin Beard

38. Don’t drink too much coffee.

别喝太多咖啡。—— 导师和学姐学长

39. It’s probably better to eat them than breathe them in.

这些灰尘吃下去也比吸进去好。

（做模型要戴好防尘面罩，别尝）—— Nathan Allen

40. Don’t sleep with the respirator.

但别戴着防尘面罩睡觉。

—— 保安，我每每戴着防尘面罩在沙发补觉说的。真的很舒服而且空气清新，但鉴于有窒息风险还是不建议。

以上一些在校关于睡眠和呼吸的经典建议。别的学校会告诉你不要熬夜，但 ACCD 比较保守，一般建议不通宵就好。

41. If you don’t appreciate the time here, you are wasting someone else’s opportunity.

如果你不珍惜在这儿的时间，就是剥夺了另一个人可以来这儿的机会。

D’Wayne 说的。PENSOLE 对于参与的学生均不收学费，所以如果选进了项目但是浪费在这的时间，就浪费了另一个人本可以参与的资源。

42. You can leave ArtCenter but ArtCenter will never leave you.

你会毕业，但是这里留下的印记永远不会消失。

Kevin 说的。每个人的学业时光一定都会留下各自深刻的痕迹，别辜负这段时间吧。

欢迎关注作者微信公众号：「乱炖设计哲学」

近期整理我在 ACCD 学产品的笔记时，考古出了一波阿森特（ArtCenter）教我做人系列。笔记上记录了许多以前导师们关于做人、做事、做设计的语录，放出来「回锅」共勉。有些是导师课上对所有人说的课堂语录，有些是单独沟通时的私下语录，觉得有趣的都记了下来，毕业一年之际回看那些话依然蕴含了很多哲理。其中一些在四年时光中做到了，一些刚开始领会，一些已经遗憾“如果更早知道”。

Consider some of the lessons learned, or at least noted.

所有语录均记录自我在 ACCD、PENSOLE、INSEAD、PDX、品牌项目期间的导师们，但我的笔记里没有明确给每一句话标注，以及有些语录有原作者…

特别声明：翻译、解读和 Typo 均出自我个人，尤其是 typo。

编者注：艺术中心设计学院(Art Center College of Design)，简称ACCD，于1930年成立，是一所世界知名的大学。

语录合集：

讽刺语录海报！设计师对客户的70 条神吐槽（一） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

讽刺语录海报！设计师对客户的70 条神吐槽（二） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

讽刺语录海报！设计师对客户的70 条神吐槽（三） 以下 70 张讽刺海报出自 Mark and Paddy，这是一家爱尔兰的广告公司，所有吐槽均来自真实的甲方客户。

阅读文章 >

语录将大致分为：「一堂必修」、「学习工作设计的态度哲学」、「做设计和做事的具体执行」、「演讲和沟通法则」、「一些自我和工作管理的启示」。先发第一集，有兴趣的小伙伴可以持续关注。

第一集：一堂必修 The first lesson you don’t want to miss.

一些“学艺先学礼”，以及“如果从一入学就知道或开始的事情”。

1. You are here to learn, not here to prove. 

你是来这里学习的，不是来这里证明的。

这句话来自第四学期 Jin 的 Viscom 课堂，听到这句话时就有一种茅塞顿开的感觉，但依然到现在也不能完全做到这一点。对于很多人，我们经常会有要证明自己的骄傲，承认不会和寻求帮助确实不简单。但是学校和社会的每一个新阶段，都需要不断的学习，只要想想这句“不是来证明的”，很多自我较劲都可以释怀。

2. Enjoy the pain.

享受痛苦。

这句话在入学前就听 Karen 说了（那年我们的系主任，现在的校长），当时天真的我一笑了之，后来发现是我天真了。这几乎是学校的普适价值观。学不会苦中作乐，痛苦就只是痛苦。我的快乐是边干活边唱歌。（对不住我的同学们 ）

3. Get your Instagram, Facebook, Linkedin ready, and purchase your website domain. (Before you get famous)

准备好你的 Instagram、Facebook、领英等社交账号，购买你的网站域名。（在你成名之前）

这是产品系第一学期入学 Meeting 时，系主任 Karen 和几位导师围坐在桌前，围着我们这届 7 个新生说的第一个建议。社交账号是多数时候的第一张名片，在疫情下更甚，Ins、FB、领英三管齐下搜索就可以大概勾勒出一个人的画像。

ACCD 产品系的每个学生最晚在第四学期都需要拥有个人 设计网 站，如果名字的域名和品牌重合就会非常昂贵，通常越籍籍无名时购买就越便宜。聊天时甚至有同学（是谁不点名）畅想说应该每学期在 ACCD 新生入学时就把潜力股们的名字域名统统买下来，等他们开始做网站或出名了再高价售出。

声明：非投资建议，本人概不负责，学弟学妹早点买域名吧。

4. Check your email.

查邮件。

一些信息差就来自查邮件，群组消息，和社交媒体。邮件和各种群、社交媒体里的活动，机会，实习，讲座，被夹杂在各类信息里很容易忽略，有时候看到信息的瞬间就已经赢了。很遗憾我的 FOMO（Fear of missing out)在记得要查邮件这件事上毫无体现，甚至几天前刚刚又上了这一课。所以在我写到这里时，去日历上标注了一个每天 5 分钟的日程提醒自己查邮件，希望能有所改观。

5. Take courses from other majors.

多上其他专业的课。

学校里几乎很多 ACCD 学校导师都会提这件事，交叉学科学习真的很重要，多学习其他专业更容易构筑起自己的多元文化模型。在学校里有一个学期我尝试了一些方向，于是选了广告、交通、产品、娱乐，还有商业相关的课程。除了在几个系的思维模型之间撕扯，可以发现每个系都有自己的角度和局限。去别的系体验一番可能会发现自己的潜力，或者碰壁之后会发现还是本专业可爱，找回热爱好方法。

毕业前的最后一学期我修了一堂纯艺的文化课，那节课关注对时事的调研和思辨并最终落地到自己的艺术作品。课堂上大家愿意包容开放地去讨论当时全球的疫情、政治、文化事件，探讨、谈论自己的理解和感受，还有墨、非裔的二三代移民同学会分享自己祖辈的逃亡、迫害、移民等经历。这是我在之前偏重设计和商业的课堂氛围里从没感受过的一种人文关注，很庆幸毕业前有这样的经历，以及庆幸有这么一群人在共情世界上的发生并尝试做些什么。

6. Utilise the resources here, you don’t get free access when you leave here.

珍惜在学校的资源，离开后就没有免费权限了。

这句话的背景来自图书馆老师对学校调研资源的讲解，毕业后很多昂贵的调研网站就要花钱了。事实上很多关于学生身份所带来的便利和福利，在毕业后都会消失。不论是校园、城市里针对学生的出行、学习、软件、金钱资源，调研时调研对象的开放友好程度，Coffee Chat 行业前辈愿意帮助你的程度…都和学生这个身份脱不了关系。所以要珍惜这个时效性，毕业后偶尔想做些事情，都会恍惚自己不再拥有作为学生的“免费特权”。

7. Start networking.

现在就要开始人脉社交。

结识人脉是在 ACCD 第一堂课开始以及去到每一个地方都被不断提醒的事情。人脉会形成信息差，很多工作学习机会，是多一个 Linkedin 好友或者邮箱就多一分概率的事情。很多行业信息也来自口口相传，不论是同辈还是前辈，都需要有意识地沟通交流，眼界和知识量都是在交流中促进的。

第一学期在校内环境时感触还没有么强烈，产品课期末的嘉宾到来时，我们更多是在为 Final 结束松一口气。直到第一学期结束的假期我去到 PENSOLE 做球鞋设计，我才发现社交不是嘉宾提问我回答。PENSOLE 是 Sneakerheads 的天堂，每天有各个运动品牌的设计师来串门。当时感觉像意外闯入了高年级学生的生活，才发现他们每个人都准备充分，简历、作品集、手绘草图，倒背如流的个人介绍和项目内容，不经意地问起对方设计师所在品牌或项目，浅谈一下自己对该品牌该项目的了解和对球鞋的热爱，适时地表达自己正在寻找实习… 当时我在干嘛，在记笔记。

如果能从第一学期就开始做这件事，到高年级的时候就不是开始攒人脉，而是开始使用人脉了。另一方面人脉是相互的，在我们热切地想和行业前辈建立联系的同时，他们中许多人其实也很想和新生代建立联系，所以不必拘束，可以作为晚辈主动迈出这一步，不用觉得自己在索取。默念三遍：只要我变得厉害，对方就有用得到我的地方。哈哈哈

人脉不止要建立，还要定期维护。一个学姐兼好友 Anna 曾给我分享了她的人际维护 Excel 表格，里面记录了每个行业人脉背景，需要的邮件 & Coffee Chat 周期，和之前聊天的内容，当时我大为震撼，但是想一想确实很多诸如此类费脑的工作确实交给 Excel 比自己记忆高效多了。

8. You need to talk.

你得沟通交流。

进入陌生的领域，可能大家都会经历一番挣扎。这是第一次在 PENSOLE 时 D’Wayne 对我说过最多的一句话，也是我上的最重要的第一课。他说你在台上是个很好的演讲者，但你不能只在台上说话，台下也要交流。其实当时是我最初生牛犊不怕虎的时候，毕竟面对行业大咖我也不认识对方是谁… 困住我的不是害羞内向，而是在当时我对球鞋和嘻哈文化一窍不通，当其他高年级的Sneakerheads主动上前侃侃而谈时，我还在尝试跟上他说的什么是小众潮牌然后搜索，当时连名称都拼不全… 当然我深刻认识到开不了口的根本原因，还是输入不够。

好在当时经过几天调整我也找到了自己的方式，虽然无法主动上前开启话题，但我的优势是墙上贴着的草图常会吸引来转悠的设计师们，尤其发现我才第一学期会提起他们的兴趣，在球鞋行业资深了太久的设计师们太少遇到完全陌生的小白，而格外热情主动。他们太想要告诉你这个领域有多棒了，所以我做的就是端住这碗热情，让对方疯狂输出然后我努力记笔记。

9. Go say hi.

去打个招呼。

这是嘉宾在我作品前徘徊，我却在远处啃着披萨踌躇要上前去说什么时，导师 Kevin 在身边的提示，当然最后他充当僚机和我一起走了过去…

后来才发现这件事其实是个很简单的流程：当有人在贴在墙上的作品前驻足，你要做的不过是去打个招呼，说一句“Hi，这是我设计的”，绝大多数嘉宾接下来会让你介绍一下项目或者夸你一波，你再问问对方的工作和背景，记住名字回头加 linkedin 即可。学校内外的项目和活动中，通常都会有一个披萨或鸡尾酒派对，如果对方是主办方或者演讲者，从活动或演讲内容开启话题也不错。不用想太多，怕露怯或者闹笑话。（而且社交场合真的很需要笑话，能在人群中担任一个笑话也是让人钦佩的角色 hhhhh）事实上就是非常娴熟社交的人极少，能做到真诚、想说和敢说就很厉害了。

10. Whenever someone invites you to their company, bring your laptop.

有人邀请你去 TA 的公司，带上你的笔记本电脑（里面的网站和作品）。

发生在导师 Emily 邀请去她的工作室，我真的只带上人就去做客了。然后她认真地给我普及了我这个道理…毕竟当对方邀请你时，大多是对你感兴趣的，带上电脑你们总能在坐下喝咖啡的时候聊聊作品，看看简历，对方也许就会给你提供一个机会，或者至少可以给出一些建议。

11. Study before you go.

去哪之前要先调研。

去 PENSOLE 前 Karen 和 Kevin 在动员会说的。承接上一段，前几学期我总有只带着人和热情去某个地方的毛病。直到后来才逐渐意识到，如果不做足充分的准备，会让本就短暂的时间失去很多价值。那些机会不会重来，提前了解信息才能让这段经历变得更有意义。

12. I‘m an open book. Ask questions when you are here, you don’t get that opportunity afterwords.

我很愿意坦诚交流。当你在这里时多提问，离开这里就不会再有这样的机会。

这也是在 PENSOLE 时 D’Wayne 说的。在学校、公司面对面的时候，对方会把自己的时间承诺给你，你可以提很多问题当面交流，一起吃饭或者咖啡，但当你离开后，即使非常熟悉，也会很多天才会发一条信息，几个月才会写一封邮件。当你再想提问聊天时会担心打扰对方忙碌的日程。所以有想问的问题，一定要珍惜在那里的机会。

13. There’s no such thing as getting all A*s in college but that’s fine.

大学里不是所有课都一定能拿 A 的，但这并没什么关系。

第一学期导师 Arnie 说的，其实他说之前我还没意识到大学里会有人在意成绩这件事情…

心态上对于成绩，我一直是一个只要不影响奖学金，60 分很好，80 分万岁的人。但现实却是有时会被推着卷，有时忍不住卷，有时不得不卷，有时太菜了卷不过哈哈哈哈。但是回头看，学生时代拿来卷的很多时间其实可以分摊给许多更有长期意义的事情，多睡觉健身，多看新闻，多旅游，学习投资理财和了解这个世界的参差…都很有意义。

14. Don’t beat yourself up.

别逼坏自己。

这句的背景好像是导师在宽慰一个同学的耿耿于怀。和上一句一起，有很多投入和强求在回头看时都没有必要。我始终觉得 7 分力对我是最舒服的状态，可以保持松弛和平衡，也对得起这份时光。如果七分力之后得不到就不强求，因为生活中可能有更好的选择在等你，别 force 自己进某条轨道。毕竟精力有限，如果一件事情太用力，可能另一件就使不上力了。

15. Some students don’t shine until they are 6th term, or even graduate.

有的学生到第六学期才发光，有的学生可能毕业后才发光。

第一学期时同届原本就只有几个人，还是有人中途离开了。所以第一节产品课的期末，导师说了这段话来鼓励感受到挫败的学生。ArtCenter 一直是中途淘汰率很高的学校，高压、快节奏和同辈压力也容易为学生带来焦虑。别太早做了放弃的决定，后来会发现最初的艰难其实不会一直那么难，只是那时我们还不知道。

16. Don’t underestimate yourself. You never know.

别妄自菲薄。不试试怎么知道。

这是每次提及我的新计划和新尝试时，导师 Kevin 会说的一句话，不试试怎么知道自己不行呢。（当然不排除试了可能会发现真的不行。 ）但试过了不亏。

17. You can always learn from an internship.

实习总是能学到很多东西。

这是给导师 Pascual 助教时，他在产品课堂对第一学期学生说的。ACCD 非常强调行业经验，我原以为在校期间多实习是大学生的共识，直到毕业遇到更多其他学校的学生才发现不完全是这样。实习确实是最低试错成本的尝试，即使是非常不对口的实习也可以帮助排雷。那些都是叫做产品设计的实习，不同的行业、公司、领域都不一样，毕业前找到适合自己的岗位就依赖实习了。

18. Never work for free.

别免费干活。

每一届新生的入学第一课都会强调。学校不让免费实习，强调“你们的工作值得报酬”。如果想问不给钱给学分行不行，答案是不行，没有薪水凭证的实习 offer 学校根本不批学分。

19. Don’t use all capital in the email title.

不要在电子邮件中使用全部大写的英文标题。

在英文邮件中这代表愤怒。

20. Don’t text before 9 and don’t text after 9.

不要在 9 点前发短信，也不要在 9 点后发短信。

和行业前辈发消息的礼貌，注意不要打扰到他们休息。

21. Don’t ask the questions you can search on Google.

别问可以在 Google 上找到答案的问题。

别浪费别人时间。

22. Build your personal brand.

打造你的个人品牌。

这也是学校里从第一学期开始就强调的东西，打造自己的个人品牌，名片简历，社交账号，给人留下的印象，专业和领域，设计风格和个人影响力，都很重要。毕业进入互联网才意识到对于整体个人品牌，自媒体等社交平台是非常重要的入口。

23. Reputation is everything.

你的声誉是一切。

声誉特别重要，在学校的声誉会一直延续到行业，说不定就碰到校友同学。

24. Don’t get burned out.

别让自己过度疲劳。

当自己对所有的工作学习都提不起劲，心情抑郁甚至出现躯体反应很可能就陷入了过度疲劳。高压中要有意识观察自己的状态，预防出现。如果真的进入过度疲劳了，那不如给自己放个假重新找回工作学习的意义。

25. Sometimes it doesn’t work.

有时候就是不起作用。

导师说的是模型，但有时候是模型，有时是设计，有时是努力，有时是生活。不是每件事全力以赴就会有回应的。遇见过的每个再优秀的人，都一定有过特别挫败的时光。二八定律解读挫败这件事大概也成立，有时候人的努力就像在空谷呐喊，十次尝试里能有两次回应就已经很好，别轻易放弃。但是和自己和解是必修课，越早及格越好。

26. Someone can be your student one day and be your boss another day.

有人可能有一天是你的学生，某一天就成了你的老板。

第一学期的第一节产品课，导师就说了这句话，告诉我们刚有一位以前的学生促成了他的一次合作。特别励志。

27. Go visit when you are here.

当你在这个城市的时候，把握机会多走走。

这是跨专业上交通设计课时导师说的，当时他想让大家在紧张忙碌的周末中抽出一个下午去看复古车展，那会课堂里的学生都是国际生，加州对于很多人是一段旅程，于是他展开了一下自己以前没能在生活的城市多看看的遗憾。但这大概成为了疫情后最戳心的一句。那些以昨天太忙今天太累推脱的说走就走，在疫情后变得如此珍贵。

28. Clean up.

清理自己留下的东西。

有时候长大了会忘记幼儿园学的道理。 在学校里偶尔大家离开教室会忘记把东西收拾干净，有时候是通宵后的教室忘记在课前收拾好。所以也会有导师要求班级里课前东西都要收拾干净，否则整个班都没有准备好。在 PENSOLE 也没有清洁工，所以 Studio 的值日工作也由大家轮流。

29. Don’t be late.

别迟到。

在 ACCD 基本上导师们都比较强调这件事，对此也有很多传承下来的治理手段…

温和一点的通常只是扣分，或让请客全班咖啡 or 甜甜圈； Harsh 一点的今天点评直接忽略。 之前在学校一间 Lecture 门口发现一张纸，好像是电影系的导师贴的，上面写着“如果你正看着这张纸，那说明你迟到了，今天不用麻烦进来了，下次请早。” PENSOLE 有一个 Hall of shame 墙，上面是迟到学生的大头照和迟到做的俯卧撑个数。（运动圈的事果然还是运动方式解决。） 总而言之，别迟到。至于后来听别的学校学生聊大学旷课的经历… 不存在的，随意不来可以，直接重修就好。

30. Learn from each other.

互相学习。

善者，不善人之师。不善者，善人之资。别人就像一面镜子，能反射出自身的问题和优势。能在一个课堂里互相学习是很幸运的事情（尤其是疫情期间）。同龄人的影响甚至可能大过导师的影响，一群人会走得更远。

31. No Lone Ranger here. Help your teammates.

这里没有独行侠。帮助你的队友。

这是在 PENSOLE 的强调，品牌赞助项目通常需要团队协作，需要对品牌的投资负责。而你的成功非常依赖你的队友。第一次在 PENSOLE 时如果不是 CMF 队友 Chase 的通力合作，我们应该也没有机会一起回去做助教。

32. Take notes. 记笔记。

记笔记不光能帮助自己学习，也是一个基本的礼貌，很多老师如果遇到学生不记笔记，可能就直接不讲了，因为他觉得他付出的时间没有价值。

33. Don’t pull all-nighters.

别通宵。—— 每一位导师

34. Work effectively, you don’t need to stay overnights.

高效工作，不是非要通宵的。—— D’Wayne Edwards

35. Go get some sleep.

去睡会吧。—— 导师和Model shop工作人员

36. Don’t pull all-nighters. Sleep for 2hours, and you can function better.

别通宵，至少睡两个小时，你会运作得更好。——Nathan Allen

37. There was a trend to work overnight. But that should never happen.

在学校有长久以来通宵工作的倾向。但那根本不该发生。——Kevin Beard

38. Don’t drink too much coffee.

别喝太多咖啡。—— 导师和学姐学长

39. It’s probably better to eat them than breathe them in.

这些灰尘吃下去也比吸进去好。

（做模型要戴好防尘面罩，别尝）—— Nathan Allen

40. Don’t sleep with the respirator.

但别戴着防尘面罩睡觉。

—— 保安，我每每戴着防尘面罩在沙发补觉说的。真的很舒服而且空气清新，但鉴于有窒息风险还是不建议。

以上一些在校关于睡眠和呼吸的经典建议。别的学校会告诉你不要熬夜，但 ACCD 比较保守，一般建议不通宵就好。

41. If you don’t appreciate the time here, you are wasting someone else’s opportunity.

如果你不珍惜在这儿的时间，就是剥夺了另一个人可以来这儿的机会。

D’Wayne 说的。PENSOLE 对于参与的学生均不收学费，所以如果选进了项目但是浪费在这的时间，就浪费了另一个人本可以参与的资源。

42. You can leave ArtCenter but ArtCenter will never leave you.

你会毕业，但是这里留下的印记永远不会消失。

Kevin 说的。每个人的学业时光一定都会留下各自深刻的痕迹，别辜负这段时间吧。

欢迎关注作者微信公众号：「乱炖设计哲学」

前言 “少即是多”是经常挂在嘴边的话题，在设计过程中，设计师们都会想尽一切办法去简化交互流程、组件元素及各种设计属性，让用户使用起来更简单。当产品简化到一定程度，就必须要面对其不可简化的复杂性。

诺曼曾说过 “复杂是世界的一部分，但它不应该令人困惑 ”，如果复杂性是合理的，我们应该学会如何去管理复杂，考虑好复杂的问题在流向用户后以何种方式处理，筛选控件就是用户自行处理复杂信息的方式之一，只要是符合用户行为做出的设计，将应有的复杂以筛选的形式呈现给用户，让其自行决定，用户反而会乐意接受。

筛选控件的使用频率非常高，本文根据笔者对各类筛选控件的拆解及自身经验进行总结，整理了在移动端中常用筛选控件的类型、使用场景以及设计思路，帮助大家在设计中选择适合自己产品的 筛选控件 。

拓展阅读：

用一篇超全面的文章，帮你掌握B端系统筛选控件的知识点 最近的工作一直在和筛选打交道，为公司 B 端系统做了一次设计调整，去解决目前系统中筛选功能交互繁琐的问题。

阅读文章 >

现实生活中的筛选 在日常生活中，我们天天都在跟筛选打交道。设想一下，当你走进超市，在没有任何分类指示的情况下，看到琳琅满目的商品是否会不知所措，答案是肯定的，且不论超市规模大小、商品的多少，相信没有任何一个人愿意在不清楚的情况下花时间去找一个很可能不存在的商品，即便这点时间会很短。

道理还没说完，大家都感觉自己很懂，可依然逃脱不了如今在各种形形色色的应用中找不到自己需要的功能而苦恼，那么这些应用又是谁设计的呢？答案就是「大多数人」。

换言之，如果我们能通过标识牌、平面图指引（模糊查找），询问服务员、记忆指引（精准查找），就容易很多，这些指引路径就完全充当了 筛选功能 ，至于通过什么方式，只能根据人们自身或现场条件自行选择，能满足自己的需求即可。在功能繁多、交互流程复杂的互联网产品中也是如此。

筛选功能的重要性 1. 筛选的定义

在我们设计筛选控件之前，需要清楚了解什么是筛选，东施效颦不是什么明智之举。筛选，即用户根据自身需求、通过一个或多个特定条件，在已有的内容中快速找到满足自己当前条件的信息，单独呈现的同时、并将未满足条件的信息暂时作隐藏处理，以便用户完成自己的目标需求。

筛选也可以称之为过滤器，是搜索框架的一部分。这里需要说明一点，筛选不同于搜索，它是系统结合用户提出的条件，对内容进行规则性的查找，准确的说，用户属于被动，筛选出的结果在产品侧「精准」、用户侧「模糊」；而搜索则是用户通过明确的目标主动进行精准查找，要么直接找到自己想要的结果，要么对结果不满意，搜索出的结果在产品侧「模糊」，用户侧需要「精准」。说直接点就是，搜索直接查找出结果，筛选只是缩小查找范围（并非绝对，也可以对搜索结果缩小范围）。

2. 为什么要使用筛选

在电商应用中，如果有目标的用户更多使用的是搜索，那么没有目标的用户更多使用的则是系统推荐或商品分类，不管是哪种类型的用户，前面虽然已经进行过一次范围缩减，但下一步还是逃不掉要面对的海量商品，这时，不给用户提供选择上的便利，用户很可能因浏览商品耗时过长、选择性困难等原因扭头就走，即便离转化仅一步之遥，也无法避免用户流失的问题。

增加筛选功能就能很好解决这个困局，用户通过筛选、设置接近于目标需求的条件，缩短查找路径，就能从海量的商品信息中快速找到符合条件的内容，大大降低了用户的查找成本，节省了很多查找时间，用户体验得到很大程度的提升，由此可见，为什么要使用筛选，不言而喻。

3. 什么时候使用筛选

1）系统定义筛选需求

方向性的筛选：用户通过系统提供的多种类型进行频道切换，还会存在多少子级，可定义为一级筛选。例如订单列表（待支付/待发货/待收货/待评价），优惠券（未使用/已使用/已过期）等，用户从已有的类型列表中选择自己所需。

2）用户自定义筛选需求

精细化筛选：当系统已提供方向性的筛选，用户依然可从分类筛选出的结果中进一步细化。例如针对单个类型的商品列表自定义价格区间、发货地、品牌…等，也可称之为二级次筛选，相比一级筛选，其筛选的结果会更精细化，也更接近于用户的真实需求。

（PS：系统定义筛选条件后，配合用户自定义二次筛选条件以及排序功能，则更容易满足用户需求）

常见的筛选样式 1. Tab 筛选

Tab 式筛选条件大部分在操作前、操作中、操作后基本都会一直显示，有横向 Tab 和纵向 Tab 两种，如新闻、视频类型的应用大多使用横向 Tab，通过将不同的内容以大的方向、区块进行分类，便于用户随时切换、筛选出不同的内容；纵向 Tab 更多则是在电商类应用中出现，且会存在多个子级，例如我们在京东购买「鼠标」，则需要在 tab 分类中依次找到「电脑办公>外设产品>鼠标」进行筛选。

Tab 类型主要以大的维度进行筛选，所筛选出的结果可能模糊且信息量极大，如果想要结果更加精准，则需配备其他类型的控件进行二次筛选。

2. 弹窗式筛选

操作中以蒙层的方式弹出，其他时候均为隐藏状态。弹窗类型的筛选最大的优点是占用空间小，仅需一个入口，能在有限的弹出空间中从多个维度展示筛选条件，用户选中或自定义对应的筛选项，即可快速筛选出自己想要的信息。

3. 折叠式筛选

介于 Tab 式与弹窗式之间，筛选条件初始为隐藏状态并提供一个入口。点击后展开，期间不影响当前页面的任何其他操作且一直处于展示状态，需经过再次点击才会将筛选条件隐藏。

4. 高级筛选

基于自定义筛选条件过多，为满足用户个性化需求，点击后会跳转到新页面操作多个条件进行筛选。相比前面提到的 Tab、弹窗更为复杂，对筛选的要求较高。

高级筛选适合用在颗粒度很细的场景，为的是避开其他视觉元素的干扰，让用户更专注于当前页面较为复杂的筛选条件，降低因受其他因素影响而出错的情况。例如：在选择汽车时，需要对服务、价格、级别、排量…等各种情况作出非常细致的选择，这时用高级筛选就再合适不过。

5. 筛选、排序组合

筛选、排序组合方式算是商品列表中的标配了，尤其在空间资源有限的移动端设备中，能最大化的将多个控制条件一次性展示给用户，在筛选出结果后再使用排序功能，便于更快找到想要的商品。例如美团、饿了么将筛选与排序控件形成组合，极大的提高了用户筛选的效率。

筛选的几个维度 1. 单维度

单维度的筛选不管是设计还是操作都相对简单，无需操作确定/下一步按钮，触发筛选条件后会就会更新信息列表，大家最熟悉的订单系统（待支付、待发货、待收货…）即是单维度筛选。

另外，单维度具备短、明、快的特点，为方便用户识别，单个标签一般不超过 5 个文字，且语义明确，用户不用任何思考就能快速理解。

2. 多维度

当产品中的属性过多，使用单维度筛选不仅会降低筛选结果的精准度，还可能会导致用户因反复/重复无用的操作而产生挫败感，已无法满足用户的需求。这时，需采用多维度筛选帮助用户缩小查找范围，让其快速找到符合自己需求的内容。

多维度筛选条件一般以按钮（单选/多选）、输入框为主，有些还会以滑块来控制数据范围。设定好筛选条件需通过重置、确认操作按钮，用来清空筛选条件或进入下一步。在移动端，因屏幕空间有限，一级筛选数量最好不要超过 9 个，如果太多，建议进行整合或并入二级筛选。

3. 多等级（单维度/多维度）

在多级筛选控件中，可以把当前筛选条件的上一级看成是筛选分类菜单，每个等级中可包含一个或多个单维度/多维度的筛选条件，移动端最多不超过 3 个等级。

从表面看，多级筛选与多维度筛选的本质是一样的，但多级筛选会存在下一级或再下一级，而多维度会将所有筛选条件平铺在空间中。当单维度、多维度筛选还是无法满足用户需求，多等级就能作为最好的延伸。

筛选功能设计准则 1. 迎合用户需求

在设计筛选之前，需要思考用户为什么要使用筛选、在什么样的场景下使用筛选、以及如何满足用户的心理预期等，有了清晰的用户需求，设计出来的筛选才能更好的帮助用户满足其需求。

以「饿了么」用户点餐为例，使用点餐服务的用户类型虽然很多，不过主力还是来自于办公室白领、宅男/女这两大用户群体，有目标的用户会从搜索、收藏、订单记录等入口直接去购买，但绝大多数用户因长期点外卖的原因，“吃什么”就成了最大的问题，这时如果用户还要“吃”，就必须得使用筛选功能，从 Tab 分类（模糊）到弹窗式筛选（精准）再配合排序功能满足自己的点餐需求，得出结论：

一群不知道“吃什么”的白领、宅男/女用户； 需要使用筛选功能解决自己“吃什么”的问题； 问题很快得到解决后，对结果及使用体验非常满意。

上面的案例可以看出，用户想要在海量的信息中找到自身所需，从表面上看，最直接、真实的需求就是找到满意的商品去下单。站在产品的角度并非如此，最应该解决的应该是效率的问题，这才是筛选的终极目标，不管用户花多长时间，笔者相信都能找到想要的，但所花费的时间成本越少，满意度就会越高，其产品的可信度、使用粘性、用户体验也随之提升。

2. 不同产品不同对待

筛选并非千篇一律，不要一上场就来一波大众化的筛选条件，很多 APP 首页设计就是最好的例子，什么都不考虑，直接导航栏+轮播图+金刚区+内容推荐…传统的一套流程走下来，结果可想而知。

设计筛选功能时，不同类型的产品需要根据其产品定位、用户目标以及使用场景来定义筛选条件，用户需求是用来设定筛选条件范围的决定因素。例如：购物类产品需要结合商品的销量、评价、价格及知名度等，而新闻类产品侧重于用户偏好、点赞量、热度值来提供筛选，方便用户快速找到感兴趣的内容。

3. 根据需求排列优先级

在满足上述两个条件后也不能将筛选项一股脑的挨个排出来，即便是在同一个页面内，也需要结合当前内容的属性对筛选条件进行优先级排序，将用户高频使用的条件按先后顺序依次排列，不重要的也可将其隐藏于某个入口。以淘宝为例，在「手机」商品列表，筛选条件中首先看到的是品牌，其次是内存、容量…，我相信很少人不在乎手机品牌吧；而在「钢钉」列表中，依次是价格排序、销量…，品牌条件隐藏在了高级筛选中，试问，如果是你购买钉子这种实用性的商品，是在乎价格、还是品牌呢？

总结 筛选功能旨在满足用户查找需求，通过缩短用户选择商品的范围，节约查找时间，快速将符合条件的信息呈现出来，并让用户在这一过程中产生愉悦的使用体验，以发挥产品的最大价值，从而增强用户的使用粘性。至于在设计中该使用何种筛选控件则取决于用户需求和使用场景，设定符合需求的筛选维度及条件，且根据内容属性做灵活变动即可，切记筛选的核心需求是通过简单易用的方式来帮助用户提高操作效率。

欢迎关注作者微信公众号：「能量眼球」

本文将讲解设计前、中、后的结构，总结 设计师 在什么样的阶段采取什么样的策略能提高过稿率。

上篇回顾：

如何快速提高过稿率？我分3个阶段帮你完全掌握（上） 不知道你是不是跟曾经的我一样，在刚入行 1-2 年的时候，过方案稿的时候对自己的设计提案并没什么信心，怯怯的说不出个所以然，经常被评审的产品、开发等上下游问懵了，然后现抓理由缓解尴尬，会反复修改，找不到感觉。

阅读文章 >

过了“望闻问切”的设计需求评估分析阶段，已经有了较为深入的了解，可以针对产品目标、制定设计目标。在交互设计输出后，视觉设计可以转战如第二阶段大展拳脚！

关键词：方向、分析、输出

1. 按流程输出避免返工 按照流程输出的好处：能够达成方向的共识，提升设计的效率。避免或减少我们再输出了全部页面之后，相关决策人提出风格不符合推翻重来或反复加入自己的主观审美争论不休。

我们部门的会将 视觉设计 主流程按节点拆解为：

阶段 1：确定风格

好的开头时成功的一半。若大方向若不对，后面的努力都是白费。产品在 0-1 探索阶段或 1-2 视觉升级版本的阶段，我们需要花费较多的时间去确定风格。有些产品不理解这步的必要性催着设计立即执行，设计师有必要科普下情绪板的指南针作用，磨刀不误砍柴工。合理利用设计工具：

能够与相关决策者以较小的时间和实践成本达成风格共识。 设计师也在着手设计前做到成竹在胸，围绕着“关键词”作为方向锚点进行设计，降低后续方向跑偏的风险。 后续可以在评审作为设计考核的判断依据。 （1）因果正向推导：情绪板找大感觉

情绪板 一般是根据我们自身产品、人群定位——分析关键词——寻找代表性图像——指导设计。找到大的感觉方向，再去推导设计结果。从“为什么why”去推导“是什么what”。

在使用情绪板时，除了图片罗列，我还会为提取风格的名称或关键词作为标题、列出根据关键词（视觉映射、感觉映射、具象映射），提取归纳共性的色彩、质感、形状等。包括适用的场景、优势劣势、风险成本机会等角度分析，帮助产品理解。如果时间充裕，可以邀请用户或相关决策者共同参与情绪板的关键词、和图片筛选。网上有很多制作情绪板的方法这里就不展开了。

情绪板经常被吐槽？简单4步帮你做出用得上的情绪板！ 几乎大部分 UI 设计师在作品集里都会放入“情绪板”这个模块，但是这个模块的利弊其实都很明显，大家都想通过展示情绪板来告诉面试官我是如何定义色彩和产品的视觉风格调性的，但是大部分设计其实在做界面之前都没有做过情绪板，而是反套的。

阅读文章 >

（2）果因逆向推倒：竞品分析、拆解

竞品分析往往是根据已有的设计结果去拆解：

界面带来什么样的大方向感受？拆分页面结构&设计元素“形、色、字、质、构、动”如何配合实现？有什么样的创新和可借鉴的地方？为什么要采取这样的设计策略，他的目标用户、承载的内容、和产品定位是怎样的？从“是什么(what)”去推导“为什么(why)”。

两者都有必要性，“情绪板”我们根据实际情况可以采取抽象自然的物像，也可以配合更具体的元素拆分。通过对竞品的拆解，也会让我们减少设计上的“撞衫”和创造“方轮子”，思考为什么大家都用“圆轮子”的合理性。

（3）产品拟人化

一个前辈告诉我的小技巧，觉得挺好用推荐给大家，把产品拟人化：

把你的产品和典型目标用户群里对应起来想成一种类型的人，他有什么样的外形特征，有什么样的品味，他有怎样的行为模式，带入同理心他与别人会如何对话交流。这个形象越是和目标用户重合丰满，界面设计风格和文案一致性就保持的更好，目标群体的自我形象认知和产品形象认同感就会更吻合。

阶段 2：2-3 套主视觉风格视觉提案

一般选择 1-2 个界面，如主页、详情页等界面，或者出现用户密接频次最多的操作页进行主视觉风格尝试。以 2 套及以上方向差异性较大方案为佳。

阶段 3：全部页面视觉输出评审

在风格确认后，第三节点全部页面的输出要保证重要界面易用，次要界面可用。多花时间和精力放在产品优先级高、用户操作频次高的界面优化上。

阶段 4：视觉基础&控件规范梳理

其实在做完典型页面后，已经可以开始着手基础规范梳理及简单常用控件规范。全部页面完成后对控件规范进行补充整理。规范的制定，可以让设计、开发协作更规范高效。

阶段 5：标注切图

现在我们基本上已经能够通过协同软件进行自动标注。但弹性控件，图片大小屏适配、操作热区等，一些设计师自知而开发不一定知道的规律、准则我们也需要主动用文字标注出来，避免因理解不统一造成的开发翻车，最后设计也跟着连坐。切图时提前与开发预沟通，可能需要采取一些较为特殊的切图形式。学习“盒模型思维”，用开发的盒模型思维去切图标注，元素间距、点击热区。

关于盒模型：

6000 字干货！写给设计师的开发沟通指南 前言 “这个做不了、很难做的啊、我没时间啊、改这个有什么意义吗？

阅读文章 >

阶段 6：开发跟进验收

设计不是交出去的那一刻结束的，提前通知产品、开发为设计效果还原验收预留时间和还原度程度要求，保证我们的“孩子”能安全落地。一般会在第一轮验收时以文档形式：设计图和实现图差异对照标注，问题清晰说明并给出解决方案（如间距调整：XX 间距上移 10px），标出优先级 p0\p1\p2，对于反复提交无法达成一致的问题搬个小凳坐过去可能更高效。

推荐截图工具 MAC 软件「xnip」 https://xnipapp.com/

非 Mac 端推荐这款：

设计神器！提高工作效率的截图软件Snipaste @短腿僵尸木：只要你是一名办公室职员，不管是否是设计师，都需要用到截图软件。

阅读文章 >

2. 如何找参考 没想法时，如何获取灵感呢？考验“搜商”的时候到了，我一般会从以下方向去搜索：

（1）同类产品

同业务类型的产品

（2）同形式

同表现形式的，如卡片式、邀请函形式…

（3）同风格调性

同风格的如科技风格、美漫风、酸性风、像素风、孟菲斯风格….感觉关键词：高端、文艺、小清新、传统..

（4）跨界突破：跳出自身行业、产品类型限制。

同行互相看很容易审美趋同，比如这段时间 UI 设计很流行用磨砂玻璃图标、3D 建模。开始新鲜流行的东西，过一段被大量使用就泯然众人，同类产品我们看的越多，越容易被反复强化思维定固住。看同行业的作品没想法，完全可以跳出行业类别，熟悉的事物形态，去看其他行业的优秀作品，摄影、服装的肌理、舞台、工业造型、海报设计…，重组融合固有元素。说不定会有新灵感，跳出趋同化。

（5）同目标人群

比如我们的目标人群是年轻潮人，我们想要打造年轻化的界面。除了用撞色、动感图形等表达年轻人的潮、酷等特征。我们也可以下载年轻潮人常用软件和常看的综艺节目，了解年轻人的喜好、表达方式、行为方式、搭配审美等，针对提取到的特定人性特征，采用更个性化、标签化、流行等元素，表达采用年轻人的口头禅。

找到参考之后，不是要照抄，而是要站在巨人的肩膀上学习，用“形色字质构”的分析法拆解表现及原因，再结合融入到自己的设计中，新瓶装旧酒。

3. 谁说视觉设计不需要动脑！ 想的越清楚，对产品 PRD 及用户深入思考，了解功能，并在设计稿中得体的表现出来，更大发挥设计的价值。

你也可以理直气壮的说：人、功能、场景、风险项我都考虑到了，我这样设计都是基于什么样依据的得出的。从这些的角度可以更全面的思考设计：

（1）带入不同的角色

把自己当成用户，带入不同的「用户角色」：新用户、老用户、普通用户、专家用户的操作经验，是否需要操作新人指引、专业名词用户是否易于理解？重点内容该如何强调？图标的示意是否是可被理解的？

带入不同的「协作者角色」：产品希望突出的重点是？开发的实现成本？运营的包容性怎样？…

（2）从场景出发：

场景要素：用户、需求、事件、环境状态、载体状态、人物状态

产品组成：形态、功能、内容

用户通常会在什么样的时间、地点、满足什么样的目的以什么样的方式使用产品？早、中、晚使用高频时间段是？使用的环境是否会有干扰被打断？是否有多线程任务需要进度提示？…

（3）从功能完成出发

如何引导用户操作主线任务；如何引导用户分流至支线任务；如何引导用户视觉动线、关注点。目标达成需要增强设计氛围感还是信息降噪？信息间的层次该如何区分？如何避免用户误操作？等等

4. 至少 2-3 个方案

（1）自我突破

多出方案多去尝试，经过长期验证，我发现最优秀的设计往往不会在第一稿时出现，往往是在自己的能力圈内的保守方案，越做越有感觉，越能打破原型图的布局束缚，长期看对自己的设计能力也有提升。没法每次都做到 100 分尽善尽美，但可以每次都尝试做更好，每天进步一点点，瓶颈期的时候才会逐渐突破。

（2）差异化输出

方案之间的差异性最好大一些，保留保守的方案和大胆突破创新方案，我习惯在提案时标注分析每个方案的特征，和方案的优劣点，书面化梳理思路。这对日后整理作品集也会有帮助，帮你想起来当时为什么这么想这么做。

（3）更多的选择

出多个方案也可以在评审时，分散下产品的注意力在选择上，而不是集中火力对一个方案的挑剔上，多次提出不同的修改意见。甲方总是贪婪的，想要看到更多的可能性，有对比才更方便做决策，那就提前把更多的可能性展示出来。

5. 选择好看的图片 or 真实的图片

结论是：好看的图片 or 真实的图片全都要！

之前发现很多设计师，只选择用好看理想的素材图片去提升整体的设计调性。好看的图片确实清晰、疏密得当，美观干净，在提案的时候能让我们的设计锦上添花。

但如果项目落地是涉及到用户可以自由选择上传图片这类 UGC 内容，图片的质量就不是我们所能够把控的。那各种情况都可能发生：杂乱的图片、透明的背景、纯白纯黑的背景都会使得可读的文字信息或操作图标识别性变差。如果我们在设计时也用真实情况的图片去验证，寻找更好的解决方案，根据实际情况去添加蒙层、为白色文字加上投影是不是就可以避免这类影响体验的情况发生。同理在输入条件不可控的前提下，尽量多用真实数据或素材去更全面验证设计的合理性。

例：用户可自定义背景的复杂情况影响图标即文字识别

小结：

设计中关键词：多分析、多尝试、多验证，意在笔先。下篇分享下提案的一些经验总结吧～希望与大家多多交流，共同进步

同一个设计稿，如何让过稿率提高70%？ 本文作者介绍了进行设计评审时可以提升评审效率，帮助设计师和与会者更好地进行沟通，并顺利推进项目的一些方法，希望对您有所启发。

阅读文章 >

问题 欠下的债迟早都要还。互联网快速迭代虽然能提前满足用户需求，验证业务模式，但也带来 BUG 增多，管理混乱的问题。

比如随着人员流动，没留下迭代记录。新同事提的需求却不知道离职的老同事曾经做过效果不佳，又重复做了一次，浪费资源。即使想到去查数据，每个人对 埋点 的命名规则都不一样，又得求研发工程师翻代码，查一次历史数据身心俱疲。

如果通过制定流程规范让大家来写文档留下记录又拖慢了开发速度，于是我在思考如何能快速留下记录，后续回顾的人也方便查看。

58UXD 出品的这篇 数据分析 基础也非常实用：

凭什么说设计方案有用？先掌握基础的数据分析思路！ “凭什么说你的方案有效果？

阅读文章 >

思考 1. 可视化结构化

作为交互 设计师 我知道研发工程师看交互说明文档喜欢看图不喜欢看字，我自己也讨厌看长篇大论的报告。这份文档结构要清晰，最好能可视化，看起来一目了然。考虑到数据的呈现，我决定采用表格。

2. 形成习惯不费力

如果在这件事上耗费太多精力得不偿失，要形成习惯，在固定的节点花较小的代价来做这个事情。为此我根据团队的版本开发流程，决定在功能上线数据分析后撰写《上线数据分析表格》。数据分析需要查询埋点，在功能开发后期，研发工程师需要处理埋点，因此在此时记录《埋点记录表格》是最佳的。

成果 经过一段时间的摸索，我总结出了一个管理埋点和数据的模板和方法，来和大家分享。

1. 埋点记录

在完成设计方案后填写如下表格。

修改点是设计方案，目标、预期结果来源于 Google 发明的 GSM 模型，若读者不了解可自行寻找资料学习。

设计师和产品想法不一致怎么办？试试谷歌的GSM模型！ 我们为什么要使用 GSM 模型 常规工作中，需求往往由 PM 发起，UE 团队到底如何跟 PM、FE 等团队成员协同，达成目标共识，是我们值得讨论的。

阅读文章 >

搞清楚预期结果（指标）后，自然就知道需要什么数据。根据需要的数据思考需要哪些埋点，再梳理现存埋点，最后通知研发工程师新增还缺失的埋点。

上线后数据分析 在版本上线分析数据后填写如下表格。

前三列与之前表格相同，实际结果根据埋点的数据分析结论填写。为了让之后来回顾的同事一目了然，建议用绿色表示结果符合预期，红色表示不符合，黄色表示待观察。如果上线之后有遗留问题需要后续优化或者有下一步计划，可填写在后两列中。

或许有同事看完表格后想深究，我们可以把具体详细的数据列在上线表格下方。最后补充版本号和上线日期就得到一份完整的埋点和数据文档，如下图所示。

建议把文档命名成“版本号+上线日期”，便于识别。

制作为模板后，每个版本花半天时间就能完成分析记录。清晰简明的文档让后续回顾某个版本的修改点和数据变得简单。

需要模板可点击如下链接获取： https://fd0bvliidp.feishu.cn/docs/doccn52pJfYmUxrl4eIiqyF4mYf

欢迎关注作者的微信公众号：「龙爪槐守望者」

本文将讲解设计前、中、后的结构，总结 设计师 在什么样的阶段采取什么样的策略能提高过稿率。

上篇回顾：

如何快速提高过稿率？我分3个阶段帮你完全掌握（上） 不知道你是不是跟曾经的我一样，在刚入行 1-2 年的时候，过方案稿的时候对自己的设计提案并没什么信心，怯怯的说不出个所以然，经常被评审的产品、开发等上下游问懵了，然后现抓理由缓解尴尬，会反复修改，找不到感觉。

阅读文章 >

过了“望闻问切”的设计需求评估分析阶段，已经有了较为深入的了解，可以针对产品目标、制定设计目标。在交互设计输出后，视觉设计可以转战如第二阶段大展拳脚！

关键词：方向、分析、输出

1. 按流程输出避免返工 按照流程输出的好处：能够达成方向的共识，提升设计的效率。避免或减少我们再输出了全部页面之后，相关决策人提出风格不符合推翻重来或反复加入自己的主观审美争论不休。

我们部门的会将 视觉设计 主流程按节点拆解为：

阶段 1：确定风格

好的开头时成功的一半。若大方向若不对，后面的努力都是白费。产品在 0-1 探索阶段或 1-2 视觉升级版本的阶段，我们需要花费较多的时间去确定风格。有些产品不理解这步的必要性催着设计立即执行，设计师有必要科普下情绪板的指南针作用，磨刀不误砍柴工。合理利用设计工具：

能够与相关决策者以较小的时间和实践成本达成风格共识。 设计师也在着手设计前做到成竹在胸，围绕着“关键词”作为方向锚点进行设计，降低后续方向跑偏的风险。 后续可以在评审作为设计考核的判断依据。 （1）因果正向推导：情绪板找大感觉

情绪板 一般是根据我们自身产品、人群定位——分析关键词——寻找代表性图像——指导设计。找到大的感觉方向，再去推导设计结果。从“为什么why”去推导“是什么what”。

在使用情绪板时，除了图片罗列，我还会为提取风格的名称或关键词作为标题、列出根据关键词（视觉映射、感觉映射、具象映射），提取归纳共性的色彩、质感、形状等。包括适用的场景、优势劣势、风险成本机会等角度分析，帮助产品理解。如果时间充裕，可以邀请用户或相关决策者共同参与情绪板的关键词、和图片筛选。网上有很多制作情绪板的方法这里就不展开了。

情绪板经常被吐槽？简单4步帮你做出用得上的情绪板！ 几乎大部分 UI 设计师在作品集里都会放入“情绪板”这个模块，但是这个模块的利弊其实都很明显，大家都想通过展示情绪板来告诉面试官我是如何定义色彩和产品的视觉风格调性的，但是大部分设计其实在做界面之前都没有做过情绪板，而是反套的。

阅读文章 >

（2）果因逆向推倒：竞品分析、拆解

竞品分析往往是根据已有的设计结果去拆解：

界面带来什么样的大方向感受？拆分页面结构&设计元素“形、色、字、质、构、动”如何配合实现？有什么样的创新和可借鉴的地方？为什么要采取这样的设计策略，他的目标用户、承载的内容、和产品定位是怎样的？从“是什么(what)”去推导“为什么(why)”。

两者都有必要性，“情绪板”我们根据实际情况可以采取抽象自然的物像，也可以配合更具体的元素拆分。通过对竞品的拆解，也会让我们减少设计上的“撞衫”和创造“方轮子”，思考为什么大家都用“圆轮子”的合理性。

（3）产品拟人化

一个前辈告诉我的小技巧，觉得挺好用推荐给大家，把产品拟人化：

把你的产品和典型目标用户群里对应起来想成一种类型的人，他有什么样的外形特征，有什么样的品味，他有怎样的行为模式，带入同理心他与别人会如何对话交流。这个形象越是和目标用户重合丰满，界面设计风格和文案一致性就保持的更好，目标群体的自我形象认知和产品形象认同感就会更吻合。

阶段 2：2-3 套主视觉风格视觉提案

一般选择 1-2 个界面，如主页、详情页等界面，或者出现用户密接频次最多的操作页进行主视觉风格尝试。以 2 套及以上方向差异性较大方案为佳。

阶段 3：全部页面视觉输出评审

在风格确认后，第三节点全部页面的输出要保证重要界面易用，次要界面可用。多花时间和精力放在产品优先级高、用户操作频次高的界面优化上。

阶段 4：视觉基础&控件规范梳理

其实在做完典型页面后，已经可以开始着手基础规范梳理及简单常用控件规范。全部页面完成后对控件规范进行补充整理。规范的制定，可以让设计、开发协作更规范高效。

阶段 5：标注切图

现在我们基本上已经能够通过协同软件进行自动标注。但弹性控件，图片大小屏适配、操作热区等，一些设计师自知而开发不一定知道的规律、准则我们也需要主动用文字标注出来，避免因理解不统一造成的开发翻车，最后设计也跟着连坐。切图时提前与开发预沟通，可能需要采取一些较为特殊的切图形式。学习“盒模型思维”，用开发的盒模型思维去切图标注，元素间距、点击热区。

关于盒模型：

6000 字干货！写给设计师的开发沟通指南 前言 “这个做不了、很难做的啊、我没时间啊、改这个有什么意义吗？

阅读文章 >

阶段 6：开发跟进验收

设计不是交出去的那一刻结束的，提前通知产品、开发为设计效果还原验收预留时间和还原度程度要求，保证我们的“孩子”能安全落地。一般会在第一轮验收时以文档形式：设计图和实现图差异对照标注，问题清晰说明并给出解决方案（如间距调整：XX 间距上移 10px），标出优先级 p0\p1\p2，对于反复提交无法达成一致的问题搬个小凳坐过去可能更高效。

推荐截图工具 MAC 软件「xnip」 https://xnipapp.com/

非 Mac 端推荐这款：

设计神器！提高工作效率的截图软件Snipaste @短腿僵尸木：只要你是一名办公室职员，不管是否是设计师，都需要用到截图软件。

阅读文章 >

2. 如何找参考 没想法时，如何获取灵感呢？考验“搜商”的时候到了，我一般会从以下方向去搜索：

（1）同类产品

同业务类型的产品

（2）同形式

同表现形式的，如卡片式、邀请函形式…

（3）同风格调性

同风格的如科技风格、美漫风、酸性风、像素风、孟菲斯风格….感觉关键词：高端、文艺、小清新、传统..

（4）跨界突破：跳出自身行业、产品类型限制。

同行互相看很容易审美趋同，比如这段时间 UI 设计很流行用磨砂玻璃图标、3D 建模。开始新鲜流行的东西，过一段被大量使用就泯然众人，同类产品我们看的越多，越容易被反复强化思维定固住。看同行业的作品没想法，完全可以跳出行业类别，熟悉的事物形态，去看其他行业的优秀作品，摄影、服装的肌理、舞台、工业造型、海报设计…，重组融合固有元素。说不定会有新灵感，跳出趋同化。

（5）同目标人群

比如我们的目标人群是年轻潮人，我们想要打造年轻化的界面。除了用撞色、动感图形等表达年轻人的潮、酷等特征。我们也可以下载年轻潮人常用软件和常看的综艺节目，了解年轻人的喜好、表达方式、行为方式、搭配审美等，针对提取到的特定人性特征，采用更个性化、标签化、流行等元素，表达采用年轻人的口头禅。

找到参考之后，不是要照抄，而是要站在巨人的肩膀上学习，用“形色字质构”的分析法拆解表现及原因，再结合融入到自己的设计中，新瓶装旧酒。

3. 谁说视觉设计不需要动脑！ 想的越清楚，对产品 PRD 及用户深入思考，了解功能，并在设计稿中得体的表现出来，更大发挥设计的价值。

你也可以理直气壮的说：人、功能、场景、风险项我都考虑到了，我这样设计都是基于什么样依据的得出的。从这些的角度可以更全面的思考设计：

（1）带入不同的角色

把自己当成用户，带入不同的「用户角色」：新用户、老用户、普通用户、专家用户的操作经验，是否需要操作新人指引、专业名词用户是否易于理解？重点内容该如何强调？图标的示意是否是可被理解的？

带入不同的「协作者角色」：产品希望突出的重点是？开发的实现成本？运营的包容性怎样？…

（2）从场景出发：

场景要素：用户、需求、事件、环境状态、载体状态、人物状态

产品组成：形态、功能、内容

用户通常会在什么样的时间、地点、满足什么样的目的以什么样的方式使用产品？早、中、晚使用高频时间段是？使用的环境是否会有干扰被打断？是否有多线程任务需要进度提示？…

（3）从功能完成出发

如何引导用户操作主线任务；如何引导用户分流至支线任务；如何引导用户视觉动线、关注点。目标达成需要增强设计氛围感还是信息降噪？信息间的层次该如何区分？如何避免用户误操作？等等

4. 至少 2-3 个方案

（1）自我突破

多出方案多去尝试，经过长期验证，我发现最优秀的设计往往不会在第一稿时出现，往往是在自己的能力圈内的保守方案，越做越有感觉，越能打破原型图的布局束缚，长期看对自己的设计能力也有提升。没法每次都做到 100 分尽善尽美，但可以每次都尝试做更好，每天进步一点点，瓶颈期的时候才会逐渐突破。

（2）差异化输出

方案之间的差异性最好大一些，保留保守的方案和大胆突破创新方案，我习惯在提案时标注分析每个方案的特征，和方案的优劣点，书面化梳理思路。这对日后整理作品集也会有帮助，帮你想起来当时为什么这么想这么做。

（3）更多的选择

出多个方案也可以在评审时，分散下产品的注意力在选择上，而不是集中火力对一个方案的挑剔上，多次提出不同的修改意见。甲方总是贪婪的，想要看到更多的可能性，有对比才更方便做决策，那就提前把更多的可能性展示出来。

5. 选择好看的图片 or 真实的图片

结论是：好看的图片 or 真实的图片全都要！

之前发现很多设计师，只选择用好看理想的素材图片去提升整体的设计调性。好看的图片确实清晰、疏密得当，美观干净，在提案的时候能让我们的设计锦上添花。

但如果项目落地是涉及到用户可以自由选择上传图片这类 UGC 内容，图片的质量就不是我们所能够把控的。那各种情况都可能发生：杂乱的图片、透明的背景、纯白纯黑的背景都会使得可读的文字信息或操作图标识别性变差。如果我们在设计时也用真实情况的图片去验证，寻找更好的解决方案，根据实际情况去添加蒙层、为白色文字加上投影是不是就可以避免这类影响体验的情况发生。同理在输入条件不可控的前提下，尽量多用真实数据或素材去更全面验证设计的合理性。

例：用户可自定义背景的复杂情况影响图标即文字识别

小结：

设计中关键词：多分析、多尝试、多验证，意在笔先。下篇分享下提案的一些经验总结吧～希望与大家多多交流，共同进步

同一个设计稿，如何让过稿率提高70%？ 本文作者介绍了进行设计评审时可以提升评审效率，帮助设计师和与会者更好地进行沟通，并顺利推进项目的一些方法，希望对您有所启发。

阅读文章 >

问题 欠下的债迟早都要还。互联网快速迭代虽然能提前满足用户需求，验证业务模式，但也带来 BUG 增多，管理混乱的问题。

比如随着人员流动，没留下迭代记录。新同事提的需求却不知道离职的老同事曾经做过效果不佳，又重复做了一次，浪费资源。即使想到去查数据，每个人对 埋点 的命名规则都不一样，又得求研发工程师翻代码，查一次历史数据身心俱疲。

如果通过制定流程规范让大家来写文档留下记录又拖慢了开发速度，于是我在思考如何能快速留下记录，后续回顾的人也方便查看。

58UXD 出品的这篇 数据分析 基础也非常实用：

凭什么说设计方案有用？先掌握基础的数据分析思路！ “凭什么说你的方案有效果？

阅读文章 >

思考 1. 可视化结构化

作为交互 设计师 我知道研发工程师看交互说明文档喜欢看图不喜欢看字，我自己也讨厌看长篇大论的报告。这份文档结构要清晰，最好能可视化，看起来一目了然。考虑到数据的呈现，我决定采用表格。

2. 形成习惯不费力

如果在这件事上耗费太多精力得不偿失，要形成习惯，在固定的节点花较小的代价来做这个事情。为此我根据团队的版本开发流程，决定在功能上线数据分析后撰写《上线数据分析表格》。数据分析需要查询埋点，在功能开发后期，研发工程师需要处理埋点，因此在此时记录《埋点记录表格》是最佳的。

成果 经过一段时间的摸索，我总结出了一个管理埋点和数据的模板和方法，来和大家分享。

1. 埋点记录

在完成设计方案后填写如下表格。

修改点是设计方案，目标、预期结果来源于 Google 发明的 GSM 模型，若读者不了解可自行寻找资料学习。

设计师和产品想法不一致怎么办？试试谷歌的GSM模型！ 我们为什么要使用 GSM 模型 常规工作中，需求往往由 PM 发起，UE 团队到底如何跟 PM、FE 等团队成员协同，达成目标共识，是我们值得讨论的。

阅读文章 >

搞清楚预期结果（指标）后，自然就知道需要什么数据。根据需要的数据思考需要哪些埋点，再梳理现存埋点，最后通知研发工程师新增还缺失的埋点。

上线后数据分析 在版本上线分析数据后填写如下表格。

前三列与之前表格相同，实际结果根据埋点的数据分析结论填写。为了让之后来回顾的同事一目了然，建议用绿色表示结果符合预期，红色表示不符合，黄色表示待观察。如果上线之后有遗留问题需要后续优化或者有下一步计划，可填写在后两列中。

或许有同事看完表格后想深究，我们可以把具体详细的数据列在上线表格下方。最后补充版本号和上线日期就得到一份完整的埋点和数据文档，如下图所示。

建议把文档命名成“版本号+上线日期”，便于识别。

制作为模板后，每个版本花半天时间就能完成分析记录。清晰简明的文档让后续回顾某个版本的修改点和数据变得简单。

需要模板可点击如下链接获取： https://fd0bvliidp.feishu.cn/docs/doccn52pJfYmUxrl4eIiqyF4mYf

欢迎关注作者的微信公众号：「龙爪槐守望者」