火星網(wǎng)校
【UI設(shè)計】大廠運營設(shè)計視覺拆解!快來了解思路
發(fā)布時間：2024-02-29 16:58:40 瀏覽量：205次
在日常生活中，我們的許多行為都會產(chǎn)生CO2。但同時，我們也可以通過日常的一些小舉動，減少碳排放。
少開空調(diào)1小時≈減碳排621g
少用一度電≈減碳排785g
少坐一層電梯≈減碳排218g
……
但你知道嗎，在使用順豐快遞的服務(wù)時，也可以減少碳排放噢~
多年以來，順豐一直通過科技創(chuàng)新，在快遞的容器包裝、運輸、轉(zhuǎn)運等多層面融入了綠色理念，以此提升自身的資源利用率，降低碳排放和能源消耗，踐行環(huán)保社會責(zé)任。
此次，為了給予廣大順豐用戶更直觀的感知，也為了讓更多的人能夠參與到順豐的減碳行動中來，我們把使用順豐快遞服務(wù)過程中用戶可以參與的減碳行為，進(jìn)行了梳理，并實現(xiàn)線上化。
大家可以根據(jù)需要在寄收件中，選擇減碳的服務(wù)，來獲得和記錄屬于自己的碳能量，一起共建綠色家園。
使用循環(huán)包裝，最高可減少760g碳排放
使用同城急送，每一次可減少526g碳排放
使用電子回單，每一次可減少561g碳排放
使用拍照回傳，每一次可減少561g碳排放
……
通過對業(yè)務(wù)訴求和產(chǎn)品訴求的拆解，明確此次的設(shè)計目標(biāo)與策略。
業(yè)務(wù)訴求：有效傳遞低碳理念，快速建立用戶對順豐低碳產(chǎn)品/服務(wù)的認(rèn)知，引導(dǎo)和鼓勵用戶使用服務(wù)。
產(chǎn)品訴求：快速建立用戶認(rèn)知，同時需考慮功能的拓展性，后期會增加更多的獲取能量和使用能量的方式，以及用戶的成就也會升級和進(jìn)化，在設(shè)計上需預(yù)留產(chǎn)品迭代空間。
設(shè)計目標(biāo)與策略：
高效傳達(dá)順豐低碳行為的理念與方式；
構(gòu)建低碳視覺符號，強化和固化認(rèn)知；
打造可進(jìn)化的綠色家園，兼顧后期的可拓展性。
一、簡化布局 高效傳達(dá)信息
在一屏內(nèi)，集合收取、獲取、使用碳能量的信息，快速建立對碳能量的了解與獲取方式的認(rèn)知。整個產(chǎn)品設(shè)計圖文并茂，布局簡化，高效傳達(dá)信息，降低理解成本。
收?。涸谥饕曈X區(qū)域，構(gòu)建一個綠色家園，通過碳能量的收取，感受家園的變化，同支持后期的家園升級和迭代，可擴展性強；
獲?。褐庇^展示獲取碳能量的方式，進(jìn)行前期的教育和引導(dǎo)，培養(yǎng)用戶在寄件過程使用低碳服務(wù)；
使用能量：進(jìn)一步獎勵用戶低碳行為，用戶不僅能獲得能量，感受到為環(huán)保事業(yè)貢獻(xiàn)的力量，同時也可獲得順豐的獎勵，整體形成一個良性的循環(huán)。
二、結(jié)合場景 打造可進(jìn)化的家園
設(shè)計目標(biāo)：打造一個初始的、有趣味性的、可升級的家園場景。
設(shè)計思考：整體場景外觀的造型使用快遞箱正方形狀，融入品牌元素。其次，作為初級場景，構(gòu)圖元素不宜過于豐富，需考慮后續(xù)的場景升級。
基于此輸出了AB兩個方案，最終選擇工廠方向的A方案，為后期的家園升級提供更多的空間。
針對A方案，從造型、色彩、動效、后續(xù)升級場景視覺方向出發(fā)，做進(jìn)一步的細(xì)化和渲染。
造型：弱化污染概念，加入品牌元素，構(gòu)造一個概念性的卡通包裹工廠；
色彩：2.5d插畫風(fēng)格搭配高飽和色彩，活潑氛圍體現(xiàn)趣味性；
動效：收取能量時加入動效的反饋，綠色植物元素的煙花從煙囪出現(xiàn)，強化綠色概念；
后續(xù)方向：保持外觀正方形一致，更換場景內(nèi)容，不同主題，場景趣味化，建筑風(fēng)格化。
三、圖文結(jié)合 傳遞低碳服務(wù)
使用扁平插畫，通過黑白形式對比，展示使用低碳服務(wù)和不使用低碳服務(wù)的場景，讓用戶直觀感知兩者之間的差距，增強用戶對獲取碳能量的理解，引導(dǎo)用戶使用順豐的低碳產(chǎn)品、服務(wù)。
四、統(tǒng)一視覺符號 強化對碳能量的認(rèn)知
從視覺元素色彩選擇、圖標(biāo)繪制、字體設(shè)計等出發(fā)，強化用戶對碳能量的認(rèn)知，加強用戶對產(chǎn)品的感知。
色彩：環(huán)保、低碳聯(lián)想到是綠色相關(guān)植物，是潛意識顏色，所以選用了黃綠漸變做為主色。黃綠色傳達(dá)美好、希望...
圖標(biāo)：主色+輔助色組合，主色點綴保持頁面的統(tǒng)一性、同時不會過于單一，采用2.5D風(fēng)格，更直觀表達(dá)對應(yīng)產(chǎn)品屬性。
碳能量，作為順豐集團(tuán)打造行業(yè)領(lǐng)先綠色物料戰(zhàn)略規(guī)劃的重要部分，直面順豐C端用戶，打造低碳服務(wù)推廣——低碳服務(wù)使用——獎勵碳能量獎勵——使用碳能量的閉環(huán)鏈路，未來將持續(xù)拓展更多低碳場景及用戶交互，提升用戶對順豐綠色物流服務(wù)的感知。因此，我們也將繼續(xù)在碳中和設(shè)計中做更多的探索與創(chuàng)新。
以上，是我們從參與流程、設(shè)計目標(biāo)、設(shè)計策略出發(fā)，與大家分享我們在快遞產(chǎn)品設(shè)計中對低碳服務(wù)領(lǐng)域的探索，感謝您的閱覽。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設(shè)計網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計師的...
-
3. 移動端UI設(shè)計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設(shè)計中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計的基本知識
-
4. 10個免費學(xué)習(xí)UI設(shè)計的網(wǎng)站 提升你的設(shè)計能力
怎樣可以提升你的UI設(shè)計能力!第一個:站酷站酷想必是設(shè)計師都知道的一個網(wǎng)站,里面不止有UI設(shè)計的資源,還有其他設(shè)計的,不如:平面設(shè)計、網(wǎng)頁設(shè)計、字體...
-
5. 移動端列表頁和表單頁設(shè)計秘訣:讓你的APP點擊率翻倍
在移動端設(shè)計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計能力和創(chuàng)造力的小白和UI設(shè)計師來說,這本書是一個很好的選擇。4.《設(shè)計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計:創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗
ui設(shè)計應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 設(shè)計中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計應(yīng)用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設(shè)計中的重要性以及新興技...
-
10. 武漢UI設(shè)計培訓(xùn)班費用怎么樣？想學(xué)UI設(shè)計要多少錢？
想了解武漢UI設(shè)計培訓(xùn)班的費用是多少嗎？不知道學(xué)UI設(shè)計要花多少錢？不妨看看這篇文章，了解UI設(shè)計培訓(xùn)班的學(xué)費價格以及學(xué)習(xí)內(nèi)容。
最新文章
