火星网校
【UI设计】大厂运营设计视觉拆解!快来了解思路
发布时间：2024-02-29 16:58:40 浏览量：205次
在日常生活中，我们的许多行为都会产生CO²。但同时，我们也可以通过日常的一些小举动，减少碳排放。
少开空调1小时≈减碳排621g
少用一度电≈减碳排785g
少坐一层电梯≈减碳排218g
……
但你知道吗，在使用顺丰快递的服务时，也可以减少碳排放噢~
多年以来，顺丰一直通过科技创新，在快递的容器包装、运输、转运等多层面融入了绿色理念，以此提升自身的资源利用率，降低碳排放和能源消耗，践行环保社会责任。
此次，为了给予广大顺丰用户更直观的感知，也为了让更多的人能够参与到顺丰的减碳行动中来，我们把使用顺丰快递服务过程中用户可以参与的减碳行为，进行了梳理，并实现线上化。
大家可以根据需要在寄收件中，选择减碳的服务，来获得和记录属于自己的碳能量，一起共建绿色家园。
使用循环包装，最高可减少760g碳排放
使用同城急送，每一次可减少526g碳排放
使用电子回单，每一次可减少561g碳排放
使用拍照回传，每一次可减少561g碳排放
……
通过对业务诉求和产品诉求的拆解，明确此次的设计目标与策略。
业务诉求：有效传递低碳理念，快速建立用户对顺丰低碳产品/服务的认知，引导和鼓励用户使用服务。
产品诉求：快速建立用户认知，同时需考虑功能的拓展性，后期会增加更多的获取能量和使用能量的方式，以及用户的成就也会升级和进化，在设计上需预留产品迭代空间。
设计目标与策略：
高效传达顺丰低碳行为的理念与方式；
构建低碳视觉符号，强化和固化认知；
打造可进化的绿色家园，兼顾后期的可拓展性。
一、简化布局 高效传达信息
在一屏内，集合收取、获取、使用碳能量的信息，快速建立对碳能量的了解与获取方式的认知。整个产品设计图文并茂，布局简化，高效传达信息，降低理解成本。
收取：在主视觉区域，构建一个绿色家园，通过碳能量的收取，感受家园的变化，同支持后期的家园升级和迭代，可扩展性强；
获取：直观展示获取碳能量的方式，进行前期的教育和引导，培养用户在寄件过程使用低碳服务；
使用能量：进一步奖励用户低碳行为，用户不仅能获得能量，感受到为环保事业贡献的力量，同时也可获得顺丰的奖励，整体形成一个良性的循环。
二、结合场景 打造可进化的家园
设计目标：打造一个初始的、有趣味性的、可升级的家园场景。
设计思考：整体场景外观的造型使用快递箱正方形状，融入品牌元素。其次，作为初级场景，构图元素不宜过于丰富，需考虑后续的场景升级。
基于此输出了AB两个方案，最终选择工厂方向的A方案，为后期的家园升级提供更多的空间。
针对A方案，从造型、色彩、动效、后续升级场景视觉方向出发，做进一步的细化和渲染。
造型：弱化污染概念，加入品牌元素，构造一个概念性的卡通包裹工厂；
色彩：2.5d插画风格搭配高饱和色彩，活泼氛围体现趣味性；
动效：收取能量时加入动效的反馈，绿色植物元素的烟花从烟囱出现，强化绿色概念；
后续方向：保持外观正方形一致，更换场景内容，不同主题，场景趣味化，建筑风格化。
三、图文结合 传递低碳服务
使用扁平插画，通过黑白形式对比，展示使用低碳服务和不使用低碳服务的场景，让用户直观感知两者之间的差距，增强用户对获取碳能量的理解，引导用户使用顺丰的低碳产品、服务。
四、统一视觉符号 强化对碳能量的认知
从视觉元素色彩选择、图标绘制、字体设计等出发，强化用户对碳能量的认知，加强用户对产品的感知。
色彩：环保、低碳联想到是绿色相关植物，是潜意识颜色，所以选用了黄绿渐变做为主色。黄绿色传达美好、希望...
图标：主色+辅助色组合，主色点缀保持页面的统一性、同时不会过于单一，采用2.5D风格，更直观表达对应产品属性。
碳能量，作为顺丰集团打造行业领先绿色物料战略规划的重要部分，直面顺丰C端用户，打造低碳服务推广——低碳服务使用——奖励碳能量奖励——使用碳能量的闭环链路，未来将持续拓展更多低碳场景及用户交互，提升用户对顺丰绿色物流服务的感知。因此，我们也将继续在碳中和设计中做更多的探索与创新。
以上，是我们从参与流程、设计目标、设计策略出发，与大家分享我们在快递产品设计中对低碳服务领域的探索，感谢您的阅览。
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
