立春 节气 海报 大家好，这里是和你们聊设计的花生~春雨惊春清谷天，夏满芒夏暑相连。秋处露秋寒霜降，冬雪雪冬小大寒。上面这首节气歌我们都耳熟能详，二十四节气是我国特有的民俗文化遗产， 蕴含着悠久的文化内涵，深受广大民众的喜爱，同时它也是品牌借势运营海报的经典主题之一。好的节气借势海报能有效提升品牌形象，扩大品牌影响力。再过几天就是立春了，今天和大家一起看看立春借势海报设计中有哪些常用的意象~一、「立春」简介立春为二十四节气之首，在每年公历 2 月 4 日前后，「立」为“开始”之意，「春」则可理解为春日的气候温暖、万物生长。 立春意味着冰天雪地的冬季已经结束，万物复苏，一切又是新的开始。我国古代的物候历将立春的十五天分为三候：“一候东风解冻，二候蜇虫始振，三候鱼陟负冰”。意思是立春初始，东风带来温暖的气息，大地开始解冻；五日后，冬日蜇居的虫类感受到气候回暖，慢慢苏醒活动；再过五日，河面的冰开始溶解，鱼儿升到水面上活动，此时水面还有未融化的碎冰渣，从岸边看鱼儿就如同背着冰在游动。在下面的两幅借势海报中，左边用比较文雅含蓄的方式体现了立春“气温回暖、万物复苏”的特征。画面中只有 2 只水墨画的鸭子并寥寥几笔野草，但配合文案的“立春”马上让人联想到“春江水暖鸭先知”的诗句，进而想到春日温暖的气候和刚刚盛开的桃花，画面虽留白较多，但留给观看者想象品味的空间十足。右边则化用的立春三侯中的“鱼陟负冰”，且鱼的形象是用瓜子仁拼成的，运用创意手法将品牌特色与立春文化内涵巧妙地结合在一起。用118张案例，讲透海报设计同构的13种表现形式平面海报设计创意中的同构设计是什么？阅读文章 > 二、「立春」习俗在以农耕为重的古代，立春时要举行隆重的“打春”、“演春”等仪式以迎接春天，现在我们也仍保留着贴春联、吃春盘、春卷、春饼及咬春等习俗。打春：旧时人们在立春岁始前一天用泥土做成春牛，立春日用红绿鞭抽打，因此该习俗活动称为“打春”。在民间有在立春日举行“鞭打春牛”仪式迎立春，祈福五谷丰登。春盘：春盘是立春饮食风俗之一，主要是蔬菜取生菜瓜果饼糖放盘中为春盘（或拼成盘）馈送亲友或自食取迎春之意。盘里主要有：果品、蔬菜、糖果、饼、饵五种。蔬菜主要有：豆芽、萝卜、韭菜、菠菜、生菜、豆子、鸡蛋、土豆丝。杜甫《立春》：“春日春盘细生菜，忽忆两京梅发时。”田艾籺：田艾籺是春季常见的时令食品。在开春时节正是春耕的田野上田艾生长的全盛时期，田艾约 10 厘米高，叶子是粉绿色的，花朵白中间绿，全身长满绒毛。据《食物本草》里介绍，田艾具有祛湿，暖胃，清肠等功效。田艾籺也是拜神的节令贡品，祈祷风调雨顺。春饼： 春饼是面粉烙制的薄饼，一般要卷菜而食。最早，春饼与菜放在一个盘子里，成为“春盘”。宋《岁时广记》引唐《四时宝镜》载：“立春日食萝菔、春饼、生菜，号春盘。”春卷（春蚕）：《岁时广记》：“京师富贵人家造面蚕，名曰‘探官蚕’。又因立春日做此，故又称‘探春蚕’。”咬春（吃萝卜）：明《酌中志》：“立春之时，无贵贱嚼罗卜，曰‘咬春’。”与吃有关的意象在餐饮品牌的借势海报中使用很广，这可能就是专业对口吧，毕竟炸春卷肯定少不了油，吃春饼时配点饮料也是非常合适。我印象比较深的是下面第二张必胜客的立春借势海报，将春盘春饼的内容移植到披萨中，做成了非常讨喜的“铜钱”形状，被咬的缺口契合了“咬春”的主题，也有“咬财”的吉祥寓意。虽不符合传统的“咬春”含义，但也给传统习俗赋予了新的更符合年轻人饮食喜好的内容，做到了产品营销与节气借势的互相成就。三、立春常用意向二十四节气中与“春”有关的节气不止一个，如果都用青草新芽、桃花飞燕去表现就无法体现出各自的特色。只有抓住最能代表一个节气特征的意象，并能结合品牌特色和具有创意的手法进行设计，才能给观众留下深刻的印象，从而实现提升品牌形象，扩大品牌影响力的效果。除了上面提到的“气温回暖、冰雪消融”、“立春三侯”及与立春相关的传统习俗外，立春借势海报常用的主要意象还有以下三种。1. 冬去春来作为冬季结束后的第一个节气，立春给人的印象并非一派春暖花开，而是未融尽的冰雪与刚冒出的新绿并存。这样的对比就给设计留下的很大的发挥空间，不少品牌借势海报就在画面中让两者形成鲜明且巧妙的对比，非常具有视觉吸引力。如下面第一张的汽车品牌借势海报，将冬日景象设置为灰暗的色调，春天的景象设置为鲜亮的绿色，对比非常强烈；向上行驶在道路上的汽车则将原本暗沉的画面划破掀开，露出下面草木茂盛的景象，既表达出立春“春来冬去”的特点，同时也寓意旧的日子已经过去，新的充满的希望的日子终将到来，等待我们的去探索发现。2. 一年之计在于春俗语有“一年之计在于春”，冬日结束春日伊始，种子默默汲取养分最终破土而出，农民开始准备春耕播种，你是不是也在进行新一年的学习工作规划？春天是开启新篇章的好时节，立春则是重新开始的标志。“万物始于春”可涵盖和延伸的意象非常多，留给设计师结合品牌特色进行创意发挥的空间非常广阔。下面两张海报都是地产品牌的借势海报，都使用了“种子发芽”的元素及立春“万物复苏”的含义。左边将品牌 logo 作为“种子’，与破土新苗巧妙地构成了“种子发芽”的意象，寓意品牌一年的新开始。而右边的海报则将元素放置于五线谱之上，让“发芽的种子”成为“音符”，寓意立春正是谱写生活开启新篇章的时机，二者各有特色。同为服饰类品牌，海澜之家的海报以毛衣为“雪地”、绣花针做“搭架”、青绿的细线作为“新芽”，搭配正在松土浇水的小人偶，构成“培育新苗”的画面，符合“立春”含义的同时也凸显出品牌在衣料品质上的用心，相当巧妙。李宁则直接把品牌 Slogan“一切皆有可能”和立春“万物新生”的含义进行结合，由于二者契合度很高，无需呈现更多关于立春的具体元素，也能直接把“勇敢开启新生活”的内涵传达给受众。3. 植物花草中国传统文化经常将花草与时令结合起来，如二十四番花信、十二月花令、十二月花名歌，明代程羽文的《花月令》等，为不同月份及节气设置了代表的花草，使节气海报设计有非常多的设计元素。与立春最密切相关的花莫过于迎春，它可以作为借势海报的主视觉，也可以作为辅助的装饰元素。当然我们也可以与时俱进地对这类意象进行范围的扩宽与意向的创新，像桃花、樱花、燕子以及新芽绿叶等在立春海报中也常作为装饰元素出现。好啦以上就是本期为大家整理的二十四节气中立春海报设计的常用意象，希望能给大家的设计带来灵感启发。喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复~参考资料：https://minsu.httpcn.com/zt/jieqi/lichun/https://baike.baidu.com/item/%E7%AB%8B%E6%98%A5/8896?fr=aladdin推荐阅读：精美绝伦！80000+国潮插画灵感参考素材宝库「数字文物库」大家好，这里是和你们聊设计的花生~国潮插画是近年来最热门的插画风格之一，精致华丽的风格受到很多国货品牌的青睐，此类插画也在海报、包装、文创等等商业领域有广泛的运用。阅读文章 > 如何排版更高级？带你重新认识宋体字排版！宋体字形方正，结构严谨，笔画横平竖直，横划收笔处和笔画转折处带有装饰部分（类似拉丁字体中的“衬线"），有极强的笔画规律性，从而使人在阅读时有一种舒适醒目的感觉。阅读文章 > 超全整理！设计师必备的3类书法字免费资源（附下载链接）大家好，我是和你们聊设计的花生~之前在社群有小伙伴问有没有免费可商用的毛笔书法字体资源，有肯定是有的，但授人以鱼不如授人以渔，今天除了为大家推荐免费好用的书法字体，还会为分享给大家优质的书法字入门知识和教程，还有免费的资源网站，让你即使没有书法功底也有办法做出好看的书法字体 ~往阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/lichun-poster-design
链接 地址 案例 大家好，我是小六。新年开工大吉，祝大家新的一年不改稿，统统一稿过。给大家分享一些可视化设计参考网站，帮助大家提高效率。喜欢文章的小伙伴，动动小手一键三连！！！上期回顾：可视化设计神器第二弹！15个精选神器都在这！大家好，我是小六。阅读文章 > 一、Tableau Public链接地址： https://public.tableau.com/app/discoverTableau Public 是一个免费的平台，可以在线探索、创建和公开分享数据可视化。每天查看一个新的可视化项目专题，里面还有各种类型的可视化形式参考，不管是做大屏还是做仪表盘都是很不错的参考。二、Information is Beautiful Awards链接地址： https://www.informationisbeautifulawards.com/showcaseInformation is Beautiful Awards 是一个可视化社区，一直在表彰数据可视化、信息图表、交互和信息艺术领域优秀可视化作品案例。涉及艺术、娱乐与文化、时事与政治、地点、空间与环境、人物、语言与身份、科学、技术与健康、人道主义、休闲、游戏与体育以及不寻常等领域的优秀案例作品，非常值得一看。三、Observable链接地址： https://observablehq.com/communityObservable 社区是可以从其他社区成员那里发现和学习数据可视化技术的地方。里面非常多的可视化设计案例，非常不错的参考。四、Polygraph链接地址： https://polygraph.cool/projects/Polygraph 是 The Pudding 旗下的品牌工作室 ，专门从事使用数据、初步研究和可视化的编辑。每一个项目案例都非常有参考价值，这里就不一一介绍了，大家可以点击上方链接详细了解。五、visualcinnamon链接地址： https://www.visualcinnamon.com/visualcinnamon 是一个热衷于参与数据可视化和数据艺术的天文学家建立的，里面分享了他对接的工作中的一些可视化实际案例，创作了大量更具创造性的数据可视化案例，而不是局限在仪表盘、大屏等展示形式。给你不一样的设计参考思路。六、ourworldindata链接地址： https://ourworldindata.org/blogourworldindata 包含 297 个主题 3395 个图表，涉及人口变化、健康、食品和农业、能源与环境、创新与技术变革、贫困与经济发展、生活条件、人权与民主、暴力与战争、教育与知识等等方面的可视化数据案例展示。七、shirleywu链接地址： https://shirleywu.studio/一个叫吴雪莉的个人站，里面的案例挺有意思，可以参考参考样式形式。八、即时工具链接地址： https://www.67tool.com/一个实用工具集合，视频、音频、图片、文档、图表、办公辅助、文本工具、数字工具、加密工具、单位转换等等超多强大功能应有尽有。九、图象超级助理链接地址： https://tuuux.com/plugin/download最后给大家推荐一个可视化设计 PS 插件 “图象超级助理”，多种素材组合应有尽有，颜色、大小、字号等各种细节都可二次编辑，可视化图表、组件、地图、装饰组件等一应俱全，超多模板。支持关键词检索，快速定位你想要的内容。欢迎关注作者微信公众号：「小六可视化设计」本篇来源：优设网原文地址：https://www.uisdc.com/visual-design-tools
项目 目标 数据 仅关注设计本身，设计前没有做好充分理解就进行设计，导致频繁返工或误工；设计后没有关注数据、及时总结，导致自身成长较慢。长期不合理的运营设计流程，容易造成自身成就感低，丧失对设计的兴趣及信心。本文将帮助运营设计师树立设计流程的全局观，避免陷入无穷无尽的需求执行中。更多设计流程参考：设计师想做产品经理？从百万级实战项目总结出这份产品设计流程编者按：UI 设计师如何转行成为产品经理？阅读文章 > 以下是根据多篇行业文章及资深的运营设计师的工作方式，总结提炼的重点运营项目设计的 7 个步骤：确立目标-提升点击/转化/品牌；分析特征-内容的功能、产品属性、利益点；投放客群-用户的兴趣、年龄、财富值、行为习惯；评估效能-对项目的理解及影响因素，如投放时间、活动级别等；设计阶段-页面的结构、风格、颜色、字体；数据验证-方案前后对比、多方案测试；总结优化并分享-效果的分析，取长补短，沉淀分享。项目案例：抽奖活动-口袋旺换装活动提升整体活跃、转化，同时通过分析不足，指导下一阶段的优化方向。一、确立目标首先要明确项目为了什么？提升什么？只有明确了目标、方向，才能够做到以终为始，结果导向，所以目标是第一位，这样才能有效的管控项目进度、设计产出质量。不同的目标，对应的运营设计策略也会有所差异。如图所示：活跃、转化、品牌对应的设计手法也会有所差异。项目案例：口袋双 11 活动开始目标不明确，导致颜色、形象、场景出现较大的偏差，返工成本较高。二、分析特征产品、活动多种多样特点不一，如内容形式有签到、秒杀、抽奖等，利益点有 1 元秒杀、免费领取等，类型有理财、保险、贷款、商品等。根据竞品分析及内部测试数据显示，内容特点差异化区分设计，识别度较强、数据效果较佳。项目案例：（左）根据理财、保险、贷款等分别凸显年化收益率、保险人群图及赔付额度、贷款额度等特点，整个产品区点击率比右侧好一倍多。三、投放客群为什么需要运营设计师去关注客群？目前用户在选择上多元化、个性化趋势下，越来越多的公司都在进行着各种用户客群的研究。无论是在算法层面，还是在运营层面都越来越成熟，为用户群提供适合的设计解决方案。不同的用户，不仅要提供不同内容，还要设计不同的展示形式、浏览动线等等，如小白型要侧重于认知教育、品牌宣导、从众心理（排行榜、销量），忠诚型要侧重于提升浏览效率、信息简要、快捷查找等。除此之外，还有按照年龄、性别、职业、兴趣、行为、财富等，人群特征不同，喜好、设计风格、元素都有不同的偏好，如：新时代的中流砥柱们—成熟稳重、钟爱降噪、三品规律、轻质感；Z 时代的小哥哥小姐姐们—潮流时尚、国潮、二次元；大龄的少儿们—从以具体的形象思维为主，向抽象的逻辑思维过度阶段，求知欲望强、猎奇、多彩的感官世界。四、评估效能为什么要把投入效能放到第 4 步？因为对需求没有充分了解就判断投入产出比是不够的，只有基于前三步的沟通探讨，才不会受到其他因素的影响。评估好效能，需做到如下几点：评估需求合理性，拒绝不合理、不清晰的需求，保障自身价值最大化；权衡好活动级别、时间节点、目标等要素，做到以终为始，要事第一；学会拆分节点，把任务打散分批交付，如玩乐高积木一样，拼一个车，一上来就直接拼肯定会懵掉，哪怕是看密密麻麻的说明书也很难，运用拆分思维就会简单很多，比如车架、发动机、车轮，方向盘等等。五、设计阶段运营设计的能力也很重要，基本的构图、字体、颜色、装饰、风格外应满足如下特点：除此之外，还需重点关注：1. 信息传达在开始设计之前，一定要找准信息传达与用户需求的平衡点，洞悉用户关注点，挖掘用户真正的需求，用精准的设计来保障信息传递。2. 聚焦首屏，减少非必要信息入口首屏的降噪、创意表达以及次要信息入口的分布排列，将会直接影响关键数据的增长。3. 重点关注下常用的交互规则7+-2 法则、费茨法则、席克法则，帮助设计更合理且更具说服力。让设计更有说服力的20条经典原则：菲茨定律简介说明1. 理论表述 任意一点移动到目标中心位置所需要的时间，与目标距离正相关，与目标大小负相关。阅读文章 > 六、数据验证成熟的运营设计师往往用数据来证明自己的观点，减少主观表达，用增长思维验证设计改良。如：运营和设计经常会有一些分歧，有行动按钮还是无行动按钮？这个时候最好的方式就是拿出经典案例的数据分析，我们通过设计法则、信息优先级等方式提升业务指标，分歧即可迎刃而解。项目案例：七、总结分享及时总结可以对设计产出作出阶段性的反思，对整个项目进行通盘思考，发现不足。同时总结后也会更加清晰的知道下一级阶段项目和自身优化的方向，既能锻炼结构化思维表达能力，也能帮助自己完成对行业的沉淀。设计沉淀后记得要分享出来，产品、运营、设计数据及时共享，各取所长，合作共赢。最后总结，随着行业高速发展及精细化运营趋势，运营设计不只是拿到需求就开始执行，而是要关注整个设计流程的可持续性、参与项目设计的深度，愿大家在设计道路上一直深耕下去。欢迎关注作者微信公众号：「OnepinganDesign」本篇来源：优设网原文地址：https://www.uisdc.com/operation-design-process
字体 英文 高质量 大家好，这里是和你们聊设计的花生~今天为大家推荐 5 款我最新收集的高质量英文字体，包含赛博朋克、优雅、圆润可爱、纤巧灵动等多个风格，而且都是免费可商用的哦~往期回顾:打包下载！6款潮流设计必备的英文字体大家好，我是和你们聊设计的花生~之前为大家推荐过各种风格和类型的免费英文字体，适合不同的设计主题。阅读文章 > 一、Achron字体设计师 Instagram 主页： https://www.instagram.com/p/CmYpGPir3k7/Achron 是一款细节精致、科幻感十足的字体，由印度尼西亚设计师 Gostaf Norista 设计。字体包含大小写字母、数字和 32 个标点符号，免费公开给所有人使用，包括商业用途。Achron 的设计灵感来源于机械及未来主义建筑，字体笔画粗细对比显著，外形有工业机械设计典型的 145几何硬拐角。字体气质硬朗，是专门作为大字号标题设计的，适合科幻及赛博朋克主题的设计。二、Balbes字体设计者 Behance 主页： https://www.behance.net/authentypesBalbes 是一款优雅的现代衬线体，由印尼的字体设计工作室 Authentype 设计。相比传统衬线体，Balbes 在笔画细节上进行弯曲、连笔、延长等多种特殊处理，笔画粗细对比更加明显，风格优雅俏皮，个性十足。每个字母额外增加了风格夸张的变体，整体视觉效果更加华丽。字体的完整版需要付费购买，但是设计者在 Behance 上分享上一份基础版字体文件，可以免费用于个人及商业用途。基础版虽然没有复杂的变体，但基础款的设计质量也非常高了，适合用在与女性、美妆、文化、音乐相关的主题中。三、Fraiche字体设计者 Behance 主页： https://www.behance.net/adamfathonyFraiche 是一款外形圆润、气质柔软的字体，由印尼设计师 Adam Fathony 设计，适合与儿童、美食甜品相关的主题。字体的完整版包含多款字重，设计师在 Behance 上分享了其中的 Regular 字形文件，可以免费用于个人及商业用途。四、Brigovin字体设计者网站： https://rvandtype.com/Brigovin 是一款具有连笔的手写字体，由字体设计工作室 Rvandtype 设计并免费分享给所有人使用。字体略微向右倾斜，连笔流畅自然，风格亲切优雅，无论是海报设计还是产品包装、Logo 设计、文本排版中都能使用。由于字体带有连笔，所以在使用时不宜随意修改字间距，以免出现连笔断开或分叉的情况。五、Remember night字体设计者网站： https://putracetol.com/Remember night 是一款风格轻松友好的手写体，由字体设计工作室 Putreacetol 设计并免费分享。字体笔画纤巧灵巧，字形自由浪漫，绵延不断，具有真实的手写感。虽然字体不易一眼辨识，但很适合作为装饰元素用在排版中，是画面层次更丰富。以上就是本期为大家推荐的 5 款高质量英文字体，有需要的小伙伴可以到文末下载字体安装包，我的首页还有更多高质量的英文字体推荐。喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复~推荐阅读：告别商用焦虑！9 类设计师必备的高质量英文字体大家好，这里是和你们聊设计的花生~不知不觉已经是 2022 年底了，最近为大家整理了一篇字体合集，包含了我从今年 3 月份开始收集的 9 类高质量的英文字体，涵盖经典、优雅衬线、纤细手写、粗犷笔刷、力量感等不同风格。阅读文章 > 视觉设计师来收！免费商用字体推荐：艺术体篇（28款已打包）设计师在进行设计时，标题常常会使用醒目、装饰性强、具有视觉冲击力的艺术字体，以便能快速吸引受众的注意。阅读文章 > 文件名 如何下载使用 文件大小 提取码 下载来源 高质量字体安装包1.06MB8866 点此复制 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/5-english-font
字体 趋势 视觉 编者按：蒙纳最近放出了他们对于 2023 字体视觉设计趋势的分析报告， 作为世界上最有影响力的字体设计和服务供应商，蒙纳对于整个字体设计行业有着深入的洞察和细腻的感知，而这份报告和往年的报告类似，对于 2023 年全年的字体设计趋势有感性而具体的预测，同时每个趋势结合具体的案例进行了展示。为了尽可能清晰直接地呈现，我将会对整个报告做一定程度的脱水处理，尽可能直观快速地将 2023 年的字体设计趋势呈现出来。下面是正文。受限于过去几年的疫情影响，大家只能在虚拟背景下进行远程协作，而现在大家可以告别虚拟的海滩背景，真正走出去，灵感和创造力得以蓬勃发展，激情迸发。放开所带来的情绪上的改变，进一步体现在设计领域当中，俏皮和趣味开始在更多的设计作品中呈现，混搭、多样性和包容性也以图形化设计呈现出来，动效和3D也会更为深刻地嵌入字体和视觉设计，设计领域之间的界限会进一步模糊。随着用户周遭屏幕数量的增长，增强现实和虚拟现实这样的产品和场景将会进一步贴近主流市场，这也意味着相关的数字设计的需求会进一步增加。作为设计师，我们深知磨练技艺最佳的方式，始终关乎思考、质疑、挑战、欣赏和持续不断地实战。而这也是这份报告的意义所在，它是一份同时兼顾反思过去和指引未来的作品集，你可以在此稍加停留，但是更重要的是为接下来的一整年做好准备。顶级字体公司蒙纳出品！2022年10大字体设计趋势蒙纳公司最近刚刚发布了 2022 字体设计趋势报告，这份报告对于视觉、LOGO、平面、字体/字库设计师有着相当的参考价值。阅读文章 > 1、创造性混搭这是一个从去年开始一直延续到今天的设计趋势，它趋于成熟，并且一直在发展。这种趋势本身也相当贴合人的经历和生活：及其复杂、多样和丰富。2022 Communication Desing TDC 大奖得主是一个来自澳门的设计项目，出自 Indigo Design 之手，他们围绕着字体采用 Risogragh 来创造半调的质感，但是丰富的色彩和形态上的不同组合，将整套设计拓展 为均衡的设计作品。Figma 2022 的视觉设计和 Stepan Solodkov 的标识设计同样是典型的元素混搭，狂野的外表下隐藏着微妙的平衡。而 Marlon Studio 为 Wild Kombucha 所设计的 LOGO 的混搭方式则更加有意思，棱角分明的笔触和柔和有机感的笔触，无缝衔接在一起。很多类似的设计，甚至会采用动态设计。当然，还有的混搭设计会使用更加微妙的方式，比如 Bielke & Yang 为挪威一家名为 Sommerro 的酒店所进行的设计，两种有着类似特质的字体被巧妙地混合在一个 LOGO 当中，不同但足够和谐。这种不同但是足够俏皮的设计对于字体搭配有着更高的要求，而且很大可能性仅仅只适用于你自己的品牌。2、智能网格字体去年我们注意到「有机模块」这样的趋势，而如今，这种风格有了新的演变，将网格作为一种组织形式，使用四分之一圆作为笔触的过渡，将类似 NASA 的蠕虫式笔触应用到更加广泛的字体设计当中，更加细致精确的切割出现在字体当中，规整而细腻。Wolff Olins 为生物巨头 GSK 所设计的新 LOGO 就使用了这种方式，网格所提供的精确感被自然的曲线所消解，一种强调人和技术融合的理念借此呈现。3、漫画超英风这种略显复古的视觉设计趋势的复兴有点让人猝不及防。这种经常出现在美式漫画封面标题式的字体设计，通常都有着醒目的几何特征，带着阴影和明显的透视，形状和用色都非常的扎眼。这种漫画超英风字体可能是受到当前超英文化的影响，它响亮而充满趣味，毫不避讳地张扬。设计机构 &Walsh 为葡萄酒 Stompy 品牌所设计的 LOGO 字体更加现代，告别了传统葡萄酒品牌那种传统沉重古朴的气质，带着透视和硬阴影，搭配更加鲜亮的色彩。位于布鲁克林的设计机构 Order 为名为 Forward Majority 的机构所进行的品牌设计也采用这样的设计，力量感十足。4、极致冷静风这种将极简和沉静、冷淡结合到一起的设计，可以在很多生活方式类的品牌身上看到，它大概也是一种永远不会消失的潜在设计趋势。它通常采用的是黑白灰为主、简约的、居中的视觉设计特征，营造出一种安静、沉稳冷静的气质，尽量少用文本字体，减少 LOGO 和图标的使用，而它恰恰也是借用这种极致的简单在日趋繁复的品牌设计竞争中脱颖而出。品牌设计机构 Skinn 为家居品牌 Joli 所采用的设计，就充分体现了这种现代性和精确感，沉静而平和，让源自产品材质的视觉吸引力自然流露。5、切割式设计通过切割来呈现零碎感和锐利感也是一种趋势，这种趋势在某些时候看起来会有点像像素，它给人的感觉会具有速度感和科技感。而切割本身会增加字体的速度感，如果角度得当甚至让人觉得动感。比如知名的科技媒体 The Verge 就在去年进行了重设计，新的 LOGO 采用了这种切割效果，有种令人眼花缭乱的动感。科技领域发展迅速，而 The Verge 借用新的字体设计来呈现潮流感。有的切割是从边缘开始，有的则是从中心开始的。陷阱式的切口设计能让字体设计拥有截然不同的趣味感，负空间和正空间一样重要。Valenlim Studio 为 Konnichiwa ZhongShan 这个活动所设计的字体就趣味十足。而名为 Koto 的日本工作室为 Boxy 所做的品牌设计也采用了类似的方式，这个初创企业的业务是将集装箱改造为法国郊区的自动化便利店，他们的名字有像集装箱致敬的意思，设计上，Koto 保留了字体的棱角曲线来降低字体的工业感。6、趣味像素化像素风的游戏是我们对于数字工具热爱的延续，是怀旧情绪的落脚点。有的像素化设计会将特征化的元素置于字体当中作为焦点存在，还有的设计则是将它单纯视作漂亮的装饰。像素风可以营造出复古游戏感，这种趋势是对早期数字化设计的一种致敬。不过这种将基础元素变为小方块的设计方式并不会消解设计的复杂度，就像乐高一样，你同样可以玩出花样。英国 NB Studio 为 Kudo 所打造的新设计就充满了平易近人的感觉：7、动态的肌理任何流动变化的东西都会更加吸引人注意力，无论是动画效果还是可变字体。即使是在静态的图像当中，带有倾向和变化趋势的字体设计，都会有动感。屏幕允许更多动态视觉内容，这也变相影响着用户对于内容「动态」的需求，所以字体设计也最好有流动的肌理。来自底特律的 Hobbes 工作室设计了一种独特的字体 Aerial，这种字体是借助 AR 和 VR 来实现的，字体借由无人机在空中拼合而成。另一个案例则是 UnderConsideration 找品牌设计专家 Sultan Jum 所设计的怪异字体，他使用 Nuform Type 的 Ozik 所创作出来的奇异设计，充满一种动态的怪异感。8、拓展和强调我们之前曾经设想过 3D 建模在字体设计当中的应用，现在就已经发生了。这是因为现在的设计师有着比几十年前更强的算力、更好的工具和更加复杂的技术吧？3D 建模和动效设计是否已经成为如今平面设计当中的标配了？设计的边界变模糊了，字体设计的技术和呈现形式都在拓展。Pentagram 为美国最大的艺术和认为基金会，Mellon Foundation 所设计的 M 字母就反映了当前的现状。整个字母采用了更加中性的色彩和材质感，同时它借助3D 建模和纹理渲染并且在呈现上，加入了动画，在外在形态上，它又能唤起人对于雕塑、舞蹈和写作等艺术形式的想象。如今已经不再是玩具总动员塑料感十足的时代，金属铬、玻璃和木纹才是如今的新标准。Red & Grey 为欧洲建筑师委员会所设计的新 LOGO 则在字体设计上采用了视错觉的技巧，这种跨领域的视觉手法暗含了双重性和对话的重要性。通过膨胀的方式来强调和拓展，也是最近几年呈现出来的明显趋势。品牌指南工具供应商 Brandpad 推出视觉设计就很好的体现出这一特征：而冰激凌品牌 Nuvem 给人的感觉也相当的蓬松：9、液化的形态液化的设计形态能够制造出奇异的体验，而这种设计也最值得关注输出效果的易读性和可读性。这一设计趋势也是去年设计趋势的延续，而且比起去年藏在酸性设计当中，今年的液化字体设计开始无处不在，从汽水到咖啡，无处不在。Swerl Coffee Roasters 是一个 1972 年从面包车后座上开始起步的咖啡品牌，Andreas Pedersen 绘制了一个时髦的液态感十足的字体，让人想起拿铁咖啡表面漂浮的泡沫。巧克力品牌 Dirtbag 同样采用了液态膨胀的字体，粉色的主色调和字体形成了强烈的对比，俏皮而令人心生好感。10、AI 生成设计我们仍然处于人工智能设计工具的初期，但是发展速度也相当惊人了。人工智能工具正在改变艺术和设计领域，我们目前尚且不知道最终的结果会是怎样的。人工智能正在加速原型设计和构思过程，为设计师的深入探索流出足够的空间。使用人工智能生成的字母通常有着拼贴式的外观，接缝的位置有时候会有一些柔和的污渍和处理。有时候 AI 生成出来的字体会非常的奇怪，但是这也可能会促使艺术家和设计师注意到某些未曾设想的道路。工业革命带来了革新，但是更多的利润被企业吞吃，大家依然需要花费大量的时间在工作上。人工智能到来后设计会变的更好吗？设计师的生活和工作会变得的更好吗？本篇来源：优设网原文地址：https://www.uisdc.com/monotype-trends-report-2023
设计规范 操作 用户 前言B 端设计离不开设计规范这个话题，而做好设计规范是一个庞大复杂工程，很多人对这些处于一知半解状态，在这个系列文章里我通过结合自己平时的项目案例来谈谈自己对 B 端设计规范的一些理解，希望可以带来一些启发。本篇先谈谈设计规范制作的指导思想--设计原则，后续文章再展开讲一下常见各种组件的设计规范。一、设计规范作用设计规范作为 B 端设计中非常重要的一环，它的作用主要体现在以下三个方面：在日常工作中，当项目组收到一个新的需求时，如果已经具备了成熟的设计规范体系，其工作效率往往会得到很好的提升。最后上线的页面不用走查还原度。以下是具体工作流程：二、设计原则通过前面内容我们知道了设计规范对于产品设计意义重大，那么制定设计规范制定依据又是什么呢？这里就要引出设计原则这个话题，设计原则是设计规范的总的纲领，所有的设计规范都应当以设计原则为基准。设计原则主要包含以下内容：接下来就围绕设计原则清晰、高效、友好、可控这四个方面展开讲解。1. 清晰清晰原则主要从视觉角度让界面信息传达合理，提高用户信息获取效率。主要包含对比，亲密，对齐，重复四个方面。① 对比：对比是指界面中为了区分信息层级，强化元素对比度，使用的很常见的一种手段，例如下图中利用大色块按钮与线框按钮形成对比来凸显关键按钮；又比如通过对文字字号加大，字体加粗，颜色加深来与弱文案形成对比，凸显关键文字信息。② 亲密：如果信息之间关联性越高，它们之间的距离就应该越接近，也越像一个视觉单元；反之，则它们的距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。③ 对齐：在界面设计中，将元素进行对齐，既符合了用户的认知特点（我们往往倾向使知觉对象的直线延续还是直线，曲线延续还是曲线），也能引导视用户视觉流，让用户更流畅地接收信息。④ 重复：重复是指相同的元素在项目中重复引用，作用是可以有效降低用户的学习成本，同时提高这些元素之间的关联性。2. 高效高效原则体现在便捷、轻量、简化、一致几个方面，目的是通过合理的方式让产品操作更加便捷；交互体验与内容更加轻量和简化；以及产品风格保持一致。下面结合几个常见案例说明如何应用这一原则。① 合理利用拖拽--便捷、轻量：在涉及到诸如上传文件，排序，滑动输入，搭建等需求时，合理采用拖拽交互往往可以打造更加便捷用户体验。② 尽量减少不必要的跳转--便捷、轻量：用户操作过程尽量减少跳转，以实现交互减步长，从而使用户操作更高效轻量。例如能用原位操作就不考虑展开收起；能用展开收起就不用气泡...依次类推（优先级从高到低：原位 ＞ 展开收起 ＞ 气泡 ＞ 弹窗 ＞ 抽屉 ＞ 新页面）③ 放大点击热区--便捷：放大可点击按钮热区，相对于较小点击热区，具备更丝滑操作体验。④ 悬停即现--轻量：利用悬停即现，避免信息过于重复啰嗦，简化页面提高阅读体验。⑤ 折叠次要功能--简化：页面功能按钮过多时，可将次要按钮收纳到一起，点击时再展开，外面只展示高频操作或重要按钮，保证页面内容简洁。⑥ 统一样式--一致：一致性是指在不同页面中相同操作应保持一致视觉与交互样式，可有降低用户学习成本与企业开发成本。3. 友好友好原则应贯穿用户操作前，操作中以及操作后三个阶段，给予用户及时反馈与帮助。① 操作前：在用户操作前给到合适的引导与帮助，有效减少用户迷茫感。② 操作中：通过交互效果以及页面样式让用户可以清晰感知到自己当前操作。③ 操作后：利用界面中元素变化清晰直观展示当前的状态4. 可控可控主要体现在自由和导航两个方面。① 自由：自由即指用户可以自由完成一些操作，例如回退，撤销，终止等。② 导航：导航是指用户随时知晓当前所在位置，而且可以利用导航随意到达目标页面。通过本篇内容我们大概知道了制作设计规范主要方向，那么具体到每个组件上，我们该如何去设计呢？后续篇章将细分聊聊如何去设计 B 端常见组件的一些内容。部分参考资料：《B 端产品设计-Mia》《Ant Design》本篇来源：优设网原文地址：https://www.uisdc.com/design-principles-2
视觉 色彩 春晚 《2023 央视春晚》以温暖人心的精品节目、亮点满满的技术创新、美轮美奂的舞美效果为全球华人送上了一道红红火火的文化大餐。整台晚会吉祥而又典雅的舞美视觉美学成为本届晚会的一大亮点。这些美轮美奂的视觉设计是如何产生的？今天我们请担任本届晚会视觉总监，中央美术学院设计学院教授，某集体 ART+TECH 创意总监费俊，来为我们揭秘视觉设计背后的理念、方法和过程。相关春晚的幕后文章：优设专访数字艺术家Sixone：AI辅助创作的IP形象是如何登上春晚舞台的？大家好，这里是和你们聊设计的花生~春节将近，前不久 2023 年央视春晚公布了兔年的吉祥物“兔圆圆”，它是春晚 40 年历史上首个通过互联网大数据分析完成初始配方原创的总台春晚吉祥物 IP，形象乖巧可爱，一经发布就受到了很多网友的称赞和喜爱。阅读文章 > 一、满庭芳华 舞色新春吉庆+典雅，传统+现代的视觉美学理念总导演于蕾和副总导演邹为在晚会策划阶段提出了以宋代词牌名“满庭芳”为核心定位，取意自中国古典文学词牌名，通过舞美、多媒体、节目视觉等各个方面，共同营造祈愿圆“满”的中华大家“庭”尽展“芳”华的主题气象。视觉设计团队秉承这一理念，将中国传统文化中的年俗美学与文人美学相融合，形成“吉庆+典雅”的视觉美学气质；并将传统艺术形式与现代视觉科技相结合，形成“传统+现代”的视觉美学表达。二、传统色彩 创新应用中国传统色彩的视觉美学系统为整体性、系统性地提升整台晚会的美学调性，费俊带领团队建立了一套属于春晚的色彩系统，并设计了一本色彩系统应用手册，这在春晚的历史上尚属首次。这本手册为所有参与创作和制作的团队与个人提供了一套行之有效的配色工具及色彩应用指南，这既大大提高了设计和制作效率，又为形成更加整体性的视觉美学奠定了重要的基础。2023 春晚色彩系统应用手册费俊将色彩系统的建构和应用逻辑概括为“寻色”、“拾色”、“弄色”、“舞色”这四个阶段。整个色彩系统设计的起点来自于对于中国传统色彩的追寻，中国人从自然万物、天地四时中寻觅色彩，这种“寻色”饱含着中国人对自然的敬意、对生活的诗意和对未来的寓意；遵循着这样的理念，团队首先从中国传统色中“拾色”-- 提炼并组合出五个具有吉祥寓意的吉祥五色，并将每个主色延展成 8 种延伸色，形成 40 种可应用色板，以及 10 套配色模版，从而形成了既包含特定色彩搭配指南，又包含较宽色域的应用系统。2023 春晚色彩系统应用手册内容（部分）而色彩系统的应用是一个非常具有挑战的跨学科的系统工程。如何通过各种观看终端的屏幕来完美呈现色彩的表现也是团队着力攻坚的课题之一。艺术的“弄色”需要科技的“校色”方式来支撑，从设计、制作、录制到直播，每个环节都要不断通过设计师和工程师联合的测试、校准和调整，才能实现最佳的色彩呈现。将色彩系统这样的理论体现在设计中，来到观众的面前，则是被称为“舞色”的论题。主创团队依据色彩系统的设定，并结合“满庭芳”的视觉设计理念，设计出了一套被亲切地称为“值班”的春晚主视觉，这些“值班”展现在节目之间主持人串场、零点倒计时以及晚会最后的《难忘今宵》等重要节点上。春晚主视觉（四十多版设计稿）主视觉 - 满庭芳玉棠富贵 （应用于《难忘今宵》）- 主要元素：玉兰、海棠歌曲《难忘今宵》摄影：贾宁旨团队致力于将中国传统色这样的文化遗产活化到春晚舞台，以“色彩系统”为起点，建立起属于春晚的色彩美学体系，让以往缺乏整体风格的舞台视觉变得更加具有美学调性，让大众在色彩的浸染之中感知中国色彩的文化意蕴。“2023 年春晚的色彩观念，依托中国传统色彩体系构建，以正色为经，间色为纬，追求传统文化中柔和雅致、内蕴丰厚的色彩基调，织就春晚色彩体系的传承与创新之美。”（引自：央视新闻）三、传统元素 当代演绎艺术与科技有机结合的视觉美学表达在每个节目的视觉创制方面，视觉团队从中华优秀传统文化中攫取元素，辅之以现代艺术手法和光影技术，使整场晚会节目达到高度艺术性与科技感的融合。VR、AR、XR、360 度自由视角拍摄、AI 人工智能图像生成、大数据、程控灯光装置、动态机械装置等前沿视觉技术的应用，使得整场晚会成为一次艺术与科技的融合成果展示，形成了对于中华优秀传统文化的当代化演绎。歌曲《百鸟归巢》以“南音”古乐融合流行风格，再利用 AR 增强现实技术等科技手段，呈现出一幅百鸟翱翔的吉祥盛景。摄影：贾宁旨在每个节目的视觉创制方面，团队秉持着“思想+艺术+技术”的融合创作理念，从中华优秀传统文化中攫取元素，辅之以现代艺术手法和光影技术，使整场晚会节目达到高度艺术性与科技感的融合。舞蹈《锦绣》摄影：贾宁旨创意节目交互视觉秀《满庭芳·国色》从自然万物、天地四时中追寻中国传统色彩，运用 AR 技术使舞台宛如色彩幻境，同时以现场实时拍摄结合 CG 特效、AI 图像生成等制作技术，将中华传统色彩赋予五位舞者演绎。创意节目《当神兽遇见“神兽”》以《山海经》《抱朴子》《史记》等中国古典典籍中的吉祥神兽为原型，结合 VR 三维影像绘制和 AR 增强现实等技术，让上古神兽“走出”文献古籍，与现代生活中的孩子们奇妙相遇。摄影：贾宁旨武术节目《演武》创意源自 200 年前的古画《武僧演武图》，为少林寺定格了气势磅礴、精彩绝伦的瞬间。节目结 AR 技术带我们穿越入画，梦回千年少林。摄影：贾宁旨四、舞台表演 视觉支撑视觉与表演深度融合的视觉创意方法如何让视觉成为表演的有力支撑，如何与舞台上的各种元素形成协调统一的表达是视觉创意过程中的重要挑战。视觉团队的视觉导演与各个节目主创在内容创作前期就开始深入的视觉创意研究，让视觉内容成为表演者，融入每个节目的原生语汇，而不只是为表演做背景，视觉与表演者成为一体，共同出演；大屏幕上的视觉内容还能成为表演者的支撑要素，而不是变为干扰表演的另外一张皮。 舞蹈《碇步桥》摄影：贾宁旨舞蹈《我们的田野》摄影：贾宁旨中幡杂技《龙跃神舟》摄影：贾宁旨歌曲《跟往事干了好几杯》 摄影：贾宁旨歌曲《花开忘忧》摄影：贾宁旨歌曲《合拍》摄影：贾宁旨歌曲《绿水青山》摄影：贾宁旨有些节目的视觉方案经历了多达数十版的调整，这些调整一方面来自于纯粹的视觉创意的优化；另一方面因为节目内容本身也在经历不断的调整变化，甚至于颠覆。视觉创意及制作团队经历无数个不知疲倦的日夜，不断深化打磨直至最后一刻，为整场晚会视觉品质的提升竭尽所能。创意节目交互视觉秀《满庭芳·国色》《满庭芳·国色》初期节目创意手稿五、光色晕染 灵动优雅演播大厅天顶舞美装置设计今年春晚选择以“花”作为贯穿整台晚会的舞美主题符号，以“满庭芳”作为舞美设计核心理念，这一理念贯穿在演播大厅从空间、舞台到景观等各个方面的设计之中。其中由四瓣花结构演化重构而成的演播厅顶部艺术装置，既是根植于中华文明的美学创造，又是绽放着现代设计理念的创新呈现。创意取材自距今 6000 年至 4800 年前的庙底沟彩陶标志性的“花瓣纹”，著名考古学家苏秉琦先生曾提出：花卉图案彩陶，可能就是华族（即华夏民族）得名的由来。装置设计的巧思之一，是通过“灯光晕染”的方式形成色彩变化，藏于每片结构顶部的灯带作为间接光源，将每层结构之间以柔和的光晕装饰，有如淡彩水墨般节制而淡雅，恰到好处地烘托演播大厅的气氛；同时，通过精密的程序控制，形成灯带整体与局部间丰富的色彩变换，并能实时的根据节目的视觉调性来适配出相协调的色彩动态演绎，这一设计让演播大厅的空间也与舞台上的内容成为了一个可以联动的整体，既提升了舞台的表现张力，也增强了观众的沉浸体验。演播大厅天顶舞美初期设计稿演播大厅舞美设计过程稿六、吉庆团圆 生机勃勃春晚吉祥物设计于春节前夕亮相的春晚吉祥物形象“兔圆圆”，由关山月美术馆馆长陈湘波先生和春晚视觉设计团队历时 4 个月打磨完成。吉祥物“兔圆圆”身上，包含着传统文化中生肖兔的意蕴和美感，也创造性地呈现了中国科学家的科研成就。这是春晚 40 年历史上首个通过互联网大数据分析完成初始配方原创的总台春晚吉祥物 ip。整体形象的基础结合了中国白兔的基本特征，同时参考了社交网络大数据分析，形成了“兔圆圆”的基本形态和性格设定。根据中科院骨脊椎动物研究所研究结果表明，“安徽模鼠兔”为世界最早的兔形动物，中国可谓是兔的“第一故乡”。在“兔圆圆”的造型设计中，视觉设计团队与陈湘波先生一同不断打磨和推敲，最后确定的形象，保留了真实中国兔子造型上的特点，同时艺术化的处理使“兔圆圆”兼具人的表情，更能直观展现不同的情态。造型设定上突出兔的灵动、圆融之美，整体线条简洁饱满和圆润。例如，兔耳选择了大小适中、竖直圆润的形态作为常态，但在不同生存状态时兔耳也有不同姿势；兔的眼睛力求在“拟人兔”与“写实兔”之间找到一种造型的平衡。“兔圆圆”设计过程稿 — 比例调整“兔圆圆”设计过程稿 — 造型三视图“兔圆圆”设计过程稿 — 动作示意草图“兔圆圆”还作为整场晚会第一位出场的“演员”，在开场短片中登场。观众们跟随“兔圆圆”，从充满节日气息的街头市井，来到鲜花盛开的田野草地，而后乘着直冲云霄的节日烟火来到外太空，在空间站舷窗外，看到失重环境下纸花在水膜中开放的独特现象，此时礼花在夜空中绽放，形成了演播大厅舞美天顶的形状，也自然地将观众带入晚会现场。开场短片中的“兔圆圆”短片通过将“兔圆圆”形象三维化，经过不断打磨，配合实景拍摄与动画特效，打造出一个与自然融合、寓意吉祥、形态可爱、含义丰富的新春形象。开场短片分镜草图幕后花絮费俊及视觉组与《2023 年春节联欢晚会》总导演于蕾，在现场监视器前审看节目视觉费俊与晚会总导演于蕾、央美建筑学院副院长崔冬晖团队成员就主持人背景舞台装置进行讨论费俊、胡增鸣与视觉组在春晚现场开工作会晚会开播前接到最后一个紧急设计任务，费俊为岳云鹏变魔术的手绢设计刺绣图案构成费俊与总导演于蕾、副总导演邹为、视觉总监胡增鸣及视觉组在节目成功播出后的合影本篇来源：优设网原文地址：https://www.uisdc.com/2023-spring-festival-gala-design
物料 视觉 用户 前言这次节日活动做了节奏性规划，从题材探索、物料提效、数据论证几个方面，跟大家分享设计是如何深度参与活动当中的。更多节日设计复盘：腾讯案例复盘：如何从零开始打造一个动态节日闪屏？项目背景闪屏作为打开 APP 产品时首要展现的部分，品牌的「门面」顷刻尽显，在众多节日闪屏中如何凸显产品特征、体现品牌的文化性是节日闪屏的重要目的。阅读文章 > 一、活动背景“投资攻略”一直是平安银行理财业务打造大型的理财活动，每年的重大节日都会做，今年的元旦和春节为了让全国人民长假资金不闲置，假期有收益，平安银行理财业务在节前精心准备了投资理财攻略的活动。二、项目思考元旦、春节这类理财活动是没有 offer 的，更多靠物料宣传及推广，所以两次重点活动更多精力的是在探索主视觉的设计方向，希望以此来打动用户，并吸引用户进来“串门”。此项目主要分为三大阶段：前期阶段：主视觉概念设定阶段 -- 围绕题材、品牌角色设定做；中期阶段：活动入口物料 -- 提效设计及提高转化研究；项目后期: 数据验证分析 -- 总结问题和优化方向。1. 元旦项目主视觉概念元旦的理财活动周期时间短，物料单一，所以在策略上更多偏向前期的主视觉概念设定，以此保证活动顺利上线。① 题材方向思考元旦作为阳历新年，具有辞旧迎新的意义，所以围绕“跨年”“迎新”作为切入点，通过脑爆发散的方式列举有关的字眼来呼应主题活动，最终筛选出了正向、点题的关键词作为主视觉搭建对象——奔跑的人、红包、传统建筑。② 草图构思通过筛选出的关键词，结合主题，以草稿进行快速构思；草稿一：人物、场景没有节奏感，元素之间相对孤立，不协调需调整；草稿二：调整奔跑去抓红包的节奏感，口袋旺过于靠边缘了，舞狮过于抢镜需要调整；草稿三：主题与视觉紧密联系，表明“大步向钱冲”的意境。③ 配色方案为了让整体画面“跨年、迎新”的氛围感更浓，从配色和细节上做了一些探究，颜色上汲取中国传统配色作为参考。2. 元旦主 KV 产出元旦氛围：衣服的纹路、荷花、孔明灯、这些具有中国传统古典特色的元素进行画面融入，以此让用户感受到元旦的节日氛围；整体构思：“以大步向钱冲”的创作理念，来提醒用户“抓住理财收益”。① 春节的理财活动题材方向思考春节活动时间周期长，流量大，有更多时间去做设计策略和系统性规划，以此希望活动产能达到预期。题材方向思考今年春节是比较特殊的一年，因为疫情的持续影响，很多人只能选择就地过年。对于长时间没能回家的异乡人，自然对今年“春节”有了更多的期盼，所以今年视觉上除了体现理财概念也要更聚焦于“温情”、打造“团圆年”的愿景，希望以此来打动用户，并吸引用户进来“串门。概念提炼如何打造“温情喜庆年”呢？通过思维发散的方式来提炼关键词，最终晒筛选出以“家”为场景元素来搭建，希望借此将温情喜庆的春节氛围传递给每个用户。场景搭建“家”可以是住宅，是文化记忆，也可以是和家人在一起的情感化表达；家更像是温情的具体阐述，通过选用“家，最为我们的主场景搭建对象，灯笼、对联、烟花营造春节氛围。角色设定在人物设计上，主要从亲和力、喜庆为出发点，在着装和人物细节之处着重考虑，比如服装纹理参考和多人物之间的动态组合参考，既贴近真实，又具备温情感。配色规则元旦配色汲取了具有中国传统色系作为主物料的配色；春节配色为了增强喜庆氛围，采用了偏向大红色系作为主色系，更加符合过年热闹的场景。② 春节主 KV 产出③ 春节主视觉延展及应用微海报高效产出满足业务推广需求微海报在这次节日活动中，更新频率高，每天都要进行修改，所以在设计上通过主视觉图形分拆和素材库应用形成系列感，从而达到高效产出，满足物料推广需要。重点流量入口引流设计部分资源位流量较大，为了增加活动入口的点击率，设计上进行阶段性物料区分投放，前期进行节日营销，后期采用了“投资日历”的形式，示意客户做好理财时间规划，再不买就错过的急迫感。部分活动入口活动长图模板展示页三、数据验证1. 总产能数据通过视觉设计策略及表现最终吸引用户访问 PV 达到 560 万,UV41 万，比去年销售额和订单量同比增加 9%，整体订单转化率达 7.8%，优于去年。2. 成交数据发现活跃用户带来的理财销售占比 79%，主要集中于节前节后三天成交TOP 前三的销售产品，主要集中于节前节后成交3. 根据数据发现，后续优化设计策略重点在节前后三天物料进行差异化，强化用户感知，后续可重点突出销售高的产品介绍、募集倒计时、增加节后成交紧迫感。4. 重要流量入口同比数据提升注意到通过重点流量入口前后期不同物料投放，转化也有所提升，比如首页氛围转化率为 7.03%、弹窗转化 4.5%，数据环比元旦提升了 2.5pct 和 1.1pct，其它资源位，基本保持不变。结语本次活动前期的准备较为充足，物料宣传覆盖很广，在没有 offer 的情况下，通过视觉表现上的设计策略一样吸引了较多的用户预览，从而带动了产品复购，这为我们以后的工作留下很好的借鉴。本场活动也有一个经验上的汲取为后续提供优化方向，比如春节活跃用户大多数在节前 3 天，我们可以通过这 3 天与前期物料进行差异化，重点突出产品介绍、募集倒计时来强化用户感知和增加成交的紧迫感，来达到促销目的。欢迎关注作者微信公众号：「OnepinganDesign」本篇来源：优设网原文地址：https://www.uisdc.com/holiday-activity-design
用户 测试 问卷 用户研究对于设计具有重要的意义，不仅能够为设计团队提供可信性和权威性的依据，而且能够让团队与用户达成统一认知，帮助我们在设计问题上做出更全面科学的决策。最近浏览了超过 30 篇用户研究案例，总结了 3 种常见的用研类型：问卷、访谈、测试，以及具体的实践流程。分享给大家，希望对大家有帮助！！相关干货：万字干货！大厂最爱的用户研究方法全方位科普导读：这篇长文主要讲述了用户画像与用户体验地图在实际应用中的作用、差异、流程、实用技巧和关联。阅读文章 > 写在前面社会科学领域中将研究方法分为定性研究和定量研究 2 种，在开始介绍这些用研类型之前，我们需要先了解这两种研究范式的基本概念与区别。定量研究（Study on measurement）：定量研究是指确定事物某方面量的规定性的科学研究，将问题与现象用数量来表示，进而去分析、考验、解释，从而获得意义的研究方法和过程定性研究（Qualitative research）：定性研究是指通过发掘问题、理解事件现象、分析人类的行为与观点以及回答提问来获取指导性的结果。简单来说，定量研究和定性研究是相对的两个概念，前者考察和研究事物的“量”，后者考察和研究事物的“质”。因此，两者在研究范式上存在着明显的不同。 具体区别可以从研究目标、研究对象、研究方法、问题形式、结论表述 5 个方面来阐述。研究目标：首先，研究目标上，定量研究重视对目标的预测而定性研究重视对用户的理解。研究对象：研究对象上，定量研究强调事实的客观实在性而定性研究强调对象的主观意向性。研究方法：定量研究主要运用统计分析、建立模型等方法，设计师常见的定量研究工具有桌面调研、问卷调查、A/B 测试等；定性研究则主要运用逻辑推理、历史比较等方法，常见的定性研究工具有用户访谈、焦点小组、角色推演等。问题形式：定量分析只能回答少数简化轴上“多与少”的问题。而定性研究能够以丰富多元的形式回答“是什么、怎么样、为什么”等问题，能够真实反映现实情况的复杂性。结论表述：由于研究目标及方法的不同，两者在结论表述上有着较为明显的区别。定量研究主要以数据、模式、图形等来表述；定性研究结论多以文字描述为主。一、问卷问卷一般指的是“问卷调查”，是最为常见的一种定量研究方式，当然也可以进行某些定性的调研。它是由一系列问题组成，用户自行在纸上或线上完成答题。问卷调研的流程一般可以分为 5 个步骤。问卷准备-问卷设计-问卷投放-数据回收-报告产出。1. 问卷准备① 明确调研目标当你想要比较不同用户的答案、向大量用户进行提问时，可以考虑采用问卷调研的形式。研究一定要具备目标导向性，进行问卷调研之前，必须明确调研目标。目标的设定应尽量客观，很多设计师设定的目标只为了证明自己的观点是正确的，结果围绕这类目标的问题往往具有很强的诱导性。② 明确调研用户一个产品可能涉及到多个用户的使用，甚至会对用户做分层的运营，特别是 C 端产品，不同用户所使用的功能和习惯会截然不同，因此在设计问卷的时候，我们需要明目标用户的特征，新用户还是老用户？活跃用户还是流失用户？围绕用户属性采取不同的问卷设计策略。③ 选择问卷工具现在市面上有着非常成熟的问卷设计工具，都能满足问卷的发放及回收功能。目前比较常见的有问卷星、腾讯问卷、Credamo、金数据等。2. 问卷设计① 梳理框架框架应该满足先客观后主观的特点，问卷的框架可以分为 4 个部分，顺序依次是开场白-基础信息-封闭式问题-开放式问题。举个栗子：开场白：优秀的开场白可以提高问卷的完成率，告诉用户本次调研的目的，有多少道题目，会花费用户多少时间，用户坚持做完会有什么报酬等等。基础信息：一般是和用户特征的相关的题目，目的是为了快速捕捉用户特征，增加分析维度。封闭式问题：封闭式问题一般提供特定的选项，是一种客观的提问方式，是或者不是，会或者不会。开放式问题：这种问题可以得到非常多样的答案，是一种主观的提问方式。当你想要获得尽可能多的反馈时，可以提这种问题。比如对于产品的建议等。但请记住，不要在刚开始就问用户一些开放式的问题。否则用户可能会直接退出。② 设置题型、逻辑题型：几乎所有的问卷工具编辑时都可以预设几十种题型的选择，常见的有单选、多选、填空、评分、表格，高级的有矩阵、排序、量表、比重等等。一般来说，常见的题型就可以满足基本问卷的设计。逻辑：如果你想获取调研更多的信息，可以对选项设置不同的逻辑关联，常见的逻辑类型有 3 种：关联逻辑、跳转逻辑、引用逻辑。示例如下：③ 设计后续回访问卷调研有一个弊端，不能对用户的回答进行补充提问。所以我们需要设计一个后续回访的方式，比如留下你的联系方式，或者给用户一个同意后续联系的操作。总之，确保问卷回收后可以追溯到问题的来源进行补充提问。3. 问卷投放① 圈定目标人群问卷投放不是遍地撒网，投放时根据目标控制答题者的年龄、性别或地域等条件，做到目标人群的精准投放，回收的数据才会更真实有效。② 选择投放渠道渠道可以是单一的，也可以是多元的。常见的投放渠道有微信群、朋友圈、问卷二维码、群发短信与邮件等。C 端产品由于用户体量大，一般会在产品内部预留问卷入口。B 端用户发放路径会有限制，可以找运营团队、客服团队针对性的发放。4. 数据回收① 筛选样本一般来说，参与的人数越多，得到的信息就越可靠，主观信息也是这样。因此，在研究中，尽量多收集一些信息。但并不是所有的信息都是有价值的。在样本回收后，我们需要剔除无效样本，筛选出有价值的样本，保证数据真实性。一般来说筛选样本可以通过 2 种方式：自动筛选、手动筛选。自动筛选：如果计划回收的问卷数量很多，建议在问卷投放时制定无效问卷的规则，比如省份、城市、填写所花时间等。问卷星、腾讯问卷等工具都提供了自动筛选的功能。手动筛选：对于样本量较少的问卷可以采用手动过滤方式，下载初始数据后，对样本进行逐一筛选。最终保留有参考价值的数据。② 单一维度分析单一维度和交叉维度是相对的概念，我们回收的每个问卷数据，都可以看作是单一维度的分析。③ 交叉维度分析设置一个或多个自变量（X）和因变量（Y），通过交叉分析，取得综合结果。一般来说，自变量常常客观信息（性别、年龄、身份）等，因变量常常为要分析的客观问题或者主观问题。通过交叉分析，我们可以得到更加全面、有价值的数据。5. 报告产出① 原始数据原始数据指的是未经分析与转化的回收数据。原始数据的文档不需要在汇报中展示，但原始数据的留存对于团队外的分享和后续的复查具有意义。一般在汇报时，我们会在报告的结尾处附上原始数据的链接，方便感兴趣的同事查看。② 总结规划总结一般包括调研目的、数据回收情况、分析结论、优化建议。如果是定量研究的数据，可以在报告中用模型、图表的方式来表述。用户主观描述的定性问题，也应对问题进行大致的分类，方便在报告中展示。除此之外，有了研究数据之后，需要分析一定要有后续的解决方案和大致的规划，形成完整的闭环，进一步突出调研的价值。二、访谈访谈就是你事先准备好一系列问题，然后当面询问用户。访谈调查是通过向受访者提问来获取信息的总称。是一种定性调研的方法。常见的访谈方法有用户访谈、焦点小组等。访谈的流程一般可以分为 4 个步骤。访谈准备-进行访谈-输出结论-报告产出。1. 访谈准备① 确认访谈目标尽管访谈可以和测试者直接接触，但在收集用户使用产品做什么、如何使用产品等方面表现并不佳。访谈更擅长收集用户的某些行为习惯或使用哪些产品方面的意愿。所以在进行访谈的初期，我们需要深入的探讨用户研究的目标，从而选择合适的方式。② 招募用户访谈不同于问卷，是一种点对点的用研方式，所以访谈用户的筛选比问卷更加严格，除了符合目标人群外，还要划分用户是否具有代表性。如果你需要对多个用户进行访谈，你还需要考虑目标用户的配比，尽量找一些能代表不同人群的用户。常见的用户招募渠道有 3 种：内部推荐、问卷筛选、机构代理。③ 预设访谈大纲访谈的过程是网状的，如果缺乏结构性的串联，很可能在访谈中迷失方向，导致漏掉某些重要的内容。从内容的划分上，访谈类别可分为：非结构式访谈、半结构式访谈、全结构式访谈三种。非结构式访谈：指有主题、却没有操作化为具体访题的访谈，是非正式的、随意的。只需要让用户充分表达自己的观点即可。半结构式访谈：有主题，有大纲。是一种比较灵活的访谈方式，可随时调整问题的顺序、新增问题等，是实际的工作过程中最常用的一种形式。全结构式访谈：把研究问题操作化为具体访题、且访题之前有严谨逻辑结构的访谈。在访谈大纲顺序不变的情况下，用户可以进行自由的表述，并进行补充提问。对于访谈经验不足的人员，建议采用半结构式访谈和全结构式访谈的方式。提前预设好访谈大纲，方便及时发现未访谈的要点，以此增加对整个访谈的把控。④ 确定场地、时间当你想对多个用户同时进行访谈时，你会发现，把他们聚集起来并不是一件容易的事。所以尽量在招募成员的阶段就确认好访谈时间，防止出现招募后时间冲突的情况。访谈可以在很多地方进行，可以直接去受访者的家里，也可以邀请受访者聚集到某一个地方。大部分情况的是请用户到公司来，然后使用公司内部的会议室进行访谈。访谈人数较少的话，建议选择公司附近的咖啡厅等一些温馨舒适的公共区域，这种访谈环境不会有太强的压迫感，从而减缓用户的紧张情绪。⑤ 准备访谈报酬访谈需要花费用户的时间，除非你和访谈对象关系很铁，否则最好准备一下访谈的报酬，让用户知道这次行动是有回报的。有了报酬体系，不仅可以让用户认真对待这次访谈，还能方便后续跟进前期访谈没有注意到的问题。⑥ 准备相关素材除了与受访者交谈，访谈需要全程记录内容。所以在人员配比上建议由 2 位以上的设计师参加，一位负责引导谈话并适当做些笔记，另外一位负责详细记录访谈内容，查找提问的漏洞。道具上除了笔记本、电脑这些基础的设备外，你还需要准备录音工具和记录工具。这里推荐几款不错的提效应用 印象笔记、石墨文档、魔音助手、Verse 等。如果你需要将用户的内容进行公开，还需要准备一份授权协议书，尊重用户的隐私。人员：至少 2 位（一个提问、一个记录）道具：录音工具、记录工具、访谈大纲、授权协议2. 进行访谈访谈流程可按照开场白-探索式访谈-开放式访谈-封闭式访谈-结束语的步骤展开。① 开场白人们对于陌生的人和环境有着本能的排斥情绪，好的开场白可以减少用户的紧张情绪，消除用户的担心，快速建立信任关系。我们首先可以进行简单的寒暄和自我介绍。通过轻松的沟通先活跃气氛，让用户更加放松。紧接着就可以告诉用户此次访谈关键信息：此次访谈的目的、时间等。② 探索式访谈早期访谈具有探索性质，重点是了解用户一些基本属性。问题通常较为广泛、开放。较少探究细节。目的是为了对用户有了一个比较彻底的了解。如果访谈人员直接切入核心话题的话，就会导致用户省略原因和背景，直接表述结果的情况发生。③ 开放式访谈在对用户有一个比较深入的了解之后，设计师可以按照大纲提出开放式和明确的问题，形成初步轮廓。这时的问题通常更关注于细节和深度。用户在回答一些问题后，可以适当的进行补充提问，确保得到用户更开放、深入的回答。④ 封闭式访谈访谈的后期，设计师依靠先前观察到的用户模式，快速回顾访谈的内容和回答。聚焦到与调研目的相关的核心信息，对任务和信息需要的假设进行细微调整，提出更多侧重封闭型的问题，对数据进行收尾。⑤ 结束语结束的时候向用户表明本次访谈已结束。向用户表达感谢。如果访谈过程中得到了一些负向的反馈，告知用户问题我们很重视，会尽快把收集到的访谈内容反馈给相关部门。如果提供了奖品和红包也需在访谈结束后一并发给用户。一些参与度高、善于沟通的优质客户，需要在访谈结束后维护好关系，方便再次访谈。3. 输出结论① 整理原始记录原始记录不需要任何修改，一般来说，负责记录的人员会在访谈的间隙快速整理笔记，对之前记录不完全的部分进行补充以及快速的检查。但难免会有一些问题记录的不够充分。这个时候需要设计师整理一下原始记录。对记录进行查漏补缺。② 问题归类没有任何一个开发人员希望拿着访谈录音再听一遍。对不同用户遇到的相似问题进行归类，聚焦到大致的问题类别。适当情况下，可以突出问题比较多的模块。这样不仅方便其他成员进行查阅，对后续解决问题也有指导性的帮助。4. 报告产出① 原始文档原始文档一般包括 2 份，录音文档和笔记的文本文档。如果录音清晰的话，可以使用一些转化工具，直接生成录音的文本，提高产出效率。② 优化建议不是所有的访谈都要给出明确的产品建议，但对于报告来说，优化建议很重要。访谈研究的建议往往基于访谈记录以及被访者提出的问题。很多设计师会把访谈过程中的用户建议当作产品下一步的推进方向。其实这是不正确的。设计师要理解和转化用户真实的需求和动机，然后再把真实的需求落实到具体的产品流程中，从而给出产品的优化建议。三、测试测试是测量用户与产品交互特点的一系列技术总称。一般来说。测试需要在较为完善和连贯的设计成品上进行，通常是为了验证某一个产品的设计。也就意味着，测试一般是放到设计周期的后期进行。常见的测试类型有可用性测试、A/B 测试、眼动测试等。测试的流程和访谈类似，但操作内容有区别，访谈流程也可以分为 4 部分：测试准备-进行测试-输出结论-报告产出。现在越来越多的公司将测试流程纳入产品生产周期，甚至有专业的测试团队进行测试。对设计师来说，测试可以保障线上还原度和体验闭环，对于保障用户体验至关重要。这里主要介绍可用性测试。1. 测试准备① 建立测试标准组织者需要在测试前建立测试标准，目的是更好的观测用户体验。国际标准化组织覆盖（ISO）人机交互部分把计算机“可用性“规定为 3 个指标：有效性、效率、用户满意度，这 3 种指标是比较常用的可用性指标。组织者可根据测试目标，自定义二级指标内容和规则。② 招募测试人员现在的互联网环境中，很少有公司会花费成本招聘外部人员进行可用性测试。所以可用性测试人员一般都是公司内部的相关人员。如果需要招聘外部人员进行测试，招募渠道可以参考访谈的招募渠道类型。③ 准备测试材料测试的准备材料主要包括测试文档、测试设备、录音设备、录屏设备、记录本等。测试文档：包括测试前的测试标准表、任务脚本；过程中的记录表格；测试后的体验测评的表格等。测试设备：取决于目标用户群体主要使用的设备，如果目标群体大部分是安卓系统，那么我们应该配备不同型号的安卓手机。如果我们测试网页这种涉及多设备的场景，需要准备好不同的设备。录音设备：和访谈一样，我们需要录音设备记录测试的过程。便于测试结束后进行详细的信息整理，可使用手机自带录音功能或专业录音笔。录屏设备：录屏资料可以帮助定位到操作过程中的许多细节。一般的电脑、手机这些测试设备都会自带录屏功能。如果部分测试设备无法录屏，则需要自备录屏道具。记录本：记录测试过程中用户的行为。④ 确认时间、地点和访谈一样，测试前需要确认好地点和时间，一般来说，大部分的测试地点是在会议室进行，需要注意的是，测试的过程需要录屏和观察，所以测试区域的分配上要保留测试区和观察区两块区域，保证能够清晰的看到测试者的情况。2. 进行测试① 发布测试任务进行测试之前，我们需要将测试剧本分配到具体的测试者，测试任务一般包括 2 点：任务目标和情境条件。任务目标：指的是本次测试想要完成的最终目的，情境条件：指的把任务润色成用户一个实际的使用场景，或者给任务设置约束条件。比如你想测试某个购买流程，目标是让用户完成购买操作，情景条件是价位、品类和功能限制。测试任务可以写成：你想要购买一个价位在 150-200 之间的 XX 品类商品，不使用搜索功能的条件下完成本次购物操作。② 观察与记录观察：观察员通常由项目高参与度的专业人员担任，设计师或者产品经理。观察用户的操作过程中的表情、行为、表述内容等。观察员在观察过程中应该保持中立、客观，可以适当的时候深入问询问题，帮助用户表达潜在的意图。记录：观察员需要尽可能的完整记录被访用户的言语内容、情绪、用户操作路径、完成情况等。这样比起后续听录音笔、看用户操作视频再来记录会更高效。而且在用户测试完毕后，需要对测试过程中遇到的问题进行补充提问。③ 体验评测一般可用性测试完毕后，可以使用一些方式去评测流程的整体满意度。除了直接询问外，比较常用的方法有场景后问卷（ASQ）和系统可用性问卷（SUS）。场景后问卷：ASQ 是一份五点或者七点量表，共有 3 道题目，评估维度从任务难度、完成效率、帮助信息三个方面获取测试者的直接反馈。通过得分/总分的方式取得一个平均分值，平均分值越高代表体验越好，只有大于 0.6 才能合格。系统可用性问卷：SUS 量表被认为是 80 年代经典的可用性问卷标准，SUS 用于评估对整体系统的可用性，它是一份五点量表，共有 10 道题目，评估维度有可用性和可学习性。SUS 分数计算比较复杂，经过大批数据的研究和应用迭代。最终的分数计算方式有 3 步，步骤一：所有奇数题目得分减一后相加；步骤二：所有偶数题目得分由五减去后相加；步骤三：将奇数题最终得分+偶数项最终得分，然后再乘以 2.5 即最终 SUS 得分；得到的总分对应以下不同的评级，共有 ABCDE5 个级别，一般来说，大于 70 属于合格。3. 输出结论① 数据收归一般来说，测试过程中的问题一般会聚集到某个点，数据收归的目的是对各种问题进行分类整理，类别可以按照划分的指标类型、解决优先级或者问题类型来分布。这样能够很直观的展现问题缺陷与突破口，同时能够快速体现测试价值，或者说你进行可用性测试为业务带来的价值。② 确认优化排期测试的一大好处是测试结论可以直接转化为产品文档进行后续的产品改良。所以在我们进行数据收归后，应及时协同内部团队做好后续的排期优化工作，将设计调研结果的价值发挥到最大。这一步才是最重要的，也是设计师价值提升的体现。4. 报告产出① 测试报告当我们完成所有数据收归后，需要产出一份完整的测试报告。报告的撰写可以从测试背景-测试过程-测试结论-优化排期四个维度来完成，这里不做赘述。② 材料归档可用性测试是产品研发周期的必要流程，每次测试报告的归档和管理也至关重要。归档材料主要包括被访用户基本信息、任务测试记录表、每一个用户的录音与录屏材料、测试满意度的问卷及结果、可用性测试问题汇总表、总结报告。在这一步才表示我们所有的设计调研工作结束了。总结用户研究是做好设计的关键，以上就是用户研究的 3 种常见类型。问卷调查和访谈能够帮助设计师在开发早期理解用户真实的需求、动机。测试能够评判设计是否简单高效。在开发周期各个阶段采用合适的用研方法，产品将会最终收益。对于设计师来说，虽然日常工作中并不是都有机会进行用户研究，但用户研究是项不可缺少的技能。暂时不用没关系，Mark 一下。源文件链接：https://www.figma.com/file/BwLfmNE64MVakvohIzBvRB本篇来源：优设网原文地址：https://www.uisdc.com/user-research-type
互动 用户 贴吧 本文搭建“信息更易懂”、“路径更顺畅”、“玩法有惊喜”互动系统设计方法，焕新 19 岁贴吧互动体验，提升用户活跃。往期改版案例：上亿人使用的百度贴吧，是这么做设计改版的！随着产品的发展和用户群体的演变，用户对产品的认知也在发生变化，当用户认知和产品形象发生偏差时，体验升级就势在必行了。阅读文章 > 大厂出品！百度数字人设计改版实战复盘通过构建伙伴认知、满足情感互动、增强沉浸体验等手段，增强 AI 伙伴的曝光率，进一步向用户传达智能搜索感知，促进搜索行为转化。阅读文章 > 前言良好的互动氛围是社区产品的核心，贴吧作为一款近二十岁的社区产品，设计师秉承年轻包容的产品理念，始终在探索属于贴吧的特色互动形态，在这过程中，希望通过互动系统设计方法，升级贴吧互动体验，培养用户心智，形成良性互动链路，最终提升用户活跃。一、探索互动系统的设计方法较为简单的互动形态为作者生产内容，浏览者为喜欢的内容点赞、回复，甚至私信创作者，这些互动行为会激励创作者继续生产内容。基于以上互动形态我们搭建了循环互动系统，创作者为浏览者供给内容后，我们需要在互动环节引导互动行为发生，在触达环节优化互动信息触达，在反馈环节引导参与互动反馈，从而形成正向循环。结合实际的项目经验我们发现互动系统运转离不开“信息更易懂”、“路径更顺畅”、“玩法有惊喜”这三个要素。二、寻找贴吧互动设计机会点贴吧的角色是由创作者—楼主、浏览者—吧友组成，良好的产品运转模式为：创作者向浏览者生产供给内容，浏览者对其互动激励。但贴吧多年来互动链路中断，导致从互动到供给无法形成正向循环。1. 特色场景洞察问题贴吧的场景及形态广泛，与其他产品有所不同，具有内容形式多样、浏览场景独特、互动类型广泛、回复逻辑精细、互动玩法多元等特点，通过走查上述特色场景发现诸如链路中断、功能缺失、结构混乱、内容丢失等问题。2. 下探设计机会点基于以上问题的共性，我们可以从中总结出核心体验断点：看不懂：回复列表内容结构不合理、收藏后看不懂更新的楼层内容；看不到：Push 通路不稳定无法触达用户、大多用户关闭推送 push；没意思：赞、回复等互动方式老旧，刷贴、签到行为重复，没有特别的玩法。下面会使用上述总结的互动系统设计方法，对贴吧现存问题进行体验升级，提高用户的互动积极性。三、 互动系统设计方法应用举例1. 信息更易懂贴吧的回复场景多，逻辑复杂，创作者与浏览者在看到对方的回复后，内容展示需要易读易懂，彼此才会有意愿回复反馈。① 查看列表—优化结构查看评论列表的旧体验存在回复对象错乱、内容缺失的问题，新体验根据语境自由展现原贴、楼层、楼中楼三层结构，承接上下文关系，降低用户理解成本，并将其复用在查看点赞、查看@ 等场景中。② 查看详情—精准定位点击列表页后的精准定位也是易懂的关键，我们对内容被折叠、定位不准旧体验问题进行优化，新体验默认展开原贴及楼层内容，细化点击贴子、楼层、楼中楼后的定位逻辑，帮助用户精准看到想看到的内容。③ 继续消费—延长步长用户从回复列表进入查看详情页后，旧体验只展示当前的评论楼层，看不到上下文内容。新体验在定位楼层前后增加楼层内容，同时通过“查看之前楼层”和“加载之后楼层”方式继续浏览，延长步长。2. 路径更顺畅产品的推送 Push 向用户推送感兴趣的信息，需要稳定的触达用户且有意愿打开，才能达到召回用户目的。① 打开推送开关—场景引导旧体验引导开启 push 场景缺失，方式过于生硬，新体验选取贴吧高频互动场景，在用户签到后、回复后、发布后选择合适形态展现引导，提高推送通知打开率。② 展示推送—有吸引力旧体验互动 push 内容表述凌乱，新体验将 push 内容结构化，以“用户昵称+动作+互动对象”的结构展示推送内容，并强化互动用户的头像，适当展示互动详情，吸引用户点击。3. 玩法有惊喜贴吧点赞、回复等互动方式存在多年，缺乏新颖性，用户互动心智疲软，急需通过轻量、有趣的创新玩法，刺激浏览者互动。① 新增动态表情结合贴吧元素，补充单击、长按、双击的递进互动点赞方式，给予用户感官刺激，提升点赞爽感。结合时效性运营活动，增加高考、劳动节、618 活动点赞，营造惊喜感。首次私信提供贴吧 IP 表情，助力用户关系破冰。后续私信增加开香槟、丢炮竹以及丢炮竹炸滑稽双向互动玩法，持续提升用户互动意愿。② 新增潮流表态虚拟形式是近几年受用户喜爱的潮流表态玩法，探索虚拟形轻互动方式，互动后通过私信触达，并沉淀社交货币资产，进而引导双向互动。小结文本搭建的“信息更易懂”、“路径更顺畅”、“玩法有惊喜”互动系统设计方法，已将其运用在贴吧的特色互动体验升级中，并取得正向数据和用户反馈，希望该项目的设计方法及经验能为大家提供参考。欢迎关注作者的微信公众号：「百度MEUX」本篇来源：优设网原文地址：https://www.uisdc.com/tieba-design-revision
元素 主体 素材 大家元宵节的设计都做了没，今天给大家带来的是关于元宵节的案例实操，同时也会给大家提供一些小方法帮助大家能更快速高质量的出稿，希望对大家有所帮助~更多海报设计教程：借势海报必看! 二十四节气之立春海报设计常用意象总结大家好，这里是和你们聊设计的花生~春雨惊春清谷天，夏满芒夏暑相连。阅读文章 > 往往做不出来设计，就是这三个问题。元素方面还比较简单，这么多年过来了基本什么灯笼啊元宵啊，月亮孔明灯之类的都可以用，最关键的还是分清作用。例如元宵一看就很简单，但是一碗元宵这就比较复杂，或者月亮相对简单，灯笼较为复杂，当然不能一概而论具体素材还得具体分析。这里的其实大部分元素都属于简单元素，它的特征就是重复的大量的，外形相似的，细节较少的。而复杂元素的特点正好相反，画面中突出的，细节丰富的往往属于复杂元素也就更适合作为画面的主体。这个处理非常巧妙，大量的圆形重复不仅塑造了背景还塑造的氛围以及前后纵深，最重要的是在核心主体上添加了细节让其放大是有东西可看的。配色方面可说的点很少，基本都是白色黄色红色的组合偶尔也有橙色的表现，不断变换比例穿插，大体都是暖色红色背景为主。但是最近两年也有地产的不按照常规路子来，适当牺牲节日的调性氛围转而从抬高品牌调性的。那么如何深化画面呢？如果只能让我推荐一个方法，显然简单元素的重复使用是很好的选择。大家可以先观察一下这个设计是如何重复的。显然周围环绕的圆形素材以及反光的四个圆是这里的重复元素，也就是这些简单的图形在起到强化主体占据空间深化画面的作用。类似这种也是一个道理，山河孔明灯一个是用来塑造背景一个是用来拉出纵深的，这样深化设计的成本是最低的，我也会在后面的实操演示到。案例实操有了上面的分析设计就变得很简单了，首先我们要选用暖色色彩，红色背景，然后整体需要热闹一点最好是有灯的元素，最后我们采用一些简单的素材重复使用来深化画面。基础的文案陈列。主体我选择了一张摄图网的插画，这种就比较省事儿同风格素材比较丰富，出图速度比较快。当然缺点也有别直接像改尺寸一样变成抄袭了，最后多说一句注意版权！把主体提取出来对应区域进行摆放。修改为红色背景，这个红色注意别太刺眼就行。调整字体为喜鹊招牌体（已购买）编排适当进行断行和错位处理。继续拆分插画里的元素补上标题右侧的负空间，如果假设没有这个正好的素材，就考虑添加一些月亮，灯笼或者丝带之类的素材填补空间。给标题添加一点效果，这里我加了一点点渐变和浮雕，结合了一个月亮的素材处理成发光是为了略微增加一点空间感。借助插画里的祥云线条的描边来强化分割空间，大家认为这里是属于简单元素还是复杂元素呢。如果追求统一感的话可以不做色彩，但是我个人喜欢颜色层次丰富点，添加一个青绿色。进一步分区，让标题更加明显一点。这里要说一个点色块是可以占据空间的但是线框就不适合，但是色块想占据空间还需要有一定的内部填充，这就是我们下面要做的。添加相关元素让色块内部不要太空。下面有的素材主体部分最好也有，略微提亮一点主体底部可以有效拉开层次感避免素材因为与背景的色相对比而抢主体风头。月亮的元素可以这样前后穿插的使用，这样能建立标题和主体的关联，让画面看起来整体性更强。添加氛围点，让整体看起来更热闹一些，部分圆可以添加外发光这样细节看起来会更舒服。给部分弧度下增加暗色，在平面上做出层次。过一遍 acr 滤镜常规的锐化颗粒感以及适当的聚焦。最后做一个样机就完成了。本篇文章我们学习了元宵节海报的设计流程，知道了如何快速强化主体以及简单元素和复杂元素的使用逻辑，希望本篇内容能对大家有所帮助。讲道理这不加个好友平时白嫖问问题嘛~欢迎关注作者微信公众号：「视研设」本篇来源：优设网原文地址：https://www.uisdc.com/lantern-festival-poster-design
电影 截图 拉片 大家好，这里是和你们聊设计的花生~之前为大家推荐了 8 位 B 站上值得关注的电影拉片 UP 主，可以帮助大家了解电影拉片的基本知识。今天继续为大家推荐一些实用的电影拉片资源，包括海量电影截图网站、在线拉片网站和可以自己进行电影拉片的工具，可以帮助我们更有效地学习电影内的构图、调色、打光等知识，进一步提升审美。往期回顾：看电影学审美！8位值得关注的宝藏电影拉片UP主大家好，这里是和你们聊设计的花生~想必很多学设计或插画的小伙伴听过可以通过看电影来提升审美，学习构图、配色、造型等方面的知识，并获得相应的创作灵感。阅读文章 > 一、FlimGrab网址直达： https://film-grab.com/FilmGrab 是一个专业的电影截图资源网站，目前收录了 1920 年至 2021 年近 3000 部电影的高清截图。它最初只是一个个人博客，现在已经发展成为全世界电影制作人和艺术创作者的创意灵感宝库，可以学习优秀电影的构图、布景、光影和色调。FlimGrab 网站首页FilmGrab 内的电影截图都是手工截取的，具有较高的参考价值。单部电影截图数量在 70 张左右，有截图自动连续播放功能。网站提供了非常细致的分类，可以按年代、电影类型、导演、字母顺序、制片人、服装设计师甚至屏幕横纵比来筛选电影，非常便捷。FilmGrab 收录的 2020 年电影《Emma》的部分截图二、Movie-Screencaps网站直达： https://movie-screencaps.com/Movie-Screencaps 也是一个专业的电影截图网站，与 FilmGrab 相似，收录的电影非常全面。其特点在于截图频率非常密集，像是是机器拆解的，单部电影的截图数量可以到达 10000 张之多，非常细致但也会出现多张雷同的画面。另外网站提供全部截图的打包下载。Movie-Screencaps 网站主页Movie-Screencaps 内电影详情页三、Screenmusing网站直达： https://screenmusings.org/movie/Screenmusing 由电影爱好者 Sheriden 在 2006 年创立，目前收录了 300 多部电影。网站内的电影截图全由 Sheriden 独自完成的，专门从视觉效果令人惊叹的电影中挑选出的独特且高质量的静止帧。单部电影的截图数量在 500 张左右，图片不算高清，但是足够用作参考。Screenmusing 收录的 2012 年电影《Django Unchained》的部分截图在 Screenmusing 内可以通过名称、类型、导演、摄影师和演员筛选电影，另外还有 2 个比较有意思的版块。一是“色彩实验室”，里面阐述了色彩对于电影的意义，并列举了不同颜色在影视中的含义和具有代表性的电影截图，值得一看；另一个是“007 专题”，收录了 25 部詹姆斯·邦德电影，可以看出网站创始人对 007 爱的深沉。Screenmusing 的“色彩实验室”和“007 专题”版块四、Movieminer 电影拉片学院网站直达： http://www.movieminer.top/Movieminer 是一个非常好用的电影拉片在线工具，目前收录了 1049 部电影、5 万多个镜头和 150 多万个截图。网站提供“一键拉片”功能，可以直接从站内导入现有的电影资源进行在线拉片，导入后电影会被拆解为一个个连续的小镜头，并附有镜头内容简介，可以勾选单个或多个镜头进行详细拉片。另外还有一个“搜索镜头”功能，可以按关键词搜索指定的场景、情节、角色、动作、表情等，对于找寻找绘画或设计参考来说非常方便。Movieminer 网站主页Movieminer 可以从站内导入电影进行在线拉片五、电影逐帧截图工具除了上面推荐的现成的电影拉片资源，我们还可以利用合适的视频播放器对任何自己喜欢的电影进行拉片截图。知名艺术博主@Simon_阿文认为自己逐帧分析截取画面能更有效学习方式，并分享过一种自截图方式：利用 Potplay 播放器播放电影，它可以逐帧播放电影画面，截取画面的方式也非常简单快捷。Potplayer 是一款非常强大的 Windows 媒体播放器，软件体积虽小，但可以内置解码器几乎能播放任何格式的媒体文件，并有逐帧播放、录屏等多种个性化功能。大家可以通过官网下载，或者直接到文末下载安装包。Potplayer 官网： https://potplayer.daum.net/ （需要搭梯子）图片内容来源： @Simon_阿文以上就是今天为大家推荐的 5 款实用电影拉片工具，希望对大家通过电影学习设计知识有帮助~喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复~推荐阅读：优设专访插画师态爷：画完100张电影海报后，我终于学会怎么做好一碗蛋炒饭大家好，这里是和你们聊设计的花生~最近非常幸运，有了一次专访插画师态爷的机会。阅读文章 > PPT 超全自学指南（3）：图示能力和设计审美历时一个月的精心制作，用轻量有趣的图文，帮你轻松自学 PPT 设计。阅读文章 > 文件名 如何下载使用 文件大小 下载来源 PotPlayer安装包32M 登录下载 本篇来源：优设网原文地址：https://www.uisdc.com/5-movie-pull-resources
用户 网页 可用性 编者按：这篇文章出自用户体验设计行业内的资深机构 NNGroup，他们一直谨慎而专业地对行业进行审视、分析和总结，这篇文章更新于 2023 年第一天，他们通过真实的用户调研和持续的观察，梳理了最近几年移动端 UX 设计的变化，下面是正文。从 iPhone 诞生到现在已经15年了，移动端的用户体验设计的综合素质已经相当稳定了。移动端的标准已经制定完全，移动端 Web 应用和本地应用之间的界限也越来越模糊了。最初的 iPhone 是在 2007 年 6 月发布的。2008 年底，我们开始发布了第一版「移动端设计报告」，当时绝大多数的用户所使用的移动端设备，用户体验是相当糟糕的。当时，与绝大多数的移动端网页和硬件设备相比，程度能到「勉强能用」的APP或者网页，都已经算是极佳的用户体验了。而在5年前，我们发布第四版「移动端设计报告」的时候，我们对移动端产品的可用性状况进行了全面的评估。但是我们很高兴地发现，绝大多数的移动端 APP 和网页都提供了良好的用户体验。随后的第五版报告中，我们看到了持续的进步。此刻，移动端用户体验终于抵达了成熟期。移动端设计变得更加稳定，而多实验性设计和功能的接受度有所降低。此外，移动端成为主流，用户几乎会在移动端设备上尝试完成几乎所有人物（尽管用户仍然喜欢在大屏幕上完成更重要的任务）。很少有公司现在不碰移动端的业务。在今天的这篇文章中，我们将会突出探讨移动端设计的现状以及一些突出的主题。0、调研用户基于第五版的移动端可用性报告，我们进行了远程测试和面对面的可用性测试，涉及 19 名美国的参与者，它们测试了总计 60 个不同的网站和 APP。1、设计风格的融合过去几年中，最大的变化是设计风格的融合。在更早一些时候，许多网站和 APP 的设计者会尝试新的交互方式和布局结构，而如今我们可以肯定的说移动端交互已经稳定下来了。很多设计模式已经成为标准，并且大家对于什么时候用什么设计元素有了清晰的认知，比如导航栏和汉堡菜单，如今已经达成某种平衡，绝大多数的网站和 APP 会选择其中一个作为主要的导航模式。尽管按照「信息气味理论」，汉堡菜单的数值偏低，但是它依然成为了主流的方案之一。这种融合出现在方方面面。比如 iOS 和 Android 如今就变得和彼此更加相似，这也使得设计师可以可以毫无挂碍地为两个平台设计近乎完全相同的 UI，而不会影响最终 APP 的可用性。其中最典型的变化，就是 苹果官方出的 iPhone 和谷歌官方出品的 Pixel 系列都将屏幕的 Home 实体按键去除，而界面交互几乎完全仰赖手势操作。苹果将 3D Touch 去掉之后，Android 和 iOS 如今使用着完全一样的长按呼出菜单。2、「完整网站」的消亡最近一次移动端可用性设计会当中，我们很惊讶地碰到一位参与者，他不知道我们所说的「完整网站」是什么意思。在很长一段时间当中，移动端访问网页的时候，打开的是专门针对移动端设备开发的精简后的「移动版」网页，而原本针对桌面端设计的网页会「更加完整」。虽然有一小部分用户可能会青睐于在手机上访问桌面版的页面，但是绝大多数人不需要这样做甚至不知道有「桌面版」存在。由于响应式设计的存在，如今绝大多数的网站从功能到内容都可以兼顾桌面和移动端两种环境，内容不适配移动端的情况越来越少，几乎不存在了。3、原生应用和 web 应用之间界限更加模糊对于开发者而言，本地原生应用和 web 应用在技术层面上几乎完全不相同。而对于用户而言，两者仅仅是渠道有所不同两种应用工具。在过去5年当中，两者甚至在渠道之间的界限也都变得越来越模糊，至少在用户层面的感知是这样的。首先，web 应用和原生应用之间的差异正在变小。随着渐进式web应用（PWA）的出现，我们现在拥有和本地应用高度相似的移动端网站，它们可以拥有一个独立的图标，单独在后台运行，甚至可以接入推送通知等手机功能，而这些在之前是不可能拥有的。BMW.com 的网站以 PWA 应用的方式存在同时，原生应用需要和网络更加靠近才行。原本必须要安装到本地的应用正在变得更加轻量、易于「安装」，iOS 平台上推出了 App Clips，而 Android 平台上一会儿有对应的即时应用程序，它们让用户无需安装即可提前体验 APP 在本地于运行时的功能。这种机制又更加靠近 PWA 应用的体验，两者之间的界限变得更加模糊难明。4、更简单的登录和注册登录和注册的用户体验升级是移动端用户体验进化的标志之一。设计师汲取了来自方方面面的经验教训，非常确定在移动端小屏幕上输入密码是一件乏味的事情。如今有很多不同的方式让登录和注册变简单，有的是基于身份验证机制（面部识别、指纹验证等），有的是基于已有的支付接口（Apple Pay、Google Pay、支付宝等）的方式，有的则是内置于浏览器和系统的密码管理器，设计师已经在尽力缩短登录的流程。而注册的新趋势是「无密码帐号」，无需定义密码即可创建帐号，着是基于一次性密码（OTP）和魔术连接（magic link）的机制，其中，一次性密码我们应该都很熟悉了，密码或者验证码通常是系统发送到绑定的帐号或者手机号上，借此实现注册和登录。苹果的密钥机制则更进一步，系统自动创建，然后加密存储于云端，用户甚至不用知道他们的密码具体是什么。5、围绕小屏幕设计我们在几年前已经注意到，设计师已经开始有意识地针对小屏幕的限制来设计网页和 APP，如今，这种趋势更加明显，设计师将不必要的 UI 元素熟练地隐藏起来，让用户在滚动浏览中自然获取信息，首屏也不再是堆满功能按钮的垃圾堆。然而另一方面，我们依然注意到很多网页还是会因为一些不必要的元素被刻意拉长，其中很多确实是基于「用户是通过移动端访问网页」的这种场景来进行设计的。但是，需要强调的是，用户仅仅只有在认为你的内容有价值的时候才会继续滚动，如果重要信息之前是一屏无关紧要的低价值信息或者装饰的时候，他们可能会在滚动之前就直接放弃了，而这种情况在注意力被高度稀释的今天，只会越来越频繁地发生。BankofAmerica.com 的页面中无效的装饰信息拉长了整个页面。6、叠加过多功能在几年前观察的时候，我们就注意到移动端页面上叠加了过多内容的情况，而如今这个问题也同样被放大，变得更加流行。很多网页一打开就出弹出框已经是基本操作，更有甚者直接拉满，右下角是聊天气泡，顶上是弹出框请求 Cookie 权限，中间是广告和促销，就这种局面下还有网页本身的汉堡菜单和导航栏藏在首屏上。不幸的是，即时用户不被这些东西烦死，互相叠加覆盖的功能同样很容易出现各种可用性问题。有的是功能本身在不同设备上加载时因为兼容性差异自然出现的，还有的则是因为用户以为它们是无关的新页面，直接关掉。7、应用内浏览器另外一个重要的趋势是应用内内置浏览器的流行，这种技术的好处在于，用户在应用内点击某个链接的时候，无需跳转出去直接就能在应用内加载页面内容。它的优点在于留存用户，但是它的缺点也在于它容易让用户感觉迷惑和混乱，突然打开网页可能会让用户忘了他们在哪，并且可能因此很难再次打开对的链接。此外，应用本身的 UI 元素也会干扰内置浏览器的使用，比如屏幕内出现2个汉堡菜单这种情况。另外，由于内置浏览器的可用性，可能会有的页面 UI 元素无法完全加载，页面出现多个汉堡菜单，导航功能和 APP 自带的导航栏同时存在。页面中按钮被覆盖，无法完全加载。结语必须承认的是，移动端的用户体验比以往任何时候都要好，网页、本地原生应用之间的一致性正在变好，用户已经适应了绝大多数常见的交互模式，在移动端上请求桌面端页面的情况发生的频率在降低，但是移动端体验距离完美还有很长的一段距离。本篇来源：优设网原文地址：https://www.uisdc.com/state-mobile-ux-2023
业务 指标 机制 本篇将介绍如何有序组织体验评估，并将详细讲解本次 QMD 升级的要点、难点是如何落地执行的。上期回顾：设计师如何做好体验量化？收下大厂的QMD评测机制（机制篇)秉承 58 同城“用户第一”的核心价值观，设计团队建立以基础体验指标为评估标准、发掘体验问题的评估机制，并借助内外部业务专家视角，对 58 同城各产品的重点场景进行评估，优化业务场景，从而提升各业务线的体验，而这一套评测机制就是 QMD。阅读文章 > 我们选用质量管理工具 PDCA 来组织体验评估，做体验管理。以季度为评估周期，一个季度完成一次 PDCA 循环后，我们持续迭代评估体系，从而更好的完成下一个周期的体验评估。一、策划策划的主要内容就是大家很熟悉的 5W1H 了。1. 评估目标-Why如第一篇文章所述，新的体验评估机制，评估目标从单一的提升体验质量，调整成契合业务目标的体验质量。参与体验评估，业务设计师的预期有：提升产品使用体验；提升业务核心指标。QMD 项目组需要兼顾参与评估业务的预期，目标有：采用可靠的评估机制，度量契合业务目标的体验，发掘影响业务目标的体验问题，确保评估结果可信、可靠并易感知；确保按照规划周期性做体验评估、同步结论、跟进优化；验证各个参评业务的评估指标、评估机制的可靠性。2. 相关人员-Who想要按照以上预期高质量的完成体验评估，离不开组织架构的支持。58UXD 设立了由交互设计师和用研工程师组成的体验管理组。由体验管理组来组织全部业务的体验考核、体验评估、体验展示、体验跟进等一系列横向体验管理项目。QMD 作为体验管理的重要工具，由体验管理组中的 QMD 项目组来牵头策划完成。有同学对 58UXD 其他体验管理工具感兴趣的话，可以在评论区留言。明确了组织方及其职责，根据新的评估机制，还需要每个业务 6 名评估专家（2 名产品、2 名交互、2 名视觉）。QMD 项目组采取了参评业务产品、交互、视觉交叉互评的方式，由第二篇文章介绍的评分者信度保障结果的可靠性。在新的体验评估机制下，有很多 QMD 项目组和业务设计师需要沟通协作的节点。为了高效运行评估机制，QMD 项目组在各个参评业务都明确了一位 QMD 对接人。各个角色的职责明确如下：3. 评估业务-What新的体验评估机制对参评业务也有了新的要求。出于可行性和投入产出比的考虑，我们根据以下 4 点，深入了解各个业务的情况，做出研判，最终确定了参评业务。当前阶段业务对于体验的重视程度如何；业务是否有明确的、可持续监控的目标；业务迭代的频率如何；业务是否已达到一定用户规模。4. 时间规划-When如前所述，新的体验评估机制关键节点多，时间跨度长，需要周密的规划和严谨的时间管理。QMD 项目组是以季度为单位做周期性体验评估的，所以在季度初就会做好整个季度的规划，并严格执行。同时采用周报制来及时处理意外事件，保障项目准时完成。另外值得提一下评估场次时间的确定，除了视评估专家的时间安排外，也需要考虑线上测评的版本是否符合业务预期，晚几天可能就到了发版时间，是否需要评估最新版，需要综合情况和业务协商。同时也要求 QMD 项目组在规划之初，就要留好类似这种情况的 buffer。5. 评估地点-Where确定好评估时间，就可以提前约会议室了。然而我们在 2022 年的 Q2 和 Q4，遇到了两次因疫情大量同事远程办公的情况。如此我们需要保证线上评估或者部分同学线上评估的结果可靠性。原理如第二篇文章所述，需要保障人员可靠性、认知一致性，标准化实施方案。6. 怎么评估-How给到专家评估，我们需要至少准备评分工具和主观问题反馈工具。这些都需要以评估指标为基础，我们从第一篇文章了解到指标的制定原理后，各个业务的评估指标具体怎么确定呢？首先，调整基础指标：我们知道业务的评估指标由基础指标和自定义指标构成的，我们在制定指标前需要根据新的指标体系需要，重新审视原有的基础指标。我们认为一个良好的基础指标，应该是清晰、准确、普适、易懂的；我们邀请专家对这样的指标进行评估，应该是对体验设计有指导意义的。所以对基础指标做了如下调整：评估指标由原来的一级指标改为二级指标，颗粒度更细，聚焦到具体问题；相似指标合并，二级指标由 15 个合并成 10 个；增加动效、语义等方面的评估；评估指引描述方式更直白、易理解；等等。我们把基础指标给到业务，由业务设计师参考以下几个原则制定个性化指标体系。GSM 模型（Goal- Signal- Metric）：方法在第一篇文章中；反向思考：场景拆解到什么程度，可以结合业务的实际需要，由希望监控的颗粒度有迹可循：场景的设计目标，需要是可量化、可监控的，一方面可以追踪优化效果，另一方面可以反向验证指标制定的合理性；因地制宜：评估指标需要足够细化、贴合业务场景。比如基础指标中的“品牌”指标，在基础指标中的描述是“”，是考虑普适性的描述方式。而其在不同业务中的具体元素、形式、原则等体验要素都差别较大，所以需要额外说明当前业务的“品牌”具体需要达到什么体验要求。有些业务会额外提供一份品牌手册，供专家评估参考；稳定性：指标体系内的元素需要在一定时间范围内保持稳定，尽量不因业务的调整而频繁变化。有了细化的评估指标制定指引，我们向参评业务做了详尽的讲解，并充分探讨其在各个业务的可行性。业务设计师按照要求，结合实际情况，制定了由总目标、影响总目标的场景、场景的评估指标、评估指标的详细说明四个部分构成的指标体系。而后交由 QMD 项目组审核，确定无误后，由业务设计师根据模版，自行制定体验评估要用到的评分工具和主观问题反馈工具，这里我们用的分别是 58 问卷和在线协作表格。二、评估1. 体验评估一切准备就绪后，就可以邀请专家来评估了。就像第二篇文章介绍的那样，为了保障评估结果的可靠性，我们对评估工具、专家、环境等都制定了标准化方案。下图是 QMD 项目组在专家评估前宣讲的评估目标、机制及评估注意事项。2. 信度评估专家评估后，我们就拿到了评分问卷和主观问题记录表的原始数据。首先最重要的一件事就是预处理评分数据，评估信度，完成校验闭环。我们采用的信度可靠对照关系如下：如果第一次信度评估可靠程度不高，则需要调整数据组，重新进行信度评估，直至信度可靠。我们并非每一场体验评估都一帆风顺，在疫情期间远程体验评估时，我们就遇到了无论如何调整数据组都不能达到信度可靠的结果的情况。发现了这种情况，我们立即响应，临时邀约更多专家，快速加测了一场。欣慰的是，两场评估结果合并后，经过数据组调整，评分信度可靠。3. 业务复议通过第二篇文章我们知道，复议阶段的目标一是矫正部分理解有偏差的主观问题，二是让业务尽快了解 QMD 的结论，感受到其可靠可信，快速迭代优化问题。所以：复议呈现给业务的内容有：评分、分数对比、对应的主观问题、截图等；需要留给业务复议的反馈空间；想要做体验评估的你，需要具备一定的数据分析基础和表格操作技巧。4. 输出报告报告是为了让体验评估结论更加直观、可信，便于查阅与传播。我们对报告做了一些调整：① 评分和问题对应展示；② 评分间差距标记更加清晰明了；③ 增加 QMD 项目组的优化建议。希望业务重视分数洼地、不及竞品的指标对应的影响较大的主观建议。高优场景/指标/问题判断标准如下，供参考：权重最高或较高；和均值比差 10%/8%/5%/3%以上；和竞品比差 10%/8%/5%/3%以上；同比/环比差 10%/8%/5%/3%以上。三、体验跟进 & 项目复盘前面两篇文章介绍的体验评估指标体系和评估机制，是我们通过现状分析、理论分析等综合确定的，此时我们需要校验两点：一是需要校验根据认知、经验主观拆解的评估指标是否符合预期；二是需要校验 QMD 机制全程保障的专家评估结论是否可靠。我们采取的校验方式，就是看体验评估的结论应用到业务的体验优化后，是否带来如预期程度的业务指标的提升。所以我们在报告同步后，下一次体验评估前，留足业务改进优化的时间，组织参评业务复盘 QMD 结论落地情况。由各个业务阐述以下内容：问题发掘&解决：QMD 报告分析&洞察、解决思路&方案、上线效果&数据、结论；项目管理：优化进度、迭代计划。同时为了激励、帮助业务设计师推动结论落地，我们邀请设计总监、设计负责人和高阶设计师从三个维度为业务复盘的内容打分、点评，包括逻辑合理度、指标结果相关度、进度。同时 QMD 项目组收获了业务设计师对于整个体验评估机制的一些想法，结合组织过程遇到的问题和思考，做了周期性的复盘。四、推广 & 改正通过业务复盘及评委打分、点评，我们了解到业务的大部分迭代效果都是正向的，小部分负向效果的迭代需要尝试其他设计方案。所以目前没有因为复盘结果而要调整指标的情况。由此印证 QMD 体验评估的结论是可靠的，整个体验评估流程也是可靠的。如果有业务出现按照 QMD 的结论设计方案，验证发现预期的业务数据没有提升或者反而下降，则需要反思指标制定、分析、洞察、解决思路、方案是否有问题，逐一排查关键环节，及时作出调整。如开篇所述，QMD 项目组也在每次体验评估完成后进行复盘，持续优化评估机制，目前整个流程已经形成 SOP，便于高效组织每次评估，跟紧业务节奏，打好配合。五、最后以上详尽介绍了我们 QMD 项目组，组织 58UXD 各个业务体验评估的过程与思考。我们认为整个体验评估体系的升级和实践，最关键的思考逻辑就是闭环管理，这个逻辑贯穿始终，让所有人为因素的影响降到最低，保障过程和结果可靠可信。我们设定的闭环管理一共有以下三个方面：在策划环节，各业务制定的指标体系、整理的评估工具，都由 QMD 项目组审核，确保指标拆解符合指引要求，评估工具准确无误；在评估环节，各个业务的专家的评分都需要评估评分者信度，确保评分可靠；在跟进环节，通过业务复盘了解优化效果，校验指标制定的可靠性，以及整个 QMD 新机制为业务体验设计带来的价值。分享不易，希望对你有所帮助。欢迎大家留言交流。欢迎关注「58UXD」的微信公众号：本篇来源：优设网原文地址：https://www.uisdc.com/qmd-3
栅格 按钮 组件 新的一年，先祝大家运势涨如脱兔，因为年前和过年这段时间工作没那么忙，就抽空继续整理了一些工作中对B端设计的总结，希望可以带给需要的人一些启发。如有纰漏，欢迎各路大神指正。上一篇说到了设计原则，接下来我们讲讲 B 端常用组件的内容。超全面的B端设计规范指南（一）：设计原则前言B 端设计离不开设计规范这个话题，而做好设计规范是一个庞大复杂工程，很多人对这些处于一知半解状态，在这个系列文章里我通过结合自己平时的项目案例来谈谈自己对 B 端设计规范的一些理解，希望可以带来一些启发。阅读文章 > 谈到 B 端组件，很多人的印象是多且杂，想要全面准确的熟悉这些它们，需要我们对它有个合理的归纳总结。可能每个人会从不同的视角去做这件事情，我一般是按照使用场景去对组件分类整理。下面我们根据这个分类框架来逐个聊聊这些组件。一、基础组件说到基础组件，我想再将其细分成两个大类：一类是通用组件；一类是栅格/导航。怎么去更深刻的理解这两类的区别呢，我们可以打个这样的形象比方：通过这个比方我们不难理解，栅格/导航是先给页面定下了基本框架，而通用组件则是在这个框架基础上搭建页面的所用到基本元素。1. 通用组件常见通用组件一般包含：色彩/字体/间距/圆角/分割线/按钮。需要注意的是，通用组件看起来似乎很简单，但却是决定产品品牌调性、界面细节品质的重要因素，在设计过程中需要引起我们的高度重视。色彩色彩可分为主色，功能色，中性色三类。下面谈谈这三类颜色如何配置，以及如何定义这些颜色梯度。① 主色主色的选取主色作为产品的主要色调，在选取时应当优先选择品牌色，但有一点要注意的是 B 端和 C 端不一样，B 端一般不适合采用暖色系作为主色，如果品牌色为暖色调，则尽量考虑另选取一个冷色系作为主色，原因有两点：一是为了避免和警告、错误色冲突，产生歧义；二是冷色系带有商务、专业、冷静的情感，更符合 B 端产品调性。同时主色选取应避免高亮、荧光色、灰调高的颜色。主色的应用主色在设计中常见的应用包括可交互、选中状态、可视化、插图、图标等场景。② 功能色功能色主要用于页面表征状态，常见有成功色、警告色、报错色等。成功色主要用于操作结果成功提示以及标签配色等。警告色主要用于警告提醒功能以及标签配色等。报错色主要用于系统报错提示、圆点提示、以及标签配色等。③ 中性色中性色在页面设计中应用非常广泛，从线条到文字再到图形等等都可以见到它的影子。Tips：无论我们主色调是什么，中性色在调色时建议可加入适量的蓝色调，可让页面观感更清爽。④ 颜色梯度选取好了颜色后，怎么去更合理的定义每个颜色的梯度呢？（这里主要指对主色以及功能色定义梯度）我的方法是给颜色加一层半透明黑/白遮罩，当我们需要浅色，通过调整白色遮罩透明度得到合适颜色；而当我们需要深色时，则通过调整黑色遮罩透明度得到合适颜色。这样定义颜色梯优点是后续如果需要更改配色，只需一键替换全局色即可，大大提高工作效率。文字文字规范包含字体、字号、字重、行高等。① 字体/字重B 端字体/字重一般按照如下规范即可：② 字号不同于 C 端，B 端在字号选择上应当尽量保持克制。研究表明，Web 端上正文字号为 14 时，可以带来最佳阅读体验。因此在字号选取上应尽量优先选取 14 号字。如果想要区分文字层级，优先级从高到低的手法应该是颜色、字重、字号，也就是说一般尽量不采用字号大小区分文字层级。③ 行高行高可以参照下面的公式或行高参照表快速获得，如果通过公式算出行高非整数或非偶数，可就近取偶整数。间距关于间距取值，在目前主流屏幕分辨率下，只有 4 或 8 被整除率最高，考虑到 4 的颗粒度偏小，因此可优先考虑 8px 的倍数作为间距值，在一些特殊场景可采用 4px 的倍数间距值。分割线分割线宽度一般统一为 1px 即可，同时注意颜色不可过深，以免干扰主体信息。如果需要不同层级分割线，可用颜色深浅来区分。圆角圆角大小一般根据使用场景控制在 2-3 个梯度即可，既不能全部统一一个圆角值，同时也不适合出现过多圆角值。同时圆角值不要过大，建议控制在 2-6px，以符合 B 端产品严谨专业调性。按钮这里从按钮的大小/状态/排放位置几个纬度来讲。① 按钮尺寸按钮高度一般情况下可以设置 3-4 种尺寸按钮，足以满足各种使用场景。至于按钮宽度，我们一般定义一个最小值，当超过最小值时，可设置 padding 值，按钮宽度根据内容自适应。② 按钮状态操作按钮过程中，按钮会呈现不同的交互状态。③ 按钮位置对于主次按钮组合，主次按钮排放位置应该怎么规定呢？可分为两种场景：一是当为从左到右阅读顺序时，主要按钮应当排在次要按钮左侧。二是当为从右到左阅读顺序时，主要按钮应当排在次要按钮右侧。而当一些特殊场景与这个原则冲突时，应权衡优先级做出取舍。2. 栅格/导航熟悉通用组件后，我们要通栅格/导航来确定产品页面框架。栅格栅格可以有效地保证设计的一致性、让页面布局更具规律，并提高团队协作效率。应该如何设计栅格呢？① 栅格区域的划定我们一般习惯将页面从下到上划分为背景层、全局控制层、内容层、临时层，而栅格区应当用在内容层。以下为常见几种页面布局栅格区的划定。② 栅格自适应规则随着页面宽度变化，一般来说是通过栏宽变化实现自适应。③ 栅格栏数的确定根据页面内容丰富程度，栅格栏数一般定 12 或者 24 栏，考虑到 B 端产品功能往往比较复杂，建议采用 24 栏即可。④ 上下布局栅格⑤ 左右布局栅格导航导航可分为全局导航与局部导航。① 全局导航全局导航包含顶部导航、侧边导航、混合导航。这三种导航样式各具特点，应结合产品特性选择合适的导航样式。这里要注意的一点是，当产品可用性和用户体验产生冲突时，应优先保证产品可用性。② 局部导航局部导航包含面包屑、标签页、步骤条、分页器。面包屑面包屑导航的作用是告诉用户当前页面在系统层级结构中的位置以及父子级页面间的关系，并且可以快速回到上几级导航。标签页标签页可以帮助用户在一个页面实现快速切换不同内容，提升单个页面内容扩展性。可分为基本样式、标签样式、卡片样式。步骤条当任务复杂或者存在先后关系时，可将其分解成一系列步骤，这里就会用上步骤条。步骤条是引导用户按照流程完成任务的导航条，作用包含 3 点：一是让用户对操作流程长度和步骤有个预期，二是明确知道自己目前所在步骤，三是可以对用户的任务完成度有明确的度量。步骤条一般分为横向与纵向两种样式。步骤条小 Tips：当步骤条中有操作难度偏大的内容时，为了提高用户操作完成率，我们可以考虑把其放在靠后的步骤中，原因是用户前面已经完成了大部分简单操作，后面碰到高难度操作后，出于损失厌恶心理，不会轻易放弃操作。分页器当有大量内容需要展现时进行分页加载处理，分页器作用是可以让用户清楚的知道自己所要浏览的内容有多少页、当前所在页码、快捷前往目标页码。分页器一般分为迷你、简易、自定义三种样式。妙用分页器小 Tips：当表格中需要对数据全选操作时，为了提高操作效率，可将自定义每页跳数调到最大。例如一共 100 条数据，默认每页 10 条数据，要完成全选需要点击 9 次翻页，10 次全选（表格的全选框勾选后一般只选中当前页面全部数据，而不是所有页面总数据），当把每页条数调整为 50 后，则只需翻页 1 次，点击 2 次全选即可。到这里关于 B 端的基础组件就全部梳理完了，后续我们就来揭开展示组件的神秘面纱。部分参考资料：《B 端产品设计-Mia》《Ant Design》本篇来源：优设网原文地址：https://www.uisdc.com/design-principles-3
声音 用户 听觉 在这个互联网信息爆炸的时代，我们每天都会接触不同的产品，在日常的 UX 设计中，设计师往往会关注产品的界面是不是好看，交互是不是便捷，而声音设计是最容易被忽略的：天猫精灵的人声音效，饭烧好后小米电饭锅发出的提示音……不可否认的是，声音在我们的生活中方方面面扮演着重要的角色。恰好笔者最近在阅读《声音体验设计》，总结了一些心得体会，与各位分享。更多声音设计干货：连声音都是细节！阿里设计师总结的10个声音设计要点声音设计长久以来一直在影视、音乐、游戏领域发展与发挥价值，作为在阿里巴巴的体验设计师，以前并没有太多的机会去以声音作为设计手段。阅读文章 > 一、声音是如何产生的声音是由振动产生的声波，通过介质（空气或固体、液体）传播并能被人或动物听觉器官所感知的波动现象。好，此刻，请你停下来，把你的右手放在喉咙的位置，然后尝试发出“啊”的声音，你是不是会感受到喉咙有明显的振动感？那是因为你的声带振动产生了声波，通过空气传播并被你的耳朵所感知。由此可见，声音的产生离不开物体的振动、传播的介质以及人或动物的听觉器官。此外，声音有三个重要特性，即音调、响度和音色。音调指声音的高低，是由频率决定，频率越高音调越高。响度又称音量，人耳感受到的声音强弱，它是人对声音大小的主观感觉量。音色指的是声音的品质，与发声体的材料和结构等自身因素有关。我们在清晨能听到小鸟的叫声不是因为其响度高而是因为小鸟声音的频率很高，而摩托车的隆隆声又低又深是因为其声音频率低响度高。二、为什么我们需要声音声音是我们连接世界，连接其他人最本能，最强大的方式。研究表明，人的感官从外界获取的信息里，视觉占 60%，听觉占 20%，触觉占 15%，味觉和嗅觉分别是 3%和 2%。另外，人对视觉的感知时间为 189 秒，而对声音的感知时间仅需 146 秒。虽然通过视觉获取的信息量占据了绝大部分，但人对于声音的反应速度要快于其他所有的感官刺激。由此就可以解释，为什么跑步运动员的起跑提示是听发令枪而非看倒计时了。1. 声音包含情绪听是一种被动并时刻发生的行为，声音可使听者自发且直接产生情绪反馈。音乐就是最常见的一种通过声音进行情绪表达的方式。我们通过视频号观看演唱会，其实不光光听的是音乐本身，歌手饱含情怀的演唱、评论区实时滚动的字幕， 或许能够唤醒你生命中的一些难忘记忆，让人的情感达到共鸣，这是听觉和视觉所带来的震撼力。2. 声音包含信息声音能够通过其特有的通道表达眼睛“看不见”的信息。多邻国作为一款风靡全球的语言学习工具软件，通过闯关式的答题形式，伴随情感化的动效和游戏化的音效提示让使用者爱不释手。答题正确和错误时系统出现的差异化提示音清晰地传达了正确和错误的信息，带给用户积极的正向反馈。3. 声音包含品牌特性你还记得每次走进全家便利店时听到的那个音乐旋律吗？声音标识也属于企业品牌的一部分，企业通过创造那些打破陈规的声音触发器，以此捕获消费者的注意力，然后利用这些注意力唤醒消费者头脑中与品牌相关的正面体验。好的声音能够给用户留下深刻印象，以至于下一次听到声音就能想到这个品牌，比如英特尔那段洗脑的标志性音乐“灯，等灯等灯”就是一个非常好的案例。图自 sankeibiz.jp4. 声音能降低认知负荷著名的研究人员马克·韦塞尔曾说过，“我们需要的是更聪明的人类，而不是更聪明的设备”，注意力将是未来最稀缺的资源，而如果让用户以最小的注意力来达成目标是我们需要关注的。每个人的注意力总量是有限的，但是我们可以通过将不同精度注意力分配在不同复杂程度的任务上来以缓解用户在同一时间处理多个任务时的压力，从而提升任务处理效率。当你在驾车时，几乎所有注意力都集中于看路况，偶尔看一下后视镜以及指示灯的状态，而地图导航的语音播报功能其实是利用了对人的注意力精度要求最低的环境知觉，利用了活跃的听觉通道，不仅减轻了对其他通道的占用，还能避免因视觉误差带来的潜在危险，降低用户的认知负荷。三、常见的提示音事件当你使用手机拍照的时候，按下“拍照”按钮后系统发出的“咔嚓声”是不是似曾相识？数字世界里的许多声音来源于现实世界，手机本身没有快门，但是设计师从已知世界中获取灵感，给手机重新设计快门声音，让手机拍照用起来和胶片相机一样。有的声音提示可以帮助人们获取反馈，以确保用户的操作是正常进行的，比如手机按键声、数码相机快门声；有的声音能帮助人们获取信息，减少人们出错的概率，比如安全带提示音、行驶方向提示音。按照声音类型我们可以对其分成四种类型，包含机械类、反馈类、信息类和状态提示类。四、声音设计法则1. 声音设计第一法则：我需要在这里添加声音吗和界面设计一样，在声音设计里我们也需要遵循“Less is More”的原则。站在使用者的角度想象一下，当你在厨房烧饭被油烟机的轰轰声吵得脑壳疼的时候，手里拿着的铁锅铲和锅碰撞产生的“哐哐”声，电热水壶、电饭锅、烤箱、搅拌机的声音同时响起，是不是会有再也不想在厨房多待一秒的想法？声音设计的首要法则是，考虑用户是不是真的需要声音，出现声音的场景是什么，如果有可能的话，我们可以用其他方式来提醒用户吗（比如换成闪烁的指示灯）？2. 让声音听起来简单在 shopify 设计系统的官方网站里，对于声音的时长描述为：“短音不超过 250ms，长音不超过 1 秒”。过长的提示音会让用户觉得拖沓厌烦，过短的提示音则无法让用户明确感知。比如我们经常听到的 QQ 软件里的“咳～咳”咳嗽声表示收到系统消息，“咚咚咚”敲门声表示有好友上线，“滴滴～滴滴”表示有人给你发消息了，这些声音虽然听起来简单却是有意义的。3. 在合适的情境发声就像做界面设计一样，作为设计师我们大部分时间是在办公室电脑桌前做设计，但很少有人能真正站在用户的使用场景去思考问题。如果你设计的一款手机被用户放在口袋或者书包里，这个时候有人打电话来了，用户却无法听到来电声怎么办？如果用户此时正在开会，但手机铃声突然响起了怎么办？考虑用户一天中的时间或活动，确保产品在各种方便和不方便的场景下都进行相应测试，可以防止多种错误的假设出现。4. 协调多维度感官体验通常情况下，声音不会作为一个单独通道出现，考虑听觉、触觉、视觉的统一性很有必要。当你走进一家看起来很有情调的咖啡馆，一进门就能闻到浓浓的咖啡豆香，店里贴满了富有年代感的海报，可是播放的却是让人抓狂的重金属音乐，是不是让你体验特别糟糕？5. 注意声音的重复容差研究表明，用户对声音的容忍度是有限的，声音越复杂越重复，阈值就会明显降低。有些声音每天会出现很多次，也许初次听到用户会觉得声音很好听，但是当一天中这个声音到达十次甚至是百次的时候，用户就会觉得厌烦。因此我们的声音应该是信息丰富的，而不是烦人的。写在最后“收音机与电视机很像，只是电视机有画面。如果视觉阻断了更多可能性，那么听觉就带来了更多的可能性。”声音可以表达出影像外形无法表达出来的信息，为用户提供更好更直接的体验。设计师常说“细节决定成败”，而声音体验设计是我们在日常工作中不可忽视的“细节”，牢牢抓住这个细节，能够为我们的产品体验提升带来更多的可能性。参考Shopify 设计系统：https://polaris.shopify.com/design/sounds《声音体验设计》[美]Amber Case / [德]Aaron Day /本篇来源：优设网原文地址：https://www.uisdc.com/sound-design
认知 模型 心理学 用户体验设计是对人性和需求的洞察诠释。优秀的用户体验设计起始于对用户心理和场景的洞察、共情、深刻理解，尤其是在人机交互的体验设计中，当下的智能时代中的人机交互设计，一个按钮代表了用户的可操作性，会发生什么，会产生什么结果。用户体验设计正是以用户目标为中心的设计，而以用户为中心的设计自然需要通过深刻研究“用户”，包括研究“用户需求”以及“用户能力”，其中能力又由“认知和行为”两方面构成，同时认知和行为也构成了对外界“感知和行为”的反馈。围绕认知研究产生的认知心理学，围绕行为研究产生的行为设计学，这大体构成“设计认知行为心理学”的核心。如何理解认知心理学和行为设计学？就是今天要大家探讨的话题。一、认知心理学与行为设计学认知心理学的核心指研究人的认知过程，如注意、知觉、表象、记忆、思维和言语等，认知心理学家研究那些不能观察的内部机制和过程，如记忆的加工、存储、提取和记忆力的改变等。行为设计学的核心部分是“福格模型”，它定义一个行为得以发生：行为者首先需要有进行此行为的动机，以及操作此行为的能力，以及在被提醒（引导）下触发进行。如何提高设计转化？先学会经典的「福格模型」日常工作中我们经常要考虑如何吸引用户转化。阅读文章 > 围绕“设计心理学”和“行为设计学”所展开的设计模型，关于对心理学和设计等相关原则纷繁众多，如何将这些设计原则系统性的理解和使用、厘清设计模型之间的关系，是我们理解设计原则且吸收的关键。二、认知心理学1. 人脑的潜意识和有意识我们来看一个小品的对话内容，以“马爸爸和宋小宝”的小品台词……马：什么样的老鼠，是两条腿走路？宝：……袋鼠！马：错，是米老鼠！宝：…… 我没准备好马：那我再来问一个马：什么样的鸭子，是两条腿走路？宝：照这么说是……唐老鸭！马：错，所有的鸭子都是两条腿走路！宝哥，已经是大无语了以上的对话有什么共鸣？为何会经常性出现类似的场景……因为在我们日常中许多行为都是人的潜意识的反应。也就是说，行为发生时人们是无意识的，通常已经做了，我们才知道自己要做的事、要说的话，或要思考的东西。为什么会有这种现象的发生呢？实际上我们的大脑有两个非常不同的反应和处理模块，我们称为两个大脑：潜意识和有意识，它们并不总是在互相沟通。潜意识是无意识，它的反应是迅速的、自发的、感性的，也可以称为快思考。有意识的反应是缓慢的、受控的、理性的，也可以称为慢思考。2. 人脑思考的双系统理论3. 无意识和有意识，对应人脑思考的“双系统理论”。在 2000 年左右著名心理学家斯坦诺维奇首先提出了“双系统理论”， 这启发了认知心理学家丹尼尔·卡尼曼，后者因为决策理论的研究获得了 2002 年诺贝尔经济学奖。卡尼曼在《思考，快与慢》一书中表示，他认为人的大脑活动存在两种模式，他称之为系统 1 和系统 2。系统 1 是快思考，代表人类的本能和习惯，可以快速且自动启动，耗费资源很少，经常为习惯、经验、刻板印象等认知偏见所支配。系统 2 是慢思考，代表人类的逻辑和理性，其启动是被动、缓慢、 耗费资源的，存在意识控制。人的大脑进化不是为了求知，而是为了生存和传承。人脑遵循能量最小消耗原则，能不动脑就不动脑，默认使用系统 1 思考，即快思考（潜意思）。在设计认知心理学的范畴，对应人脑思考的系统 1 和系统 2 的理论是“认知和情感的三个层次”理论，三个层次分别是：本能的、行为的、反思的。4. 认知和情感的三个层次本能层：这是人类情感系统最基本的保护机制的一部分，能够对环境做出快速的判断；好或坏，安全或危险。行为层：对设计来说，行为层次最重要的，是让每一个行动都与一个期望想关联。反思层：是认知的、有深度的、缓慢的。最高层次的情感来自反思层次。当我们将“双系统理论”模型和“认知和情感的三个层次”结合来看会发现一个很有意思的现象。系统 1 的快思考，对应本能层和行为层，可以快速且自动启动，耗费资源很少，经常为习惯、经验、刻板印象等认知偏 见所支配。（上述的小品对话即如此）系统 2 是慢思考，代表人类的逻辑和理性、对应反思层和（5%的意识行为），其启动是被动、缓慢、 耗费资源的，存在意识控制。行为科学研究得出结论，一个人一天的行为中大约有 5%是非习惯性的， 而其他 95%的行为都源自习惯。这基本上意味着是“习惯而不是逻辑”决定了我们的一生。我们以为自己是理性的，我们以为自己的一举一动都是讲逻辑、 有道理的。但事实上，我们的多数日常行为，都是一些我们自己根本无法了 解的隐蔽动机导致的结果。所谓理性，是指当条件合适时（理性并非总是优于本能和习惯），优先用逻辑、知识和思维去做出决策和预期收益最大化的 行为，而不是任由本能和习惯驱使。本能和习惯会塑造人的偏好，偏好会影响人理性认知。三、行为设计学之福格行为模型在展开行为设计学前，先了解行为设计学核心的一个理论模型——福格行为模型。福格行为模型是指：行为的发生，需要动机、能力和提示 3 大要素同时发挥作用。当动机（motivation）、能力（ability）和提示（prompt）同时出现的时候，行为（behavior）就会发生。动机是欲望或需求，能力是认知和执行能力，而提示是提醒或信号，缺一不可。简而言之，该模型说明：要使目标行为发生，一个人必须有足够的动机、足够的能力和有效的触发器。动机从概念上讲，动机设计的目标是将用户移动到福格模型区域中的更高位置。换句话说，能力高但动机低的用户需要提高动机，才能到达行为激活阈值。动机的三个层次：痛苦与快乐，希望和恐惧，社会接受和拒绝。能力在现实世界的设计中，提高能力并不是教人们做新事物或培训他们进行改进如此简单。人们通常抵制教学和培训，因为它需要努力。这与人的自然联系相冲突：我们从根本上是懒惰的。所以，需要人们学习新事物的产品通常会失败；相反为了提高用户的能力，有说服力的体验设计者必须让行为更容易做到。换句话说，有说服力的设计在很大程度上依赖于简单的力量和习惯，可以进行简单理解和简单操作的产品更易于行动的达成。触发器触发器的一般概念有很多名称：提示、提醒、行动信号等。体验设计中常见的触发器包括：激励提示引导提示信号反馈等1. 行为发生的七个阶段人和外部环境（产品或系统）之间交互时的心理活动。所谓的行动 7 个阶段，是指我们在做一件事情的过程被划分为 7 个阶段。做一件事情涉及到四个问题：目标、外部世界、作用于外部世界的动作、作用于外部世界的动作的反馈。关于这个过程的一个例子：你在看书，天色暗了下来，你想让光线亮起来继续看书。想让光线亮起来继续看书，就是你的目标。怎么样可以达到目标，开灯。于是你站起来，走到灯跟前，打开开关。这一系列的行动就是作用于外部世界的动作。灯开了，光线变亮了，你可以继续看书了。光线变亮了，就是作用于外部世界的动作的反馈。从目标到外部世界之间过程，可以细分为 3 个阶段。即：行动意图、动作顺序、执行动作。我们把这 3 个阶段概括为“执行”。其中行动意图、动作顺序属于心理活动，执行动作属于外部活动。同样，从外部世界到目标之间的过程，也可以细分为 3 个阶段。即：感知状况、解释状况、评估解释。我们把这 3 个阶段概括为“反馈”。其中感知状况属于外部活动，解释状况、评估解释属于心理活动。所以整个过程可以分为 7 个阶段：目标行动意图动作顺序执行动作感知状况解释状况评估解释。在每个环节之间都会存在鸿沟，解决鸿沟，就是设计的任务。无论我们设计什么产品，都可以把解决这个过程间的鸿沟作为设计思考的内容；因为每个产品都是用来满足人的目的，人通过与产品交互来满足动机背后的目的。把“行动七个阶段”和“人脑认知和情感的三个层次“模型结合本能的反应存在于最底层：控制简单的肌肉群，感知外在的世界和身体。行为层次与期望有关：对行动次序的意图敏感，然后才是对反馈的阐释。反思层设定目标和计划行动的部分：受到对实际发生的结果与期望比较的影响。2. 心流状态理论心理学家米哈里·契克森米哈赖定义心流为一种将个体注意力完全投注在某活动上的感觉；心流产生时同时会有高度的兴奋及充实感。正向情绪为主，正负性波动；紧张感积累，完成挑战的成就感。“心流”状态发生在行动的挑战稍稍超过我们的技能水平。一个简单的远低于我们技能水平的任务，很容易满足期望，没有挑战。一个艰难的远超出我们能力的任务，会引来许多失败的预期，导致沮丧、焦虑和无助。这两种情况都无法达到心流状态。米哈里·契克森米哈赖提出使心流发生的活动有以下特征：我们倾向去从事的活动。我们会专注一致的活动。有清楚目标的活动。有及时回馈的活动。我们对这项活动有主控感。在从事活动时我们的忧虑感消失。主观的时间感改变——例如可以从事很长的时间而不感觉时间的消逝。我们对于所从事的活动是力所能及的，且具有一定挑战的，我们可以通过不断地练习来提升能力超越更高的难关。当福格模型和心流理论结合来看心流通道是在福格模型的“触发成功区域”内，即完成一个任务的时，动机适中、能力适中，触发任务的区域以及任务的完成过程会产生心流的通道状态；构建这种状态（体验设计方案），是设计师在设计产品功能和体验时应该去思考的。本篇小结从“认知心理学”到“行为设计学”的大体介绍，我们可以初步窥探“设计认知行为心理学”的基本框架和内涵。底层的原则和模型可以帮助我们回归产品设计过程中，洞察用户的人性、理解需求的本质，最终以人为本进行设计。本文内容篇幅有限，未完全涵盖当前的关于认知心理学和行为设计学全部模型框架，作为“设计认知行为心理学”框架的提出及启发，未来将持续研究完善。推荐阅读书籍：《设计心理学 1.2.3 册》—— 唐纳德·A·诺曼；《设计行为学》—— 奇普·希思/丹·希思；《福格行为模型》—— B.J. 福格；《思考,快与慢》—— 丹尼尔·卡尼曼；《俞军产品方法论》—— 俞军等若有收获，点赞、关注、评论！本篇来源：优设网原文地址：https://www.uisdc.com/design-psychology
文章 大纲 方法 导读可能是全网最简单的写作方法了！不会写作的设计师在这里可以收获简单易上手的写作方法，文中提及的同学之前从未写过，学习后也能写出优秀的文章。全文约 3000 字，阅读约 5 分钟。设计作为平衡商业与美感的手段，其价值不止于视觉表层，深层的思考更是设计的价值所在。与直接交付设计方案相比，设计写作有机会表达更多的思考过程，在网络传播，产生设计影响力。影响力是什么？是通过对个人才能和知识的总结、展示及传播并获得正向反馈，从而帮助组织和个体共同进步的能力。也是优秀人才不可或缺的能力之一。更多设计写作方法：设计师想做自媒体？我总结了3个上手就用的写作方法！编者按：设计师想发展副业，成为自媒体？阅读文章 > 一、学习设计写作的产出之前大家都不敢也不会写作，在发起设计写作学习后，人均完成 1 篇以上。目前已有 3 篇发布到 OPA 微信公众号，阅读量 2500+，点赞&分享&评论 60+。二、发起设计写作的直接原因2022 年设计中心创建了个人能力模型，让中心的每位设计师从 8 个方面进行自我能力评估。经过评估发现，影响力是能力模型里最明显的短板之一。虽然前面说了设计写作可以提升影响力。但之前大家从不关注设计写作，也没有写作过，甚至有点抵触写作。不知道写作的好处，怎么写作，没有学习写作的机会。所以导致很多有价值的才能和知识没有得到总结、展示和传播，对个人和组织都是损失。于是我们发起了设计写作的学习，通过了解写作的好处、学习写作的方法、在网络公开发布来提升影响力。三、设计写作的好处我们看到网络上优秀的设计师除了出众的视觉表现能力，还有优秀的设计写作能力。他们通过写作放大个人能力，向外部赋能。同时写作的核心是输入、思考、输出，这要求我们有大量、优质的输入，深度、持续的思考，灵活、有逻辑的输出。因此写作也是倒逼个人成长、检验学习结果的最好方式。四、设计写作的方法为了大家能快速学会设计写作，我们把学习内容简化为：先整体介绍写作步骤用于快速了解写作全貌，随后逐一介绍每个步骤的具体内容。包括怎么筛选主题、怎么撰写大纲、怎么撰写正文、怎么配图、怎么检查几个部分。1. 写作的步骤写作文章包括筛选主题、撰写大纲、撰写正文、配图、检查几个步骤。我们把写作文章比作造车，主题是车的核心引擎，大纲是车的框架结构，正文是车身主体，配图是车的内外装饰，检查是车出厂前的核验。几个步骤环环相扣，缺一不可，最终完成一篇文章。2. 筛选主题主题是一篇文章的核心引擎，好的主题意味着文章成功了一半。如何选出优质有价值的选题？做到以下几点中的一点就可以。如遥同学的《节日重点活动思考与总结》，针对设计师反复设计节假日活动导致灵感缺失的痛点，分享了自己的设计思路。如何做好节日活动的视觉设计？来看高手的思考与总结！前言这次节日活动做了节奏性规划，从题材探索、物料提效、数据论证几个方面，跟大家分享设计是如何深度参与活动当中的。阅读文章 > 3. 撰写大纲大纲是一篇文章的框架结构，好的大纲可以确保文章紧扣主题，表达有逻辑，写作有效率。如何写出好的大纲？下面 2 个简单的写作方法帮助大家轻松完成大纲写作。方法 1.项目发展写作法项目发展写作法根据项目发展顺序记录内容，所见即所得，可以呈现内容清晰的文章。通过项目发展的方式即可将大纲梳理出来。方法 2.目标导向写作法目标导向写作法的关键是把握目标、问题、解决方案三者之间环环相扣的关系，以此呈现逻辑严谨的文章。4. 撰写正文正文是一篇文章的主体，是展示设计过程中思考的地方，通常分为开篇、中间、结尾三个部分。好的正文讲究“虎头猪肚凤尾”，开篇如“虎头”有气势，中间如“猪肚”内容丰富，结尾如“凤尾”干净利落。在设计写作时可以参照下面的方法写好正文。开篇：结论先行；展示价值；对读者有用结论先行：先说结果再说原因，先说目标再说方法，先说总体再说细节展示价值：在最前面展示文章的价值，让用户觉得值得阅读对读者有用：从用户思维出发，在文章开篇直接向读者表明，这篇文章与他有关、对他有用，吸引用户阅读中间：内容丰富；内容精炼；逻辑严谨内容丰富：该有的信息要有，已有的信息要详尽，论点维度多，论据数据多，充分展示设计过程中的思考内容精炼：删除与主题无关的信息，不要重复表达，精简每一句话逻辑严谨：有理有据，论证精彩，归纳分类结尾：回顾全文；强化价值回顾全文：通过思维导图等形式与读者回顾全文内容，增强读者的阅读回报感强化价值：读文章是为了收获价值，结尾强化价值增强读者的阅读获得感、启发感5. 配图配图是一篇文章的装饰，好的配图能清晰的介绍文章内容，降低读者理解成本；充分展示精彩的项目设计成果，凸显设计能力。那我们来看看好的配图标准。6. 检查检查是一篇文章出厂前的核验，好的检查能找出文章需要优化的部分，完成最后的修改优化，让文章的写作顺利完成。如何检查呢？可以从大纲、正文、配图等方面自我检查，同时也可以请他人阅读检查。五、网络公开发布完成写作后，便是将文章发布到适合的网络公开平台，如：微信公众号、站酷、优设、Behance 等，放大个人影响力，赋能团队。六、价值延伸看完本文之后，是不是觉得设计写作确实简单易上手呢？正如最前面说的：与直接交付设计方案相比，设计写作有机会表达更多的思考过程。在我们发起设计写作学习后，大家将工作中宝贵的项目经验以文章的形式无私的分享了出来，帮助组织共同进步。目前已有 3 篇+发布到 OPA 微信公众号，获得 2500+阅读量，60+点赞&分享&评论。让我们拿起笔，写下设计中的思考过程，提升设计影响力吧！欢迎关注作者微信公众号：「 OnepinganDesign」本篇来源：优设网原文地址：https://www.uisdc.com/design-article-creation
工具 在线 标签 大家好，这里是和你们聊设计的花生~今天为大家带来设计师 效率工具 第 13 期，本期推荐的 5 个神器分别是：用嘴改图！轻松换背景、改颜色的在线 AI 修图工具 ImageEditor免费下载！拥有 2000+知名品牌 VI 手册的档案库 The Branding Style Guides打开即用！在线图片、GIF 及视频编辑工具 ImagesTools情人节设计必备！WannaThis 分享的免费高质量的 3D 素材包省力便捷！可定时自动关闭标签页的浏览器插件 Tab Wrangler往期回顾：这5款工具，让设计师工作效率提升 200%！（十二）大家好，这里是和你们聊设计的花生~今天为大家带来设计师效率工具第 12 期，本期推荐的 5 个神器分别是： 免费好用！阅读文章 > 一、ImageEditor网站直达： https://imageeditor.ai/ImageEditor 是一款免费便捷的在线图像编辑工具，借用 AI 生成技术生成智修改图像，如修改物体颜色、替换背景，修改画面精细度或色调，处理速度也很快。使用方法：上传图片后，在下面的文本框内输入需要修改的描述词，还可以指定图片内需要替换的对象以及无需修改的部分。修改词设置好后，可以根据图片内容规定智能修改方向，勾选“修复面部”可以防止修改过程中出现人脸扭曲；勾选“周围环境”可以智能生成新的背景或环境；勾选“扩大维度”可以提升图片清晰度。描述词需要是英文，不熟悉的小伙伴可以借助翻译软件。二、The Branding Style Guides网站直达： https://brandingstyleguides.com/ （搭梯子速度更快）The Branding Guidelines Archive 意为“品牌风格指南”，网站收录了 2474 份世界各大知名品牌及项目的品牌 VI 手册，包含的科技、互联网、餐饮、农业、金融、美妆、房地产、艺术等多个行业，我们熟悉的微信、抖音、麦当劳、星巴克、Discord 等品牌的 VI 手册在里面都可以找到。在站内可以通过品牌名和行业分类标签进行文件搜索，登录注册后可以下载完整高清的 PDF 文件 ，而且都是官方出品的标准文件，形式完整内容详细，非常具有参考价值。三、ImagesTools网站直达： https://imagestool.com/zh_CN/index.htmlImagesTools 是一个在线的图片、动图及视频处理工具，功能包括图片压缩、裁剪、拼接、添加水印及格式转换；Gif 的压缩、裁剪、合并、及视频裁剪与转换为 Gif，无需注册打开即用。四、情人节 3D 素材包网站直达： https://wannathis.one/freebies/valentines-day-3d-illustrations2 月 14 号就是情人节了， 国外知名 3D 素材网站 WannaThis 公开分享了一个免费可商用的情人节主题 3D 素材包，包含爱心、字母、钻戒、表情包、巧克力等 36 个素材，建模精致，可以下载 Figma 和 PNG 两种格式，用来作为海报 Banner 的主视觉或装饰元素都可。下载方式：进入网站后点击下载按钮，按指示输入邮箱，等待一会素材包的下载链接就会发送到邮箱，进入链接下载即可。五、Tab WranglerChrome 浏览器插件页： https://chrome.google.com/webstore/detail/tab-wranglerTab Wrangler 是一款 Chrome 和 Firefox 浏览器插件，可以帮助用户定时自动关闭不使用的标签页。找资料时我习惯一连点开几十新标签页然后慢慢看，但是看完后并没有随手关的习惯，结果就是网页挤得名称都看不全，一个个点击关闭不仅麻烦费事，浏览器还经常半途卡死。安装 Tab Wrangler 后，我按照自己的阅读习惯，设置了一个 10 分钟的期限，当标签页超过 15 个且 10 分钟内没有再看过这个标签页，它就会自动关闭。此外还可以设定锁定网址，其标签页就不会被关闭；被关闭的网址也都有记录，可以轻松找回，非常方便。好啦以上就是第 13 期设计师效率工具推荐，喜欢本期推荐的话请大家多多点赞收藏进行支持，我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ，我会第一时间回复。推荐阅读：AlternativeTo！超好用的相似软件推荐网站大家好，这里是和你们聊设计的花生~做设计或者日常学习娱乐我们都离不开各种软件，如果这款软件是免费的就更棒了。阅读文章 > 2023年，让这20款AI工具帮你更高效地完成工作~2023年，让这20款AI工具帮你更高效的完成工作~大家好，这里是和你们聊设计的花生~2022年是AI技术大发展的一年，我都快记不清为大家推荐多少种AI工具了。阅读文章 > 本篇来源：优设网原文地址：https://www.uisdc.com/5-practical-software-13
知识点 插件 建模 导语近年三维表现已经越来越多的融入到各种商业设计当中，在电商、品牌、UI、影视等各个领域都有广泛的运用。其中一个关键因素是 C4D 这款软件的出现，大大降低了 3D 设计的学习门槛。C4D 相对于专业性更强、功能较为复杂的 3DMax、Maya、ZBrush 等软件，界面更加简洁友好，对于没有接触过 3D 的的小白，学习成本更低。配合 Octane、Redshift 等渲染器，可以很快做出强视觉表现力的效果。凭借这种操作友好、易出效果的特性，C4D 很快成为了近年最流行的 3D 设计软件之一。本文结合作者自身的经验整理了一波自学的思路和技巧，希望能在大家学习 C4D 的过程中有所帮助。更多C4D学习方法：玩转C4D！腾讯高手的3D视觉设计必备指南导语随着三维视觉逐渐向二维视觉领域渗透，视觉 3D 化已经成为当下非常热门的一种表现形式3D 技能也已经加入了视觉设计师必备技能包中。阅读文章 > 前言相信很多没有三维设计基础的小白，刚接触到 C4D 时会有无从下手的感觉，面对各种形形色色的命令菜单和工具面板，内心是这样的：其实大可不必担心，不同方向的设计师可以有不同的侧重点，只要掌握自身职业需要的模块，并不需要学会所有的功能。追求大而全反而难度大效率低，容易产生挫败感从而被劝退。所以这里建议的 C4D 学习思路是：结合自身的职业方向，先明确要学习的侧重点，集中精力突破，然后再根据新的需要逐步学习更多即可。学习过程则大体上分为入门、上手、实战三个阶段。一、入门1. 明确学习方向C4D 大体可以分为建模、渲染、角色、动画、运动图形、动力学这几个模块，每个模块都可以看成是独立的知识体系，往下又有更具体的细分。真要全面仔细钻研的话，需要投入很多的时间精力，这也是让很多初学者无从下手甚至望而却步的原因。所以除了建模和渲染是绕不开的基本模块，我们可以将另外几个看成是比较具有针对性的模块，具体需要着重学习哪一部分，则需要先明确最适合自己的学习方向：比如你是电商设计师，平时的工作内容主要是制作各种产品高大上的渲染图以及推广视频，那除了基本的建模与渲染，还可以着重学习运动图形，做出各种酷炫的商业广告视频；如果你是 IP 设计师，则需着重学习角色模块，在完成静态角色的建模渲染后，绑骨骼刷权重也是必须掌握的知识点，才能做出丰富的动作和表情，让角色生动起来；总之，不同职业方向，甚至项目的不同时期，都有不同的学习侧重点，这里需要每个人自己去判断。建模和渲染则是最常用的两个模块，无需有职业方向的针对性，都应该在前期优先学习，并且做到基本掌握甚至熟练运用。常规的步骤是先学习建模，再学习渲染；不过建模比较枯燥，渲染则是最出效果也是最提升学习信心的环节，我认为根据个人喜好，先学渲染再学建模，反而是更推荐的学习顺序。2. 选择学习资源选择学习资源方面，目前网络的免费教程十分丰富，依靠教程的学习足以让你初期快速的上手，新手在选择教程方面尽量以体系较为完整，演示时软件版本较好的原则，如英文水平较好建议去外网看看各路大神的教程，原汁原味的学习；另外考虑到外网资源的机翻和获取难度的原因，这里主要推荐一些国内网络能获取自学资源：① 建模建模方面在学习阶段主要注重 C4D 的工具使用和基础技巧，这里推荐几个免费教程。https://www.bilibili.com/video/BV1Cb411T7Dchttps://www.bilibili.com/video/BV1PZ4y1s7vm② 渲染渲染以 OC 渲染器为例，这是现网能找到比较完整的免费教程，学习后可以直接上手出图。 https://www.bilibili.com/video/BV1ur4y1T72V https://www.bilibili.com/video/BV1f4411V7qh③ 动力学动力学可以由浅入深，从基础的常用动态手法及运动原理开始入手，以小实例练习的方式慢慢转向大场景的动态设计学习。 https://www.bilibili.com/video/BV17f4y127uv/ https://www.bilibili.com/video/BV1ZA411w7qC/④ 更多综合性实战教程各大网站都能找到不少实战案例的教程，根据需要可以找到更多。https://www.bilibili.com/video/BV177411P7d1https://www.bilibili.com/video/BV1AY4y1G7Nc3. 软硬件配置相关打团下副本之前，还得先准备一下装备；这里简单对于萌新学习前的软硬件要求做一些说明和推荐。① 渲染器选择C4D 目前可选主流的渲染器有 octane、阿诺德、Redshift、vray、自带渲染器（不推荐）。主流渲染器各有优缺点，综合下来笔者推荐萌新选择 OC 渲染器，原因是学习资源多，学习难度低，渲染效果优、渲染速度快等优点。以下是各渲染器的对比，萌新们可权衡自身的情况进行选择：② 电脑配置在 PC 电脑方面，以笔者正版 OC4.0 渲染器为例，显卡选择 N 卡，型号以 20 系列以上最好，显存 4G 以上（有经费的可以入手今年的 40 系列显卡）；其他配置看自己的经济情况而定，如 CPU 方面单核性能越强对于渲染效率和 c4d 默认渲染器的加速越快，内存推荐 64G 以上，另外在电源上如果已经配备了 20 系列以上的显卡建议选择 900W 以上的，除了显卡和 CPU 这两个核心硬件其他的配置主要看个人情况而定，对电脑不懂的优先看电商平台的整机方案，主要以显卡和 cpu 为参考依据，其他的配置可浮动选择。在苹果电脑方面，笔者并不推荐以 3d 工作为主的设计师选择苹果电脑，主要原因是主流渲染器的选择较少，另外 C4D 插件各方面的支持也远不如 PC 方便和丰富（如有特殊原因，可以优先选择 M1 芯片的电脑或者配备 N 卡独显的苹果电脑）。③ 软件版本C4D 软件版本推荐使用最新版本或者 R23 以上版本，随着厂商的更新换代，有些以前只有插件能完成的功能慢慢完善在新版本上，新版本带来的便捷功能可提高萌新的出图效率并免去旧版本没有兼顾的功能导致的学习成本浪费问题。另外在 OC 渲染器上的版本问题尽量以当前版本能兼容的最新 OC 为主，当然，需要你的显卡需要和 OC 版本是匹配的情况下。4. 好记性不如烂笔头收藏和观看的教程多了，容易看了后面的忘记前面的，或者没有实际上手印象不深。这里我尝试过最好用的方法可以总结为一句话，就是俗话说的“好记性不如烂笔头”。对于一些关键的知识点，或者很有用的上手练习案例，可以在自己学习或者练习后，将关键步骤以在线笔记的形式自己整理一遍。这样做有两个好处，一是能大大加深你对知识点的印象，不易遗忘；二是即使真的隔了很长时间有所遗忘，只要调出对应的文字笔记，就能很快重新想起对应知识点，比起重新翻出视频教程，边拖进度条检索再看一遍，效率高得多。比如我之前在学习渲染体积光效果（丁达尔效应）时，总是掌握的不扎实，学过就忘，下回再用到时，基本相当于又要翻出视频教程再看一遍，效率很低。但是将关键知识点整理成笔记后，不单对这个知识点记得很牢，甚至能在不重新翻看笔记和教程的条件下，熟练的以教程中提到的三种不同方式做出体积光。笔记链接： https://note.youdao.com/s/Lwt42DsG以下是我整理的部分笔记库，感觉在笔记库里的知识点才算是比较掌握了的。5. 多搜集优秀案例除了掌握工具，多看优秀案例以提升自己的设计思维和审美也很重要，只有看的优秀案例够多够好，将自己的设计眼光、审美水平、思考方式向大神们的靠拢，才能做出好的作品。这里推荐几个我觉得的很赞的 3D 类网站：Artstation： http://www.artstation.com ；Sketchfab： https://sketchfab.com/feed ；Behance 3D： https://www.behance.net/galleries/3d-art ；Dribbble 3D： https://dribbble.com/search/3d ；二、上手1. 熟能生巧多练习上手阶段，充分的动手练习是必不可少的。这里的练习也分为两种，一种是跟随教程案例做出一样的效果，一种则是结合自己感兴趣的题材设定一个主题或场景，将学习的知识点融会贯通，在自己的命题作品里实际应用起来。两种练习的方式也是相辅相成，在积累足够多的教程案例练习后，更推荐按照自己的想法来创作。比如我会将自己感兴趣的漫画题材，在 C4D 里作为一个场景练习，融合进平时学的一些知识点。《头文字 D》场景《海贼王》场景因为用的是自己感兴趣的内容练习，所以做起来也上手很快，知识点也记得很牢，推荐大家可以试试。2. 善用插件提效率① Forester-植物生成插件轻松生成各种类型的植物和部分岩石，各项小参数的调整方便个性化的调整，另外有便捷的动力系统可以轻松制作风吹植物的效果，结合 OC 渲染器的克隆功能搭建大场景非常轻松，适合在做动态设计的时候快速生成搭建场景。② QuadRemesher-四边面重拓补有时候我们工作中会遇到三角面模型，对于新手来说转换成四角面模型可以选择这款插件轻松转换成你想要的四角面而且还有便捷的参数可以调整。③ PolyCircle-挖洞插件及 Nitro4D NitroCap-封洞插件在日常建模的工作中经常需要给模型开洞及封洞的操作，虽然靠布线调整也可以实现，但是插件的效率更便捷，所以推荐这两款插件分别对应的模型开洞及模型封洞的功能，另外注意在 C4D 软件 R26 之前都是必备的插件，但如果你软件版本是 R26 以上版本，那么自带整合了这样的工具，不需要额外安装插件了。④ CodeVonc Proc3durale-镂空腐蚀溶洞效果插件这是一款风格化的效果插件，可以配合噪波制造出独一无二的风化、镂空、分解动画、甚至是流体动画的效果，在产品设计及品牌动态视频中运用广泛。（图来源于网络侵删）⑤ TerraformFX-地形插件这块地形插件，可以让你轻易搭建自然环境，制作次时代的虚幻场景，操作简单，可以在 Cinema 4D 中生成、动画和逼真的地形。在几秒钟内创建非常详细的山脉、峡谷和沙漠。直观的非破坏性工作流程可以轻松创建和自定义地形。（图来源于网络侵删）三、实战在入门的学习和上手的练习之后，相信很多人都会对 C4D 有了初步的掌握。这时更重要的当然是将这些学到的知识点运用到实际项目当中，这样的实战操作才能让你的知识体系更有针对性，并且实际项目命题固定、要求更高，完成后的提升才会更大。这里分享几个在完成基础的学习与练习后，我们用 C4D 做的实际项目。1. QQ 小游戏-春节会场小游戏会场是从 QQ 春节活动的主会场进入，通过限时抽奖以及游戏任务等形式，引导用户参与活动，从而提升业务增长和助力品牌传播。在前期设计推导阶段，我提炼了三个设计关键词，并对应发散出一些相关元素：一是游戏：这是凸显平台特色和趣味性的元素；二是福利：这是强化用户参与活动的动机；三是春节：春节活动不可少的是体现节日氛围的元素；根据这些元素画了三个方向的概念草图，分别以游戏机、扭蛋机、街机作为主要载体。最终我们选择了通过破窗的形式将 Q 猛虎结合进场景中的方向一，展示游戏和夺宝元素，让用户感知福利的同时，也体现小游戏平台的特色和趣味性。创意上是参照超级玛丽这种经典的横版过关形式，也将中国传统建筑中的红墙金瓦、松树、福袋这些元素融入在了画面中。游戏机场景及其他主要元素建模场景白模及空间构成设定角色及福袋动态的制作，这里主要用到了角色及动力学模块相关的一些知识点。渲染完成后的主视觉，Q 猛虎在游戏机上往前奔跑，不断获得福袋并蹦出金币、红包实际 UI 中的应用效果实际 UI 中的应用效果另外将主视觉中的“松树”，延展成了松、竹、梅、兰这四种具有传统中国风的植物，作为辅助元素运用到页面中，保持整体调性的统一。部分主要页面总览2. QQ 红包-节日封皮节日红包封皮是传递用户关怀的重要手段，作为 QQ 红包的一部分，我们希望让用户有更新颖的感知和更深刻的共鸣。相对于常规的插画手绘风格，我们希望尝试用 3D 的方式做一些新的探索。在构思中秋节的红包封皮时，首先围绕“中秋”进行关键词发散再选取其中桂树、玉兔、明月等这几个适合构建场景的元素，构建成一个立体化的场景将一些元素抽象化，结合 3D 手法，加入更有意境的表达最终完成的效果，整体也是塑造一个比较有中国风和意境的场景新年封皮也是用同样的方式完成，像刚才中秋的桂花树一样，这里也将锦鲤也做了一些抽象化的表达，比如鱼的眼睛是宝石质感，鱼的身体是黄金质感，传递一种新年好运、财运连连的感觉。最终完成的效果，QQ 和 banyQ 坐在锦鲤背上，手上拿着铜钱串在吊锦鲤，寓意新年大吉大利、锦鲤附体。新版封皮的使用量对比旧版有了较大提升，可以看出用户对新版封皮的喜爱程度还是很高的，目前的节日封皮也是按照新风格持续延展中。四、结语以上就是本文的全部内容，希望能帮助大家在学习 C4D 的过程中有所帮助，总结下来就是多看多练多运用。对文中提到的插件感兴趣的朋友，也可以通过附上的链接去官网了解更多详细介绍。若是大家有更好的学习建议，也欢迎在评论区留言一起讨论。欢迎关注作者微信公众号：「腾讯ISUX」本篇来源：优设网原文地址：https://www.uisdc.com/c4d-self-study
落霞与孤鹜
张大湿
在路上
表哥
飞翔的企鹅
