今天就要可以吗？最迟明天？图好了吗？可以看图了吗？要不你用AI快速搞搞？让我康康又是谁被当成了印刷机？手绘板都冒烟了也来不及。哦！是我！苦逼的画画人～出一张IP形象的H5是吧？头图要丰富是吧？要手绘立体风格是吧？画面内容符合主题就行是吧？很着急是吧？越快越好是吧？用AI快速搞搞是吧？今天的我是钮祜禄·画画人！通通满足！宝子们！打开你的midjourney吧！1.上传风格参考图—2.翻译并输入画面描述—在此，小编把风格咒语先贴上，小伙伴们复制粘贴即可食用哦～sunshine,

母亲节当天网易娱乐上线了一部温情动画《就现在，回家吧》这部短片是我们与AI共创主要用到的是Midjourney接下来分享下该片的制作过程这次我们用的是Midjourney来进行辅助生成，前期的准备工作和传统动画制作流程基本一致，主要是在AI参与的环节有所不同，这里重点讲一下AI描述剧本和AI绘制两部分。01AI描述剧本与传统动画脚本相比，AI绘制需要更加详细的描述剧本，这样AI在绘制过程中，才能将画面内容更加准确的呈现出来。所以我们需要在文字脚本的基础上加入详细描述词汇，将文字脚本细化成AI描述剧本。我们可以按照以下框架进行咒语的描述。1、主体描述1）场景框架：画面视角、灯光角度及冷暖、构图等如：夜晚，下着雨2）主体：画面的主体内容如：一个年轻的女孩3）详细描述：在做什么事、什么样的动作、穿着什么样式的衣着如：穿着橙红色的裙子，一个人走在空荡荡的红绿灯路口2、风格描述/describe

前言—一天一个AI应用小妙招，今天只需要10分钟，就算你是设计麻瓜，也能用midjourney快速做出一套微信表情包，上架使用～话不多说，下方成果图，小编先干为敬！Part

AI设计最近真的太火了，那熊熊大火都已经烧到房顶了，那今天给大家介绍下如何利用AI工具快速输出UI飞机稿，快速过方案在UI设计中，当我们接到产品文档时，首先需要确认的是设计方向、产品风格，为后续的设计定基调，如果我们现在需要做一款家居类的产品网站以及UI，看看我们可以用AI做哪些事情吧，使用软件MJ：那我们首先让AI给我们做个网站，暂定家居类的商品网站：「An

前言—昨天的文章已经教会了大家如何成为15分钟快速制作一幅小漫画（有兴趣的可以翻阅上一篇文章），但是不少同学会发现，Midjourney的随机性比较强，即使输入相同的命令，每次输出的结果都会不同。如输入相同的命令，得出的结果如图1、图2不难发现两组图片仍然存在一定的差异性。那么如何利用命令，使得机器人输出更加稳定的角色，赋予他们不同的表情、动作、服装呢？小编整理了5个稳定角色的小命令，这就为大家一一献上。为了更好地进行对比，以下命令我将采用大量相同关键词，模式均用niji模式，基础命令为：Blind

前言—Midjourney能帮我画漫画了，你敢信？？？只需要15分钟，就算你是设计麻瓜，也能让你轻轻松松完成一张属于你的短片小漫画！话不多说，下方成品图，小编先干为敬！Part

前言—最近AI绘画的热度空前高涨，众多分享平台PO出的AI大作下方，都是清一色留言：“求咒语！”。可大多数童鞋对这苦苦求来的指令，都会产生一个疑惑：“同样的咒语，怎么到我手里画出来的就是一坨shit？难道是我阿瓦达啃大瓜的姿势不够骚？”“一咒难求”、“无法精准施法”是当前Midjourney软件绘画的两大痛点！但就在前几天，Midjourney上线的describe命令，可以将图片反向生成绘画指令，大幅降低了学习咒语的成本，更是让设计麻瓜也能轻松玩转AI绘图！接下来，就用一个简单的工作应用：“商业海报”为例，为大家展示一下这条咒语的妙用！就算你是设计小白，也能轻轻松松5分钟，搞定一张商业海报。下方成果图，小编先干为敬：图片转“咒语”：describe命令的基础操作方法很简单，打开

3Midjourney的高质量输出前面只是比较简单的midjourney绘画输出，在实际的操作中我们可以通过关键词更加准确的定义画面。以下是笔者一些关键词和喂图生成的图像。Disney

AI）：人工智能新范式，重新定义生产力（https://new.qq.com/rain/a/20230204A06ZFP00）real-time

控件IOS、Android、MacOS、Windows各端、各平台的设计规范&控件是设计的基础，无论你是UI还是交互，都应该熟练使用各个平台、系统的组件使用场景。只是UI与交互的侧重点可能不一样,

改版动机对于平台界面设计来说，不论是审美和功能都需要不断地进行更新迭代，满足业务需求同时在竞争激烈的互联网+时代站稳脚跟。本次2.0瑶台官网的迭代与以往不同的是，本次除了对平台框架进行了调整以外，品牌的设计语言也进行了重新定义。一、业务需要1、瑶台发展阶段随着瑶台平台能力不断丰富，各种类型的商业活动举办获得了客户良好的评价，用户量递增，需要运营和更多维度内容展示，承接流量。2、瑶台商业模式的扩增1.0版本的瑶台官网获得客户，主要以提供联系方式等待客户主动联系的方式，另有限的人力进行推广和客户对接，随着瑶台流量的不断涌入，开放入口让更多合作伙伴加入瑶台，在一定程度上能够帮助瑶台未来的推广和产能；2.0的瑶台不仅仅需要体现平台功能定位和硬实力，更大的责任是链接客户和帮助客户顺利进行参会。二、设计推动官网的价值除了直接的转化目标之外，还有打造专业性，树立品牌形象，影响用户对企业/产品的认知和感受，为此我们主要从以下两个方面进行设计推动：1、建立全新的品牌形象、重新定义品牌升级是平台在建立和维护自己品牌资产时所使用的重要战略手段，瑶台从游戏化到应用化的战略转变，在设计入手需要重新建立用户的认识和品牌忠诚度，通过丰富的视觉和概念引导树立品牌个性以及和其他产品的区别度。瑶台需要有自己的“气质”，这个“气质”需要通过设计赋予，设计的前提是需要忠于产品目标和方向。由于产品的更新换代，对品牌形象是有拉动力的，所以我们需要在官网的品牌宣传中，更新全新的界面。2、设计语言的变化新品牌具有足够包容度去适配瑶台产品的气质、让受众能感受到品牌的温润、包容、沉稳，所以官网设计语言需要和新品牌所承载的精神气质相契合，体现科技和包容度。改版过程和思考一、方向探索（发现问题）在我们着手改版前，对当前线上官网问题进行梳理，确定目前存在的问题，才可以知道如何针对性的去改版优化。主要存在以下问题：1、框架传统、信息承载量少官网的框架结构，板块布局就是给用户讲故事，用户进入官网，让用户从初步了解到产生兴趣、价值认同最后成为付费用户，这是官网该有的叙事逻辑。1.0官网在页面结构叙事上相对简单、缺少完整的叙事，随着产品2.0功能的发展新场景、新业务不断拓展落地，需要更多的功能点展示以及业务露出。2、视觉陈旧、缺乏品牌调性官网设计语言构建，品牌定位、风格是用户对企业、产品最直接的印象，老版官网构架常规，缺少业务场景的呈现和认知。因此我们需要建立新的叙事逻辑，在视觉风格上去古风，贴靠新品牌精神。二、结构设计（页面结构、视觉层级优化）官网的首页至关重要，是访客进入的第一个页面，内容上信息精准并高效传达给用户，需要理清放什么和怎么放，要有清晰的叙事逻辑，这里我们借助营销中的AIDA模型，构建官网的页面版块搭建：优秀TOB官网首页信息内容基本会包含：首焦——通常展示企业产品/服务，给用户一个初步印象；核心业务——展示企业的核心价值，差异化的竞争优势，同下一板块的产品介绍，给用户一个深刻的印象；产品的详细功能、应用场景的展示让用户更加了解产品，做出心理预期，是否满足了用户的诉求。通过对产品的功能介绍，优势显现，让客户对产品的服务产生认知和认可，进而完成申请使用，从而也完成企业品牌价值的传递。得出叙述路径：产品初识→加深了解→强化认知→打消疑虑→转化等针对瑶台产品特性和内部同学整理出信息结构：首页的内容往简洁精准打造，开门见山且吸睛，所以只保留介绍/功能入口+技术案例展示+转化主要模块，把长逻辑叙事的基本内容放在了数字活动页里进行完整展示。【首页】最终信息结构：【数字活动】最终信息结构：其他页面：三、品牌记忆点瑶台产品和功能有着明显的行业特征，就必须在视觉品牌上创造记忆点，与同行业拉开差距，让产品的购买者更关注品牌的权威性、可信度以及带来的价值。官网的整个设计语言系统这次从品牌基因、品牌延展、多场景应用、交互体验来叙述。1、品牌基因产品意识：以科技为表层、古风文化为内核色彩偏向：中性、均衡2.0调整方向：由原本的古风设计变为现在的流体概念设计，体现传承共融，更包容，更丰富，更广大深远由此重新定义官网风格，从整体的改版方向和布局调整使其更符合设计目标，锁定几个衍生关键词：大气、共融、科技结合logo颜色色域，以及瑶台品牌的定位，尝试了多个颜色进行对比，最终确定使用#7566F5

我们做了一个小游戏—我们一直在思考还有什么方式让知识变得更有趣？于是我们做了这次尝试借助“网易云音乐活动搭建平台”短时间做了一款H5颜色小游戏以有趣的方式感受颜色微妙的变化我们给小游戏取名叫《RGB挑战赛》，期待大家通关里面的“大挑战”（很难哦！）😈也期望我们能在以后做出更有趣和设计更贴合的小游戏～长按扫描下方二维码可以参与小游戏（网易云音乐·H5活动搭建平台是网易云音乐自研的营销工具，它创造了很多现象级的活动，让H5制作更加简单高效）挑战第一关。。。

前言—易喵作为网易邮箱团队的一员，想要让用户记住，需要我们尽可能多得丰富其应用场景。表情包作为人们网络沟通中不可或缺的工具，将其与之结合，可以有效地融入到用户的生活场景中。借此我们设计了一套以易喵形象为基础的微信表情包，并根据其情绪表现增加了相关动效表达。易喵动态表情一览—Part

能激发用户分享的内容就会很感兴趣。我们也会追热点，比如《摸鱼计算器》、《恋爱MBTI》。0

日常生活中，用户每时每刻都在都需要面对各种各样的决策。如何让用户做出符合产品业务目标的决策，是各行业商家孜孜不倦探索的课题。作为设计师，在对接云音乐营收相关工作后，在影响用户决策进而促进用户体验和业务营收双赢方面，我通过对“诱饵效应”这一行为经济学知识的学习和应用取得了不错的效果，现将诱饵效应的知识点和设计实践分享给大家。概念—诱饵效应（Decoy

随着生活水平的提高和消费习惯的变化，游戏已经慢慢成为消费者主流的休闲方式及社交活动。2021年，中国游戏市场实际销售收入2965.13亿元，较前一年增收178.26亿元，但增幅同比缩减近15%。受到疫情及全球经济影响，中国消费者信心指数近两年波动明显。如何在保障体验的同时，能够让玩家愿意、并最终为喜欢的游戏内容付费，是众多游戏行业从业者最为关注的问题之一。尤其是玩家的新手体验前期（一般以新玩家进入到游戏后开始计算，时长在30分钟-1小时左右，不绝对，不同游戏类型和特定游戏有较大差异），被认为是激发玩家付费意愿的“黄金时期”。本篇文章将从游戏设计角度出发，以我们之前所做的竞品分析案例为基础，分析提升玩家体验前期付费意愿的各种因素，希望能给大家带来启发。1影响因素一：付费模块和内容如何解锁？

随着生活水平的提高和消费习惯的变化，游戏已经慢慢成为消费者主流的休闲方式及社交活动。2021年，中国游戏市场实际销售收入2965.13亿元，较前一年增收178.26亿元，但增幅同比缩减近15%。受到疫情及全球经济影响，中国消费者信心指数近两年波动明显。图1：中国消费者信心指数-近10年图2：全球消费者信心指数-2022年7月*

工作中经常有人聊起交互跟产品的差别是什么？交互跟UI的差别是什么？似乎从入行至今，都一直有过这样的声音。互联网红利期的逐步消退，资本紧缩，压缩人力成本似乎成了一件趋之若鹜的事，所以早年阿里提出了全栈设计师、全栈工程师的概念，但本质上各种细分岗位的工作一直都存在，从未消失过，只不过以不同的形式被平摊了，但效果却难以说是好的。下面将去抛砖引玉的探讨交互设计价值点，并聊聊能否被兼并或取代。Part

收到消息的状态，不止是发来一个提示，而是根据游戏的特色做成跟随人行走的动态3D跟随带透视效果，形成一种很随意看消息的体验，就跟我们平时在街上看手机上的信息一样轻松。c.

网易校招正在火热进行中，小编探访前线，带来内部面试官独家专访↓↓↓《由一个文案引发的系统改造》《对设计师说："设计是道证明题"》《浅谈交互设计之于耐玩性的提升》《桌面端和移动端的设计差异性》《围绕深层次情感诉求的反馈设计》《入门交互设计的4个步骤》《好的banner广告，都是用户设计的》《如何通过配色提升设计品质？》《设计师如何主导产品改版，提升用户体验》《如何利用网格系统科学地打造APP界面》《新人设计师该如何提升设计思维？》《如何系统性提升中后台产品体验》《以不变应万变-交互规范的制作与思考》《网易严选插画风格专题设计五部曲》《图文排版入门指南》《网易严选APP品牌设计》《交互面试官想了解什么，你知道吗？》《细说“十大可用性原则”》《这是一篇正直的基础配色说明》...更多文章，可以关注公众号查看更多哦～

前言—目前的设计行业如何提高生产力、行业前沿的解决方案有什么？本文主要通过对设计产品的现状的了解和调研，找到更适合B端产品提效的方案～互联网行业经过十几年的高速发展，已经进入了成熟期。在一个成熟的行业中，除创新突破外，有效的成本控制和提高生产效能是企业成败的关键。2020年疫情助推了在线办公的发展，也让数字化经济和数字化转型成了很多企业的选择，原本对用户体验要求不高的B端产品也得到了越来越多的关注。写这篇文章的初心也是基于在探索中后台产品的研发流程中，在保证较好的用户体验的前提下，通过C2D2C的模式提高产品研发的生产力，从而达到提升生产效率的目的。Part

3系统思维：让设计动起来梳理错误提示的同时，我们还需要搭建一套系统，以实现灵活配置与实时生效的目标，即：将我们的设计构想进行产品化落地。而此时，系统思考之一，便是关注系统的动态性。1.

最近，小编在后台收到很多很多留言，有关网易校园招聘内推的事情。。。大家的关注度是不是偏了！咱们的文章还不够吸引你们吗！那既然如此。。。看在咱公众号粉丝“蹭蹭蹭”上涨的份上，小编含笑给大家整理网易各事业部校招内推渠道。👇👇👇先插个广告👇👇👇说正事！我的内推码呢？给我拉上来第一弹—网易互联网校园招聘关注公众号，留言“互联网内推码”获取内推码二维码会过期，先关注公众号，随时获取最新内推码！复制链接查看网易互联网相关职位，https://campus.163.com/app/net/position第二弹—网易游戏（雷火）校园招聘关注公众号，留言“雷火内推码”获取内推码二维码会过期，先关注公众号，随时获取最新内推码！复制链接查看网易雷火相关职位，https://leihuo.163.com/campus/#/full第三弹—网易游戏（互娱）校园招聘关注公众号，留言“互娱内推码”获取内推码二维码会过期，先关注公众号，随时获取最新内推码！复制链接查看网易互娱相关职位，https://game.campus.163.com/position/12?sc=34最后—小编期待和你成为同事！（多看文章，多学习，面试的时候会用的着）PS:如果你身边有同学、朋友、学弟学妹，记得将本文转发给他们哦！

5证明你的证明是对的“复盘、复盘、复盘”重要的事情说三遍。验证你的设计正确性与有效性，并对后续的优化做准备。附赠一个心理学小知识：北京师范大学心理学部的部长——刘嘉教授

前言—游戏从诞生到上线运营，过程中都会经历无数玩法的设计和迭代，以扩充游戏内容的广度，丰富玩家的体验。本文所提的耐玩性，不包括玩法的广度，只讲玩法的重玩价值（游戏内容具有多次重复体验的价值），并由此带来玩家游戏时间的延长。玩家通过看似枯燥的重复体验，逐步探索到其中越来越多的乐趣，从而形成自驱的再体验行为，比如：战斗，收集，探索等等都具有此特点。本文试图通过总结具有耐玩性的玩法特点，并且结合交互设计，来谈一谈当我们遇到类似内容时，可以如何通过交互设计的表达来进一步提升玩法的耐玩性。那么什么样的玩法耐玩性比较高呢？具有耐玩性的游戏有哪些特点呢？本文将从以下五个方面进行分析，包括：剧情开放，数值多维，玩法随机，表现丰富，自由探索。Part

很多人小时候都玩过一款益智玩具——七巧板。七巧板只定义了7个图形就可以创造上千种图形组合。在设计领域，我们是否也有可能通过这种方式，“将设计作品解构，把解构出的素材重组成新的设计作品”？市场已经给了我们答案，大量的设计素材网站就做着为设计师提供“七巧板碎片”，来方便设计师工作。这其中的价值显而易见，不仅可以降本增效，还可以避免设计资产浪费，以及提升设计质量。一、“七巧板”背后的意义和价1.

今年六月份，网易杭州园区全新的咖啡吧正式开业了。与此同时，易购、易餐也相继开业，瞬间火爆了整个网易，使得猪场的园区生活更加丰富多彩了！与此同时，整个系列全新的品牌及系列周边设计，也受到了大家的一致认可。那么，全新的品牌设计灵感来自何处？设计过程是怎样的？有哪些有趣的故事？下面，我代表设计团队为大家介绍一下品牌设计的整个思路与过程。前言网易咖啡吧算是我们的老朋友了，一转眼已经伴随了网易的小伙伴们大约七个多年头了。醇正的咖啡口感、温馨的场景、日益丰富的饮品类型，逐渐成为了网易人的另一个工作空间。升级前

最近在做跨平台产品，设计桌面端时一直有个疑惑：桌面端是不是把移动端的设计直接平移过来就行，还是说会有差异性？这些差异性背后的原因又是什么？于是做了一些简单的研究，下面与大家分享下桌面端和移动端的设计异同点（都指客户端。之所以强调这点是因为桌面客户端和web端又会有一些差异）💂整体的一致性首先，跨平台产品的设计整体是期望趋于一致的，这样不仅可以降低用户的认知成本，也可以降低设计成本，甚至可以降低开发成本（更加统一的接口）。从布局上而言，桌面端的界面可以理解为是移动端的多个界面拼接在一起（上图）。从功能上而言，桌面端的功能也和移动端的整体一致，只是在视图层面和控件层面会有所差异。比如下图所示案例，Mac端“新建提醒”和iOS端整体是一致的，只是使用的控件和视图不太一样。但局部而言，桌面端和移动端仍然有着很多差异性。在设计桌面端时，尊重这些差异性是十分有必要的。下面的篇幅便来介绍下这些差异性。大家也可以思考下，这些差异性背后的深层原因是什么？💂信息架构差异1.

近期，六旬老人现金缴纳医保遭拒事件刷屏，国务院专门出台方案，整治老年人手机银行App使用困难问题。此次舆情，对银行来说，既是挑战，也是机遇。网易UEDC受网易财经、网易支付及多家合作银行邀请，对“适老金融服务体验”进行了深入研究，提出了切实可行策略。文章将从以下三部分进行分析：1.

✨背景活动类项目由于具有玩法时效性强的特点，经常需要快速上线，但是需求变更频繁、方案难以达成共识、上线物料被忽略等“地雷”遍布项目进程之中，如果不幸“踩到引爆”，必然严重影响上线速度。交互设计师作为项目链条中承上启下的重要一环，可以通过提前介入、专业支撑等“排雷”策略对项目高效准时上线起到十分重要的促进作用。笔者从2019年全面负责网易云音乐会员营收活动的交互设计工作，对从交互侧保证活动类项目高效协作和快速上线有一些思考。现按照一般活动类项目必经的项目立项阶段、项目执行阶段、项目收尾阶段来梳理出影响活动快速上线的“地雷”，并且输出对应的策略，希望对其他做活动类项目的交互设计同学有所帮助。✨一、项目立项阶段项目立项阶段主要有两个“地雷”，一个是运营玩法和策划需求变更，一个是业务细节和熟识度不足导致的设计返工。交互设计师可以通过提前介入、整体活动逻辑可视化的梳理来避开“踩雷”，下面将分别阐述。1.排除“运营玩法和策划需求变更”的地雷提前介入，从用户体验和开发成本角度管理运营玩法和策划需求。众所周知，一个活动从发起到下线流程如下图，

所谓深层次情感诉求说人话就是“爽”，每个互联网人都希望自己的产品能让用户爽，而这篇文章主要从反馈设计的角度来思考如何达到这个目的。1.情感诉求是什么人的情感诉求可以分成三个层次，分别是本能层、行为层和反思层。对于互联网产品而言，本能层就是满足用户基础的信息获取需求，行为层是让用户在使用产品时舒服流畅，而更深层次的反思层可以激发用户的情感共鸣，让用户有成就感。将市面的互联网产品分个类，抛开B端产品，主打情感诉求的比如社交类、游戏类、内容社区类；而另一类偏向工具属性，比如墨迹天气或导航等，可以发现大部分的产品做得还是前者，因为满足情感诉求会让用户有更强的付费意愿。2.满足情感诉求的作用2.1让用户上瘾比如大家都爱刷的抖音，短短几秒的时长就能满足用户的快乐、性欲、猎奇和知识焦虑等各种深层情感诉求，让用户在不知不觉中上瘾，陶醉其中。2.2让用户有动力参与比如知乎回答问题后获得了一定的点赞量，会进一步刺激用户回答更多问题。像下图中的案例，对于小透明用户，第一次被追捧的感觉会让TA印象深刻，为了继续获得这种感觉，下一次回答问题会更加仔细认真。2.3让产品脱颖而出当初云音乐刚上的时候音乐市场一片红海，已经有很多不同类型的音乐流媒体平台，但云音乐凭借在“音乐发现”上的高调性，满足了用户对高品质音乐的追求，让用户在使用时能有一种差异化的成就感，或者说逼格。2.4让用户愿意花钱直播产品中为了刺激土豪们打赏，会将每一次打赏的反馈提示做的很凸显，而且花的钱越多表现形式越花哨，并实时播报给所有人，让土豪用户充分获得打赏后的成就感，刺激进一步的消费。3.反馈设计是满足情感诉求的重要一环反馈就是用户做了某项操作之后，应用系统给用户的一个响应，这是产品和用户交流最多的一种方式。当面向基础的情感诉求，主要使用通用的反馈形式，比如弹窗、toast、小动效、声音或震动等，让用户获得基础的信息反馈。而面向深层次的情感诉求，需要深度结合具体场景以及对应的情感诉求去做设计。4.反馈设计框架反馈设计的框架可以总结为三个方面：建立参与前的反馈预期、参与时的即时反馈和参与后的持续反馈。4.1建立参与前的反馈预期通过其他参与者的案例来引导，目的在于建立用户对参与后的反馈预期和认知，将核心情感诉求具体化，提升用户的参与动力。比如在设计云音乐的人气应援榜时，为了满足粉丝应援的成就感和群体归属感，设计了粉丝排行榜。通过强化头部三名的展示形式和支持点赞互动以达到头部的示范效应。当看到头部三名可以获得数百至上千的点赞后，其他粉丝参与应援的动力将得到强化，成就感有了明确而具体的外化形式。功能上线后跟踪头部三名的动态，发现不少围观粉丝会在他们的动态下进行互动，这相比简单的点赞互动更具真实性，而更加真实生动的案例将进一步提升用户的反馈预期。4.2参与时的即时反馈参与流程有的可能只有单个页面或点击，但有的却需要多个页面去承载。流程越多用户的投入越高，期待也就越高，如果参与过程中不能持续的刺激用户，可能流失率会比较高。所以需要针对性的做一些即时反馈设计，放大情感诉求弱化负面情绪。比如KEEP，参与KEEP训练主要是为了提升自我形象，并获得锻炼后的身心愉悦。但训练本身是比较辛苦的，很难坚持，所以在训练过程中，keep露出了时间进度的反馈，让用户能有一个清晰的预期，同时将整个训练分成多个小节，每个小节结束都给予用户休息的时间。同时为了让用户坚持下去，会不断的通过语音的形式激励用户，仿佛有一个教练陪伴着你，给你加油鼓劲。如果用户点击了暂停，会在暂停页面上露出一句名人名言，强化锻炼在自我实现上的价值和意义。并显示当前还有多少人正在学习，刺激用户不轻易的放弃。4.3参与后的持续反馈参与后如果只是短暂的反馈，有时候是不足以满足用户的情感诉求，只有持续性的反馈才能让用户长期的参与甚至上瘾。先举一个云音乐的设计案例，当时在做私藏推荐小程序时（这个小程序是鼓励用户推荐自己私藏的冷门好歌），功能冷启动时，我们给不少歌单达人发送了私信，希望这批达人可以作为第一批推荐者，推荐他们的冷门好歌。私信发送后确实有很多人推荐，且歌曲质量也不错。但核心问题在于推荐人数衰减很快，导致推荐内容紧缺，所以当务之急是要刺激推荐者不断的来推荐。通过进一步的分析，推荐者在意是其他用户对其品味的认同。只有让推荐者持续感受到这种认同感，才有动力持续的参与，所以想到了收藏通知机制，只要用户收藏了歌曲，推荐者就能收到一条通知。功能上线后，推荐人数终于稳定维持在理想范围。而且通过后台跟踪，收藏率高的推荐者重复推荐率也很高，这使得整个UGC体系在通知反馈的带动下运转起来。5.针对不同情感诉求的细节设计思路按照上面的设计框架去设计前，需要明确具体的情感诉求，因为不同的情感诉求，思考的重点不同。这里主要总结几项常见的情感诉求，比如成就感、社交认同感、尊贵感和负面的挫败感。5.1成就感成就感主要在于成功后的喜悦，但成功的指标有很多，如果想让更多用户享受到这种喜悦，需要梳理指标中最容易达到或感受最强烈的，进而放大这一指标。比如跑步类的产品中，成功的指标可以是跑步的路程、消耗的卡路里、坚持的时间、配速指标等，如果选择卡路里或时间，对于大部分用户而言，在指标上的差异性不足，导致成就感并不明显，但如果凸显跑步的路线图，则不仅展示了跑步成绩还显示了独特性，图形化相比简单的数字也能传达更丰富的信息。所以不少跑步APP最终生成的都是路线图为主，而不仅仅是卡路里或时间数字。除了挑选指标外，反馈设计的仪式感也很重要，比如上图中的路线图样式就是一种，还有像吃鸡游戏中，为了进一步放大胜利者的成就感，设计了奖杯和礼花，让玩家可以通过发射礼花、举起奖杯等形式释放自己的成功喜悦。5.2社交认同感社交认同也是常见的情感诉求，毕竟人属于群体性动物，他人的看法时刻影响着彼此。面向认同感设计，重点关注参与后的持续反馈部分。可以设计简单而轻量的互动形式，降低互动的门槛。比如云音乐的评论点赞，只需要简单的一次点击就能表达对某个评论的认同，门槛很低，像王诗沐曾在《幕后产品》中写过关于云音乐评论点赞的设计思考，如下图所示。除了低门槛的互动形式外，还需要进一步区分由浅入深的互动级别，让用户能像打怪升级一样获得不同层次的社交认同感。比如B站作为二次元社区，除了普通的点赞收藏外，还独创了一键三连玩法，代表对Up主最高的认同。5.3尊贵感偶尔我们会想着表现自己，而获得一种差别于大众的尊贵感。放在产品层面，如果能让付费用户感受到这份尊贵感，可以有效提升付费转化率。所以设计时重点考虑建立参与前的反馈预期，需要挖掘付费用户与普通用户之间的不同，并针对性的放大差异，从而凸显尊贵感。而放大差别可以是显性的设计表达，比如云音乐中针对黑胶会员，会露出很多相关的权益和提示，像昵称旁的黑胶会员标识，当和其他用户头像放在一起时，形成了鲜明的对比。云音乐为了进一步凸显会员的尊贵感，还增加了大量黑胶专享的头像挂件。5.4挫败感上面几点都是偏向正面的情感诉求，但其实负面的情感同样重要。核心的设计思路在于放大失败体验中的希望，让用户觉得遗憾而重拾信心继续尝试。比如常见的抽奖转盘设计，会把所有的大奖均匀的摆放出来，而概率最大的谢谢惠顾，在形式表现上却和其他奖项没有差异，这导致用户对得奖充满希望，即使没有抽中，也会继续尝试。6.反馈不能过度过度的反馈会降低反馈的效果，比如前面提到的云音乐私藏推荐小程序，本人推荐了很多优质歌曲，这导致我的通知每天都有99+的收藏提醒。起初确实会很爽，但久而久之会感觉习以为常，进而失去了兴趣，导致在很长一段时间失去继续推荐的动力。所以针对这个问题，有两个设计思路，一个是控制频率，毕竟物以稀为贵，比如上面的例子，超过一定推荐时间的歌曲将不再推送收藏提醒。第二个是区分阶梯，比如普通级别的反馈达到一定程度后就自动停止，转而更高层次的反馈替代，让用户有一种升级的感觉。比如上面的点赞当突破了5千或1万的门槛后，才会再次发送反馈通知。7.总结围绕深层次情感诉求的反馈设计可以获得业务和体验的双赢，设计框架上需要考虑提前建立反馈预期、注意参与时的即时反馈并保持参与后的持续反馈，而设计细节上要依据不同情感诉求的特点针对性的设计，注意避免反馈不能过度。

权···········································

经常被人问起“如何入门交互设计”，也做过很多次解答，今天便系统地和大家聊聊提示：这篇文章会很长，如果一次看不完，可以收藏一下；这篇文章主要是为新人撰写，所以很多概念/方法会比较模糊地说，多少会损失一些严谨性👹学习交互的步骤有些同学入门交互的步骤是：看一些书，比如《交互设计精髓》，然后借鉴各个竞品开始画交互稿，一年后好像也入门了。但这么做会有2个问题：先看书，尤其是《交互设计精髓》，很容易让人放弃，也很容易让人变得“空洞”跟着竞品学画交互，很难领会到体系的基础知识，学到的都是零散的点，也就是野路子那么相对有体系的学习步骤是怎样的呢？这里笔者用“学武功”做一个类比：这个学习步骤也可以对应到交互设计T型能力图谱上，如下图：下面的篇幅我们便来分别介绍每一个步骤具体学什么？怎么学？👹步骤1：界面基础（招式）界面基础指的是：控件、布局、流程，也就是在交互稿上肉眼可见的部分。入门时先学界面基础可以让你快速感知到什么是交互设计，并建立一些兴趣和信心1.1.

“参与感”一词常常出现在C端产品的用户运营领域，主要指围绕用户思维来设计一系列互动行为，实现以用户增长为主的目标。与其相比，这个重要的关键词在B端产品领域内的出现频率却是寥寥。为什么认为它重要呢？实质上，“参与感”是人（用户和研发者）与产品的一种情感的连结，它往往也决定了一个人的问题思考视角。加强参与感，即由原本第三人称视角转换为第一人称视角，更好的实现个人价值在项目中的最大化。接下来，笔者将结合自身项目经验分别从三个方面阐述参与感的重要性，以及它缺失时会导致的问题，希望能提供各位设计师一些新的思考切入角度。✨用户的参与感“如果不换工作，这些工具我应该会一直用下去吧。”这句话来自某大厂的用研记录，也是反映了目前许多B端产品的用户现状。在企业中，用户已经习惯于被动的去学习既有工作流程和需要使用的工具，难以主动的去反馈和发现问题。作为B端设计师，对于提升用户参与感的本质更多的是指通过加强互动去洞察用户行为背后的心理活动，替沉默的用户发声。让用户介入更多的研发环节在产品研发流程中接触用户最多的环节集中在用户研究与测试上，通常适用的场景包括了：新的产品领域、复杂流程功能、重大升级改版、设计方案有争议等；用户测试的类型和手法多样，从覆盖面和周期来看特性各不相同。如果将覆盖面较广的数据埋点与季度性的用户访谈与可用性测试、大版本的bugbash结合起来，可以为产品构建一个比较完善的用户研究体系。另外，从整个研发的流程来看，让用户参与可以形成一个良好的上升螺旋。比如前置的用户研究环节能够帮助检验业务需求/逻辑的真伪性，设计阶段的用研能为设计环节提供良性依据，产品上线后的用研通过数据的收集检验目标是否达标，为后续优化提供方向指导和经验沉淀。让用户介入参与决策与反馈让用户参与到产品的发展计划中有个很容易犯的错误：用户会直接告诉你需要的功能或者提出一个解决方案。这不但不会帮助我们从根本上做出创新，还会阻挡发现用户真正想要的是什么。例如，笔者参与研发的平台用户曾基于已有的发布模式提出了便捷创建关联信息功能，但实际上深层原因源于当前的发布模式已不适应于团队当下状态，平台需要去探索新的发布模式来进行优化和匹配。因此在收集用户需求反馈时，正确的描述应该需要包含的因素有：场景描述+期望目标，如此可以由表入里了解用户核心诉求，衍生出更多样、覆盖面更广的设计方案。另外，在进行需求优先级评估时，除了“决定是否使用”性质的功能外，需要从产品设计的角度思考评估：当前用户所提需求是否存在通用解决方案，如果只是非常深的业务场景，那可复用性就很低，相应的要考虑是否能够通过设计方案降低开发的成本。如果这个解决方案的提供对产品来说只是功能的堆砌而非能力的增益，最好再多思考一下是否值得投入资源去做。✨设计师的参与感通常来说，设计都处于项目流程中的需求下游环节，属于辅助求概念方案落地的执行层面。但如果设计师在团队中角色的仅仅只是被看成“资源”，缺乏参与感，会带来很多的问题。首先，产品的用户体验问题优先级低，没有话语权。尤其对于拥有付费用户的企业产品来说，面对不断的要求新增功能，设计师很难说服决策人投入资源来提升用户体验，开发计划的重心通常会与功能优化偏离。其次，被动接受沟通，影响设计方案有效性。当需求来源是非一线用户提出或未经过专业产品逻辑梳理的“一句话需求”，设计师通常需要对概念进行再加工。无论是理解上的偏差还是因变更、滞后发生信息失真的情况，都会影响输出的方案的质量与进度。怎样才能改善这个现状呢？贴近用户，在与用户的切磋中共同成长。对许多B端产品而言，“从业务需求走向真实产品”这件说起来简单的事情，实际上是业务功能简单堆砌到用产品化思维寻找通用化解决方案的思维转变。在这个过程中对设计师有个比较大的挑战：如何与职业属性相距甚远的用户建立同理心？虽然说我们都知道在为企业员工做设计时，宗旨围绕“帮助用户专注于更好的完成工作”，关注他们的角色权限、工作流程，但也需要跳出产品的框架去多了解用户的职业价值诉求。现状的症结点在哪？是否存在更大的优化或创新空间？反而是一些隐型的、间接性的收益可以帮助他们跳跃性的快速发展。加强沟通理解能力。在需求沟通到方案产出阶段，对设计师来说需要不断深入业务、梳理其中错综复杂的关系。需要考虑的因素包括：对功能点的影响面进行系统性检查，查漏补缺；考虑边缘场景，完善覆盖范围；结合功能点的上下游，查看是否形成了业务闭环；增强设计影响力。不定期的在项目团队内开展用户体验相关主题分享，帮助他们树立“好的用户体验”不仅仅是设计团队任务的思维，定期清理体验优化池的机制；建立可量化的指标，在可控的时间段开始做优化，并使用指标来检测优化取得的结果。有明确的数据指标的好处在于，结果导向性明确，不被业务需求牵着鼻子走。这些都能够帮助设计师在团队内建立起信任感，慢慢扩大设计的话语权和影响力。✨团队成员的参与感任何一款好的产品背后必定离不开一个优秀的团队，除了用户的体验外，研发团队的协作效率和成员状态也需要获得关注。组成团队的成员往往职能多样、诉求不一，看似简单完美的设计方案与优秀的技术方案并不能完全相等。对于一头扎入业务的工作日常，也会导致成员对交付物为产品带去的价值知之甚少的不良现象。一方面，设计师可以协助团队建立一致性的目标，加强团队凝聚力。多尝试组织和邀请团队参与产品目标共建的活动，可以帮助他们跨出个人的任务外，站在全局的高度看到产品的方向。其中，采用解决方案启发式的沟通方式、前置考虑技术投入产出比，能更好的权衡用户、体验与技术间的关系。另一方面，尝试让他们变成使用者，降低沟通成本。与前文所述的“同理心”一样，若能协助团队成员尝试扮演为（或转化为）自身产品的使用者可以很大程度的加强共情感。这意味着更加直接的审视产品，调动个人积极性，让他们主动参与进来去推动一些有价值的尝试。当然，为了让这件事更顺畅，我们也需要降低沟通协作上的门槛。例如，观察分析目前团队研发环节是否有评审、走查环节的缺失，信息沟通不畅等问题的出现。推动流程的合理性，沉淀工具去提升工作效率，如业务组件库搭建、design

Analytics等；医疗类产品（Healthcare）：面向医务工作者的工作平台，相关企业如Varian；物流平台（logistics）：解决现代企业物品流通的所有物流需求的平台,

✨前言文章从常规的banner广告去展开叙述，对当下常见banner的设计风格等进行剖析，并融入自己的思考和总结，着重从用户的角度去思考一张banner广告的从0到1的过程。我们分三个维度去探讨：数据驱动——提高精准性易懂性——增强可读性情感设计——提高点击率✨数据驱动——提高精准性当广告投放没有目的性，就很难将产品通过广告传递给目标用户，从而很难实现广告的最大效益化，而大数据时代往往能帮助我们的广告精准地传递给有需求的用户。通过结果数据分析每当你打开淘宝时，首页的banner广告总是会弹出你近期浏览过的或者是购买过的同类产品，这就是淘宝善于使用个人大数据，从而达到精准推广的效果。而设计师在设计banner广告图之前，一般会参考之前投放的结果数据，例如设计A类的广告投放量、阅读量、点击率等等数据去分析A图的好坏，再通过大量的数据比对来分析出A图中哪个单一框架所产生的作用更大，从而为后面的设计做参考。（ps：广告banner的点击量不仅仅在于视觉，跟产品、投放渠道等也有影响，在结果数据分析时应当注意）用户需求分析说到需求，很多人想到马斯洛的五大需求：生理需求、安全需求、社交需求、尊重需求和自我实现需求，如果用一句话简单地概括，需求即是用户尚未满足又渴望被满足的愿望。当我们在设计广告banner前，要先思考banner的投放渠道、产品定位等等来分析目标用户的需求，从而让设计更易被目标用户接受举个栗子：设计一个广告banner投放渠道在拼多多，我们会先通过大量现有的数据分析出拼多多用户群体的三大主要特点：①学历低（文案要做到简洁易懂）②一二线城市以外人群较多（设计风格要贴近用户群体）③追求低价格（突出价格视觉层级）。从追求低价高端产品入手，从而思考出在设计广告banner图时能不能突出制造对比来抓住用户需求，解决用户痛点。设计不是千篇一律，也不需要摸着石头过河，而是要有数据的支持，了解用户需求，再根据需求用设计突出用户所在乎的点，才能达到更好的效果。✨易懂性——增强可读性易懂性强调设计应从用户获取信息的角度出发，思考如何让用户更加简单地获取广告信息。三秒原则从淘宝、小米优品等app上可发现banner图片出现的时间只有三秒，也就是说三秒内要传递给用户所有信息，所以这里不仅要做到无障碍设计，还要思考如何设计广告banner让用户快速获取信息。一般从色彩、板式、层次、风格、创意等方向入手，第三点会做详细概括，这里不做延展。设计可读性常规的广告banner图主要由文案框、产品图/插图框、背景框和按钮框四个框架构成，而易懂性常常体现在文案框的内容和设计上，我们要做到文案尽量简洁通俗、文案内容的行数尽量控制在三行以内，确保可读性；在设计上，我们不仅要做到舒服、显眼，还要有信息层级，合理引导用户第一眼信息内容。遵循无障碍设计，我们要在设计前分析用户群体、提炼产品卖点，针对不同年龄层用户做到文案可读性。如果面向儿童，我们要做到文案简洁易懂，图文并茂；面向老人，字体要大，需求可视化......善用行业属性当产品行业在用户的头脑里占据一席之地时，我们在设计广告banner时要善于利用其已有的行业风格，提前告知用户产品类别，便于用户更快获取banner信息。那么如何利用其已有的行业风格呢？这里从色彩设定、风格元素延展去说色彩设定：在选择广告banner主色调时，我们会更偏向于行业属性主色调>显眼主色调>情感主色调，（当然也有非常规的例如节日类的主色调）选择行业属性主色调往往能体现banner独特性。如教育一般为蓝色调，化妆品一般为粉色调...风格元素：这里我们直接用一个例子来也许会更容易理解，比如下图，当没有文案通过风格元素，我们脑海里会马上检索出这个banner广告图的产品以下几个关键词：潮流、社交，恋爱...用固有的用户思维，快速融入广告所要表达的信息。以上两点都是利用用户已有的行业印象，降低读者的认知负担，从而快速获取banner信息。也许有人会疑问，为何不用品牌，而是用行业的属性去设计广告banner。在思考中我也得出以下两点结论：用户比较懒，只能接收有限信息，记住的往往是某类行业的大属性；广告banner的主要目的时在于用户接收信息，竞争往往比较小；✨情感设计——提高点击率当广告banner已经能做到被用户注意到且快速获取信息后，我们还要思考怎么样才能让用户更有欲望去点击内容或者在脑海中留下对产品的印象呢？我们主要从这两个方面入手：创意拉近用户距离好的设计能引起用户注意，而有趣的设计能让用户感动亲切。创意的方式有很多种，能让用户感到有趣的创意才算好的创意。比如在设计有道词典笔的banner时，加上磊哥的形象，这样不仅加强banner的权威性，也给banner添加了趣味，从而拉近与用户的距离。给用户一点感觉banner广告在唤醒用户的眼睛同时，又能告知用户的心灵，那是最好不过的。如何告知用户心灵，我们常常根据产品的特点赋予感觉，比如产品是电饭煲，我们会给用户描述回家的感觉；产品是家具，我们会给用户描述生活...广告是一个让用户感到枯燥的东西，通过情感设计，带动用户情绪，从而达到购买的效果。除了情感上的设计外，大多数banner广告设计也会给用户以急迫感，比如在按钮文案上的设计从“点击购买”到“马上购买”再到“立即抢购”，这种急迫感层层递进，促使用户点击成交。如何判断一个设计作品能不能唤起用户共情，如果在条件有限的情况下，我们可以自己充当那个用户。举个栗子：当我们在设计完一张banner初稿时，我们会通过自检的办法检验一个banner是否能够带动用户情绪。上图，我们通过自检发现banner的各个元素都能被用户获取，但在情感设计上，或许还可以进一步进行思考。我们主要做了以下思考：通过文案中“笃局”--有输有赢，所以通过颜色对比来添加趣味性，同时引导用户的注意力。在确保文案的可读性，通过倾斜向上的文案给用户积极向上的感觉，打破版面呆板。✨

✨前言插画在中国被俗称为插图,有着非常悠久的历史，最早在佛教文化中出现，以“变相”图解宣传佛教教义，如今一般指为企业、产品、服务所绘制的图画的一种艺术形式。作为现代设计的一种重要的视觉传达手法，插画以其直观的形象性，真实的生活感和美的感染力，广泛应用于现代设计的多个领域，涉及到企业宣传、社会文化活动、影视文化等诸多领域。插画一方面富于灵活表现，可根据设计师思维和想法进行各类创意，适用于各类视觉主题，另一方面又与严选简约、精致的品牌形象契合度较高，因而是严选专题设计的一个主要表达方向，经常在严选

一部好的电影，通常情况下需要有一个明确的主角，它主导了整个电影的走向，对于设计作品来说，也是相同的道理。所以在配色过程中，首要的任务是确定配色的主色，并在整个作品中明确它的地位，让它来主导整个画面。

图文排版是个老生常谈的话题，每一位设计师都具备一定的图文排版能力。我们工作中几乎天天都在排版，对于排版似乎是信手拈来，然而就是这样的信手拈来，却会让不少初中级的设计师忽视掉很多排版的细节，做起设计来也毫无章法。在这里，我整理了一些在排版中值得注意的细节，和排版的小技巧，希望能够对大家有所帮助。一、保证文字的可读性在页面中，文字是重要的信息来源，所以保证可读性，是文字排版中首要考虑的事情。影响文字可读性的因素很多，但在众多问题中，流畅的阅读排版是保障可读性的基础。在排版中控制好文本的长度、字距、行距、段落与对齐方式，就能够有效的提高可读性。左图中，文字成为了画面的装饰元素，忽视了文字本身所承载的信息；而在右图中，文字是一种功能，用来传递信息。二、文字与背景需要清晰区分循白纸黑字、黑纸白字的原则，在深色的背景上采用亮色的字体一般能保证可读性。字体过细、背景与文字对比度不够、文字透明度过高等问题，都会造成文字与背景融为一体。存在诸如此类的问题都要针对性的去调整。三、选择风格合适的字体选择与页面设计风格不搭的字体会带来“违和”的感觉，会改变页面的气质，对信息传递产生影响。要根据页面的风格，去选择与之气质契合的字体，如粗体厚重、细体高冷。如右图中，有棱角的字体与画面搭配，会有先锋跟潮流的感觉出现。四、控制字体类型数量除了选择风格合适的字体，也要控制字体类型数量。通常单个页面内字体类型数量最好不超过3种。因为字体种类太多会让页面风格极其难统一，也容易出现上文所说的字体与页面风格不搭。虽说字体类型数量没有非要控制在3种以内，但太多的字体类型可控性很差也容易造成视觉干扰。五、统一的对齐方式统一的对齐会让文字排版井然有序，阅读起来会非常流畅。多种对齐方式，会使页面混乱不堪。除了文本之间要保持统一的对齐方式之外，正文要尽量保持两端对齐，这会关系到页面是否整洁。六、控制行间距行间距是行与行的间距，行间距通常伴随着字体大小而的变化，默认行间距会稍大于字体的大小，通常的这样看起来会比较的拥挤。正文中，将行高设置成字号的1.6~1.8倍，将会是比较舒服的，如果版面紧张，可以适当设成1.2~1.5倍。七、控制字间距新手排版时，有时候会因为文本内容过长，而版式又受限，会选择去压缩字符间距的方式来达到控制文本长度的目的。其实这是一个容易被忽略的错误，因为字间距过于拥挤会降低文字的可读性。八、控制行长与字数单行文字如果包含的字数太多，文本内容将会很难阅读。原因在于，一是单行太长会导致阅读时难以换行，二是单行字数太多容易造成阅读疲劳。所以，合理的行长与字数会使用户在行间跳转时比较轻松，反之则会使阅读成为一种负担。九、图文排版的亲密性亲密性在排版中的理解，通俗的来讲就是我和你近，我们的关系就密切。图文排版中的间隔大小，是影响亲密性的主要因素。左图中高度一致的间隔，会让人产生困惑，对各个标题、正文与图片的关系傻傻分不清楚，严重影响用户阅读体验。在右图中，我们根据亲密性原则，通过间距把相关的标题正文图片分成了一组，这样画面中各元素之间的关系一目了然。十、留白通常设计的首要任务就是制造视觉焦点，吸引用户的注意力。而留白能够让用户尽快的寻找到所需要的信息，提高用户体验。但随意的空白并不是留白，留白时应该注意元素之间的连续性。如左图，虽留出了大量的空白，但是元素之间没有太多的连续性，造成了主次不分，反而分散用户注意力。而右图中，通过对齐和调整间距，使页面有了视觉焦点，同样是留白，就会显得更加协调。十一、点缀元素的使用有时候当我们感觉到画面空旷时，就会习惯性的添加漂浮物或相关元素来填充画面空白。这是很常见的方法，但这个方法容易导致画面杂乱、失去视觉的焦点。漂浮物的使用，有两点需要遵循，一是尽量的克制，要谨记添加的漂浮物只是为画面服务，不要过多的喧宾夺主；二是选用的漂浮物要与画面有所关联，一切的设计都要有合理的来源。十二、几何填充除了添加漂浮物，我们还可以选择用点、线或者色块等几何形状，去填充影响版面平衡的空白。当我们排版时，画面出现了一块比较突兀的空白，在我们暂时没有办法通过变换版式的方法解决问题时，可以考虑选用这个方式去掩盖问题。十三、底纹文字的应用当页面显得单调，而我们又要做一个简洁的设计时，选择添加点缀或者漂浮物就会显得不合时宜。这时候我们怎么样才能让画面丰富起来呢，很简单，添加底纹文字。就是在背景上增加相关的英文单词或文字，处理的时候需要注意颜色要淡，需要与背景有较好的融合而且要与文案错开，不然会影响文字识别性。底纹文字的应用，好处在于保持画面简洁的同时又能丰富画面。十四、页面空间感在平面上营造空间感，不外乎在于近大远小与景深模糊。营造空间感也是为了突显主体，制造视觉重点，吸引用户的注意力。如左图中，两个相同形状大小的产品直接叠加在一起，是没有空间感可言的，左字右图的平衡被完全打破了。在右图中，我们把置于后面的产品进行调小跟模糊，让视觉的重点落在前面，而后面的产品就会被潜移默化的当成背景的一部分，从而形成画面左字右图的内容平衡。结语诸如此类还有许多，就不一一提起来说，看似普通常规的图文排版，其实涵盖的内容是很广的。总而言之，处理好每一处微小的细节，可以更好的提升设计品质。

自18年6月底介入电商中后台交互设计工作以来，笔者有幸做了很多和以往的交互设计不太一样的工作，除了日常需求的交互设计支持以外，更多的精力放在了系统整体体验提升和设计规范上。本文整理了之前在中后台体验优化实践中的思路和方法，如何从设计角度高效地优化整个系统的体验，如何而非仅仅停留在表现层，希望能与大家交流碰撞。✨问题背景1.

网易洞见是网易AR团队自主研发的基于移动设备的AR平台，通过网易洞见客户端、互联网应用引擎和AR游戏引擎等产品形态，有效连接优质AR内容开发者和使用场景，为用户带来高质量的AR体验。拥有在线发布AR需求—制作内容—审核运营—发布至洞见客户端或SDK这样一个完整的生态系统。本文主要以洞见客户端的改版案例来介绍设计师是如何主导改版的，改版过程中是如何思考的。✨网易洞见客户端作为呈现端，承担着品牌传播的重要角色，是潜在客户、创作者、普通用户最快最直接了解我们的媒介，通过洞见客户端对网易洞见建立认知，从而建立一定的行业影响力。原版主要界面（网易洞见客户端同时服务于B端与C端用户，B端相对于C端仅显示特定的内容）改版过程中三个阶段：发现问题、反推功能、设计重构一、发现问题设计师带着目的去体验验证产品是否可用、易用、流畅、完整、一致等设计问题，记录体验过程中不愉快的点，验证功能是否合理，产品目标是否达成。让目标用户体验观察用户使用过程，做好记录与问题分类整理。初次被访用户，基本都带着对AR的强烈好奇与未知完成的体验。通过调研结果，结合行业状况、产品所处阶段、限制条件等分析产品、交互、视觉现阶段应该解决的问题：AR内容触达路径长缺乏教学引导无法判断创作者能力缺乏产品特性与正确的品牌传达视觉一致性、识别性、比例等基础设计问题问题1和2属于用户体验效率问题，路径长导致用户缺乏耐心，容易放弃体验。AR处于用户初识阶段，缺乏必要的教学，难以发现更多的互动玩法与乐趣，不利于吸引更多的用户、优质开发者和品牌/企业。问题3和4都属于传播的问题，创作者的能力、产品特性、洞见品牌都未能得到很好的传达，不利于客户与市场对我们进行了解，不利于促进商务合作。问题5属于视觉基础问题，会影响我们是国内精品AR内容平台这个产品定位的印象建立。问题总结：效率低、内容传达不佳、产品质感差二、反推功能从用户目标反推现有功能问题客户——AR内容需求方目标：通过平台快速找到合适的创作者客户和创作者在我们平台上是互相寻找匹配的一个过程，客户需要更全面的对创作者进行了解，目前仅有简短的创作者介绍无法判断其综合能力，寻找合适的创作者效率低。创作者——AR内容生产方目标：通过平台希望得到更多的曝光，促进线上线下的商务合作创作者想获取更多的曝光，分客户端内和客户端外，现阶段还处于拉新阶段，用户数量非常有限，所以我们更应该想办法从客户端之外获取关注并进行引流。我们目前还无法对特定的AR内容进行直接分享，潜在客户或用户无法快速去体验被分享的内容，目前只能分享用户自己拍摄的带有洞见相关信息的视频或照片，但是被传达者需要经过一系列流程才能到达我们的产品并找到指定的内容，引流效果差。普通C端用户——AR内容体验者目标：与内容互动，拍摄，分享我们是一个非刚需产品，普通C端用户难以产生留存，现阶段产品从视觉上，易用性上，趣味性上都还不太能激发用户的分享热情，不利于拉新引流。问题总结：效率低、引流效果差三、设计重构根据前面推导出来的问题，制定本期的设计目标：提升用户体验AR的效率促进商务合作体现AR特性提高平台的优质感目标1：提升用户体验AR的效率解决方案：1、增加教学引导AR行业尚处于用户初识阶段，在3维环境里与内容的互动方式，有别于传统的2维环境。前期需要了解相关操作手势，降低体验AR的门槛，才能更顺利的进行体验，我们希望教学引导不仅能传达相关知识，更能激发用户兴趣。我们内置一个典型的内容，作为启动引导，在屏幕上从远处走近，在2D环境里创造出AR感，缩短用户第一次体验AR内容的路径，刺激用户的视觉，激发用户进一步探索的兴趣。2、优化内容下载流程初次进入首页，看到的大部分海报都像电影海报，加上下载按钮，预期会比较长的下载时间，同时会对内容也会有更大的期望。在正常的Wi-Fi环境下，大部分内容下载时间可能就2s左右，实际体验后也与之前比较高的期望有些不符，一方面是内容本身趣味性比较低，另一方面是只会看，不知道如何与内容互动。因为技术限制，所有的内容都是下载到本地才可以体验，目前限定首页精品AR内容包体最大为50M。下载后使用，从工程角度来看，这个逻辑没有什么问题，但从用户角度来看，每个都要手动点击下载后再点击打开查看，体验路径太长，下载再体验容易增加用户心理负担。改版前改版后Wi-Fi环境下，当用户预览前面的启动动画时，自动预加载首屏内容，减少用户等待时长，本地的AR内容超过一定时间后会自动清理。3、增加手势操作摒弃传统底部导航切换，左右滑动切换页面。顶栏上滑隐藏下滑出现，卡片长按增加分享与收藏快捷入口等，新增更多的手势操作配合动效反馈，提升整体使用效率与灵动性

在视觉设计师设计一款APP的时候，最先要制定一套完善可行的设计规范，其中会详细定义颜色、文字、图标、结构、布局、间距等要素。但是很多设计师往往会忽视一个重要的东西，那就是网格系统的构建。网格系统可以说是整个页面的骨架，它将页面中所有的设计元素高效有序地组织起来，从而让整个APP的设计具有高度的一致性和规律性，提高设计师工作效率，避免凭感觉做设计。本文将从网格系统的基本概念介绍出发，逐步探寻构建网格系统的必要性、网格系统的实际运用方法、以及使用网格系统可能遇到的坑。✨什么是网格系统？网格系统的定义网格系统是利用一系列垂直和水平的参考线，将页面分割成若干个有规律的列或格子，再以这些格子为基准，控制页面元素之间的对齐和比例关系，从而搭建出一个具有高度秩序性的页面框架。例如谷歌的Material

产品用户角色的差异C端产品面对的用户是单角色用户，即整个产品生命周期内使用产品的用户群，范畴可理解为新用户、KOL及付费用户。B端产品通常面对的是多角色用户，即企业管理者和产品的真正使用者。

✨一、令人头疼的权限设计设计师在进行设计时，常常会抽象出对产品有诉求的多个角色，再依据角色的特性去梳理使用场景并设计。当角色之间的使用场景不冲突，不需要隔离时，我们会综合考虑这些角色的使用场景来设计解决方案：比如网易云音乐同时为需要听歌和听电台的用户提供所有的功能；当这些角色的使用场景完全不重叠、流程对立时，我们会设计完全独立的两套系统，如滴滴的司机端和乘客端；但除了以上两种情况，在大多数B端产品中，基于流程公正性、信息安全性等因素考虑，各个角色的使用场景是部分通用，部分隔离的，这时候就需要引入“权限系统”了。设计师有时会对角色权限系统有一丝畏难情绪。一方面因为角色权限系统的配置作为一个非常后台的管理功能，在竞品调研过程中很难通过上帝视角去解剖其中逻辑，自己琢磨又较难透彻；另一方面对于角色权限系统，做好了并不能代表设计能力有多优秀，但一旦没做好就会导致整个流程不通、产品崩溃。所以设计师常对权限系统望而却步。以下就笔者的几次权限设计经历，提供一些所谓的经验套路，希望各位设计师从此微笑迎接权限需求。✨二、基于技术模型进行设计-RBAC模型进行设计前，最好能够理解技术模型。在业界接受度较高的功能权限模型是RBAC（Role-Based

视觉设计师经常听到别人说：要有产品和设计思维，做视觉不能只关注视觉层面。那么设计思维都包括哪些方面？视觉设计师除了做好视觉，还需要关注什么？视觉设计师除了要具备设计硬素质，也就是视觉技能执行力，还需要具备软素质，其中就包含了设计思维，这是视觉设计师进阶的必经之路。但设计思维却很少被设计新人所重视，或是重视了却不知从哪些方面去提升。我们通常接触到的设计思维概念，是从用户体验、产品角度出发。由于我本人从事视觉设计岗位，这篇文章里所讲到的设计思维，会更多站在视觉角度结合产品思维去展开。✨设计思维包含哪些方面？三个层面就像一艘要开往远处的船，产品思维能帮助我们知悉最终要去的目的地，而视觉策略就是那张航海图，指导船员如何避免航行障碍物（礁石、浅滩等），保证航行的顺利。视觉驱动是舵手、水手的专业技能。要想顺利航行到目的地，三者缺一不可。

里就是在要注释的行前后加上「」这样我们的图就完美了。然而遮罩的问题才刚开始……前面只提到了遮罩的定义，现在来说说怎么用。我们用文本编辑器里的「搜索」功能直接搜图层名，比如「正脸」，就能定位到该图层

具体思路是，首先抽取当前产品的优势，这些优势可以用一个用户最能理解的现有的词来类比，接着将这个词与现有产品结合形成新的文案。最终的这个文案，是用户能够理解的同时又能反映出产品优势的。

定位就是针对竞争确立优势地位，这是定位之父杰克·特劳特弟子邓德隆对定位的解释，《定位》一书中提出要想在竞争中胜出，必须抢占用户的心智资源。心智资源是什么呢？简单理解：顾客心目中你的产品或服务是什么。

提要：规范很重要规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有3位职员，分别负责收银点单，制作咖啡，打扫。他们各司其职，高效配合，以保证快速满足客户的需求。规范操作让其井井有条且高效运作，从日常工作规范到设计规范，都能起到相同的效用。规范的效益规范的效益

“严谨专业的流程设计”；B端产品不需要玩“猜心”游戏，不用猜用户这次打开产品会干什么，不用推荐“相似”内容。B端产品注重的是严谨规范的操作。在使用时，用户必然有明确的目的，需要什么就使用什么。