设想是门逻辑学，然后才是美学

倒霉的加班狗 · 发表于 2021-7-8 09:56

本文做者 | Sunny Wangdribble主页 | Sunny Wang - Dribbble
文章经做者受权发布在该专栏，文章中很多不雅观点不约而合。

设想是门逻辑学，然后才是美学-1.jpg

Part 1. 我有个好朋友，叫框框

曾有人问我：为何你们设想师都喜欢戴黑框？
我说：因为平常画图第一步总是画个框框，手机是个框，电脑是个框，纸也是个框，所以眼里的世界也必须加个框~

其实当时，我就这么一说。如今想起来，大要冥冥之中注定要几年后我才能领会当时这话的深意。这叫本人挖的坑，本人跳。
至于这个框框，有很多种解释的方案，归纳成两个字就是：约束。
说约束的详细内容之前，先叨一下故事后台。许多人，搜罗我从小对设想的梦想，就是充满美感的艺术家做着天马行空的梦，然后用鬼斧神工的手，做出一件件叹为不雅观止的艺术品。直到我本科结业之前，我都这么天真的以为（高中搞着物理竞赛，本科学着通信工程，从小我都教育本人，你是只理工女汉子，不要做少女的梦。然而事实证明我是一只文艺的女汉子，究竟?结果逃不外人文艺术的吸引）。好在研究生灵魂得到解放，奔到美帝学人机交互，把我一直远远憧憬的艺术、莫名累积的技术、和悠远深化的人文兴趣（星座学和心理测验呵呵）完美的合在了一起。然而没有一点点防备，开篇教师就强调 “设想不是艺术”！所以，漂洋过海的来填补内心对艺术的渴望，还没初步就完毕了吗？
接着的话我一辈子都记得：

设想是实现他人的需要，艺术是自我表达的需要。

请看我的超现实主义图解：

设想是门逻辑学，然后才是美学-3.jpg

在后来的研究和工做中，这个 “他人” 的定义在一直地丰富着：设想的东西给谁用，谁拍脑子想主意，谁搬砖，谁点头，谁买单，谁背黑锅（乱入，这个还是默认本人吧，在决策过程中会更有使命感）。。。是的，你的设想都是为了效劳这些 “他人”。设想师要无我，超脱本人，忘记私人恩怨和个人喜好，做出客不雅观公正的最大化满足所有 “他人” 的需求。而且时刻记着，这些需求随时会变，所以面对一直更迭的设想稿，不用玻璃心。设想只要更佳，没有最好。
如今再来说约束。既然有这么多的 “他人” 这么多的需求，天然就构成了各种各样的约束。设想是在各种框框里找最优解的过程。用户的年龄、性别、习惯、兴趣、教育、文化、地区、崇奉 bla bla bla 的分布，是个框框，决定了我们的第一个问题：who’s your user / audience（用户是谁）。他们面临的问题和需求是我们的核心框框：what problem we are solving（处置他们的什么问题/满足他们的什么需求，从而带来什么价值）。团队和资源的需求又画上了 timeline（项目时间表）和 staffing（项目成员）的框框。东西做多大，全套系统还是小功能翻新，改流程还是做视觉/文字游戏，是 scoping（确定项目范畴）的框框。东西做不做得出来是 feasibility（可行性）的框框。有多少钱是budgeting（预算）的框框。公司的形象认知度再来个 branding（品牌）的框框。等等等等。而这些都是在一张大白纸上画框框，接着就在最后规划出来的小小空间里做设想。

设想是门逻辑学，然后才是美学-4.jpg

啊摔！这么狭小的空间怎样驰骋我们天马行空的想象力？这个问题我有一个非（no）常（zuo）科（no）学（die）的解释：要把框框们想象成很高维的东西，这样把他们的堆叠处展开成低维（UI算二-三维，UX算四维）的时候就会非常非常宏大！宇宙会闪烁呢！（此处水很深，不懂的请回家看《三体》）
就是这些条条框框构成了shaping the product（给产物定型）的根底。然而这一切都还没初步做设想呢，然而这一切又都是在做设想哦。

Part 2. 设想是门逻辑学

解释了这么久框框，终于能够点题啦。如此复杂的条件下，要判断情势，权衡利弊，测度人心，给出多种处置法子，还要随机应变，口吐莲花。做设想很大部门的时间和脑力都是在许多噪音（哦不，PM和程序员你们有最美好的声音）中迂回寻找一个答案，用思辨的逻辑，不是凭空想象或东搬西凑。然后在强悍的逻辑支撑下，妙笔生花即可。
这就是为何考察设想师的一个重要因素是他们能否能 justify design decisions（辩解设想决定）。当开会时有非设想人员问你“为何不用。。。/你有没有考虑。。。”的时候，潜台词也许是“你智商在线吗”，这时候你就能够搬出理由123，试过的其他123，利弊123，然后对方大写的服；要是不服，那么请在理由充实的时候潇洒的甩出一句 thank you for your feedback, we can follow up on that（谢谢你的建议，我们能够私聊），潜台词是 you’ll never see me again（走好不见）。所以怎样在被围攻的时候逆袭是设想师的必备保留经历。本例是夸大修辞的打趣话，认真的孩子不要当真。
突然想起之前有人问我，面试遇到 “当你和工程师或者产物经理定见不合的时候，要怎样辩解本人的设想？” 是不是把上面的过程描述一遍就好了？我私以为这还不到，陈述了本人的理念就扬长而去，有没有种自我为中心的感觉？不要忘了，那些 “他人”！想的再周到的设想师仍然只是个人的经历累积，而其他部门的人通常能带入全新的视角。所以除理解释“我”的设想思想，那 “你” 的考虑是什么呢？假如的你的考虑意义严峻，那我虚心承受你的定见。这样既能够研究到新的常识，让将来考虑问题的版图立体化一点，又能够赐顾帮衬到同事的使命感，促进安康的团队气氛。别和他们翻船，要升华成合做伙伴的巨轮。
每次和优良设想师的共事，真的分分钟提醒我本人：智商，智商，不要下线！他们逻辑明晰，层次清楚，考虑全面，论证充实；对其他部门的运做有充实理解，有对用户的忠贞理想，也有对企业的利益责任；思维的整体性很强，有上帝视角的感觉（这是在说我老板星星眼）。他们提的问题总是直中要害，语言温婉得体又针针见血。他们总能一眼看穿问题的素质，而不是粗浅的被视觉上的细枝末节迷惑。设想的不是产物，是体验，用户在他们脑海里规划的世界里一步步打怪晋级，尽在掌握之中。他们很多的时间在考虑问题和价值，跟人交谈深化理解需求，做信息架构，画 user story，铺一墙的便当贴。等一切明朗了画起界面流程什么的行云流水。当然也免不了反复完善，但他们深知这是过程，不是抓瞎。
所以下次见到一个玉树临风的设想师的时候，请把他想象成何以琛，不要跟他辩说，因为你总会输。就算辩说不输，颜值也输。

Part 3. 感受用户体验，不只是眼睛

说了这么多广泛的设想，再来小谈一下我的领域，用户体验设想。
用户体验，听着多玄妙啊。这得是怎样的体验呀。歪果仁称之为 User Experience，简称 UX，业界有很多不同的定义。有的把 UX design 分为 visual design（视觉设想）和 interaction design（交互设想）；有的按 UI 和 UX 分，UI 是画界面，UX 是画界面之外的流程/功能规划；有的大 UX 概念除了视觉和交互，还搜罗了 motion design（动效设想）、user research （用户研究）、content strategy（文案）、production design（画 redlines 或者素材库）。一千个 UXer 几乎有一千种解释 UX 的方式。所以当我们听到“哦，画界面的”，“你是设想师嘛，帮我画个 logo 呗” 的反响时，内心是万马奔驰的。将心比心，就跟 “你是程序员呀，帮我修个电脑好吗”，“你是摄影师嘛，给我美图秀秀一个啦”，“北邮结业的，去哪家当邮递员啊”，“大厨呀，是不是碗洗的出格干净”之类相通。因为这样的对话不只不理解我们的辛苦脑力活动，更不理解我们每小时的收费尺度哈哈。
跟没接触过设想的或者刚接触设想的人，要纠正设想跟视觉的间接联络这个误区。我觉得，体验是各种感知在时间上的集合，看到的，说出的，摸到的，感觉到的，听到的，想到的。如下图：

设想是门逻辑学，然后才是美学-5.jpg

以我们互联网职业的体验为例，眼睛看的是界面的样子，摸的是输入设备，嘴巴说的是用户对产物的评价（或者语音类产物做为输入），耳朵听的是他人的评价和举荐（或产物的声音输出），想的是对功能的理解和操做选择，心里感受的是用产物的愉悦，上瘾，猜疑，或恼怒。不敢说用户体验设想师能操控所有的这些体验，只是说在做一个设想的时候最后步会考虑这些层面，做为另一种框框。
不只体验有方层面面，用户也有多面性。以 Airbnb 为例，做 marketplace 就有市场的两面，房东和房客；Airbnb 滋生了第三方的财富链，于是他们也是我们的用户；客服人员也需要很复杂的一套体系；内部员工平常的日常也需要一些效率/人力/文化传承的东西。当在为某一类用户设想的时候，有时候也要抽离一下看看全局，或许会获得不一样的灵感。
一些对设想不理解的人搜罗每日相处的非设想师同事，都可能觉得我们总是在画UI，其实那是在剧烈的框框大战和群雄舌战的空隙，全套界面出来之后还有反复用户测试和修改的过程。界面只是冰山一角，这一点希望能给需要给产物项目预算时间成本的人一些启发。

Part 4. 但人还是视觉动物

说了这么多，应该不会再问我是不是搞艺术的了吧。但有了金玉此中，也不好败絮其外吧？究竟?结果在互联网，眼睛看到的间接关系到对这个虚拟世界的感官。道理好像只要懒女人，没有丑女人。不求冷艳，至少要得体。有多少人是因为 App Store 的截屏美测验考试新 App 的？虽然下了发现不太实用，不多久就删了。但要是看着太惨痛，间接不会下哦。就仿佛遇到长得美的产物谈个恋爱，实用又贴心就成婚吧！之前说的一切是为了让产物伴人长久，而视觉的包装是为了“让你在人群中多看我一眼”。
这里又插播一条面经，常听要面试的人问交互设想师需不需要视觉很好？官方说法可能是 “有一定的视觉品尝”，不代表能够忽略视觉。因为视觉真的是无处不在：界面自己的美感，交互动画，产物的包装和推广，presentation 的风格和细节，面试者的品貌气质穿戴，眼神的交换…… 别忘了这是看脸的世界。交互设想师确实不需要在视觉上有多大造诣，但不会做包子也得知道包子好不好吃吧？
再说，美感是个比较主不雅观的东西。跟之前强调的逻辑性是对立面。一些人觉得斑斓的另一些人很可能会无感或者反感，反之亦然。设想师辨识时代的潮水，然后缔造新的潮水。过多追求斑斓也可能在功能上碰壁。最后都是各种力量的权衡和折中。所谓美感度强的设想也就是获得更多人欣赏的几率高一点，没什么正确答案。大要这就是设想师永久不会失业的原因吧，需求在变审美也在一直刷新，所以永久能够有下一个版本。
因个人兴趣，我最近在做一个小小的一百天项目，画一百条我认为很美的裙子。满足一下少女心和对时装插画的兴趣，训练一下手感并熟悉不同画材，同时也从新的角度找点灵感。觉得在这个过程中，不说对衣服的品尝有多少晋级，至少对线条、层次、构造、和整体轮廓有了更高的敏感度。让我想起刚初步做设想，从纠结于字体、颜色、可交互元素的样式，到空间的层次和规划，到有企图的导航人眼看的位置，到留白的设想；从炫技到做减法；一直测验考试、研究、吸收，逐步构成本人的风格但又能适应不同场景的需要。这是一场永无止境的修行啊。

设想是门逻辑学，然后才是美学-6.jpg

Part 5. 尾记

这是一篇非典型意识流的设想工做小感悟。自大学结业就没有写过中文的文章了，平常在英文环境中汉语记忆被冲刷了不少。若语句不通或例如不妥，请多多包容不惜指正。
最后出格感激我们镇司女神安姐约稿！我都不知道本人对设想工做有这么多可扯的。想法不分享就遗忘了，写出来留个纪念也好。感激阅读！

设想是门逻辑学，然后才是美学-7.jpg