一、什么是“有駕在現(xiàn)場”

有駕是百度旗下汽車信息與服務(wù)平臺，累計用戶超5.3億，致力于為用戶提供真實、可靠的看選買車服務(wù)，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。

車展對有駕來說是一個流量爆發(fā)的大事件，2021年廣州車展期間有駕品牌全網(wǎng)曝光累計6.3億次，創(chuàng)歷史新高。而【有駕在現(xiàn)場】是百度有駕歷年車展系列活動沉淀下來的品牌IP，已經(jīng)成為活動固定的品牌標(biāo)識。

二、借勢大事件，打造車展品牌全案

借勢車展的關(guān)注度與影響力，我們想要通過分析調(diào)研總結(jié)，對本次車展進行視覺定調(diào)，建立品牌識別體系，沉淀專屬有駕車展活動的品牌符號和印記；進行線上線下聯(lián)合推廣來打造有駕車展品牌全案，提升有駕的品牌影響力；優(yōu)化活動體驗來為平臺進行引流，讓用戶對有駕產(chǎn)品有更明確的認(rèn)知。

同時由于車展項目涉及跨部門合作，我們希望可以通過車展品牌全案，統(tǒng)一不同分工輸出的設(shè)計物料視覺一致性，以達到提質(zhì)增效的目的。

以打造品牌全案為出發(fā)點，我們梳理了以下項目計劃。

同時，通過有駕用戶畫像分析，建立用戶標(biāo)簽，分析用戶屬性及偏好，以更好的觸達用戶。數(shù)據(jù)顯示有駕APP大部分用戶為常駐中高線城市的年輕男性，經(jīng)歷著數(shù)字化信息時代的便利，同時也受到更好的教育和各界多元的文化影響，更大膽更容易被新的東西所吸引。

三、分析項目現(xiàn)狀總結(jié)優(yōu)化點

根據(jù)過往車展項目分析，總結(jié)發(fā)現(xiàn)存在品牌識別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導(dǎo)致用戶認(rèn)知成本較高等問題。

四、提煉品牌關(guān)鍵詞

根據(jù)用戶畫像及現(xiàn)狀分析，明確業(yè)務(wù)需求，通過腦暴的形式羅列品牌關(guān)鍵詞，基于品牌DNA對有駕車展進行視覺升級需挖掘符合核心用戶的語境語言和視覺偏好，提煉出品牌關(guān)鍵詞，根據(jù)關(guān)鍵詞規(guī)范可延續(xù)的品牌元素，打造清晰的品牌全案以更清晰的指導(dǎo)后續(xù)視覺設(shè)計工作。

五、視覺定調(diào)

根據(jù)關(guān)鍵詞確定了以賽博朋克風(fēng)格為視覺基調(diào)，通過三維建模搭建北京地標(biāo)建筑場景，搭配大膽的配色和新穎的元素樣式打造潮流個性且具有未來感的視覺畫面，匹配車展品牌的創(chuàng)新理念。

同時，在活動玩法方面，通過優(yōu)化活動玩法，多條件激勵用戶給予用戶沉浸式的體驗。

六、建立品牌體系

確定基礎(chǔ)視覺調(diào)性后，我們通過形色質(zhì)構(gòu)來規(guī)范和輸出有駕車展品牌vi規(guī)范，建立有駕車展品牌體系，以提升視覺的產(chǎn)出效率，確保線上線下視覺輸出的一致性。

七、品牌LOGO

【有駕在現(xiàn)場】是有駕多年延續(xù)下來的品牌基因，本次車展也將繼續(xù)夯實品牌資產(chǎn)，進行優(yōu)化升級傳遞品牌調(diào)性。

由于舊版的字體圓角等設(shè)計樣式相對柔和，不能準(zhǔn)確表現(xiàn)本次車展視覺調(diào)性。為了傳遞有駕車展的潮酷、未來感，設(shè)計上將舊版文字加粗，圓角調(diào)整為直角，并進行一定的傾斜處理，使字體展現(xiàn)更加果斷硬朗；同時，我們將部分筆畫進行連接，讓字體充滿動感或速度感；最終的字型效果運用有駕品牌藍(lán)綠色光效以更好的與畫面結(jié)合。

八、色彩嘗試

由于整體風(fēng)格參考賽博朋克，配色方面基于有駕品牌色進行延展，輔助色起到平衡主色的沖擊效果、活躍視覺，釋放潮流激情，突出重點模塊；元素上嘗試漸變色豐富元素樣式。

九、組件化通用元素

通過組件化通用元素，不同物料可以快速復(fù)用，節(jié)約設(shè)計成本，解決整個活動的視覺一致性，同時可以沉淀設(shè)計資產(chǎn)。

十、車展主KV

根據(jù)關(guān)鍵詞【未來感】【年輕化】分析適合有駕的設(shè)計風(fēng)格和調(diào)性，通過三維建模的畫面表現(xiàn)形式，構(gòu)建充滿科技感的賽博朋克畫面，打造潮流科技的有駕車展基礎(chǔ)場景。

主視覺場景設(shè)定為高樓聳立的公路上，有駕跑車向“有駕在現(xiàn)場”北京車展活動現(xiàn)場飛馳。充滿速度感的跑車、霓虹燈牌、高樓大廈色調(diào)和質(zhì)感的碰撞，傳遞出一種直觀的科技感，引領(lǐng)新時代年輕用戶和有駕一起駛向未來。

根據(jù)上述的內(nèi)容進行車展主kv的場景設(shè)定，輸出了草圖方案。

整個場景圍繞“有駕在現(xiàn)場”進行設(shè)計，融合車展相關(guān)元素，滲透品牌標(biāo)識。

采用3D和2D相結(jié)合的形式，用C4D進行場景搭建，OC渲染器進行燈光材質(zhì)的渲染，反復(fù)修改調(diào)整場景布局、元素等，最終輸出三維設(shè)計圖后進行PS后期，輸出最終的主視覺。

根據(jù)以上內(nèi)容，輸出了對應(yīng)的車展VI規(guī)范。

十一、車展專題頁

根據(jù)主KV及VI規(guī)范進行專題頁的延展，部分內(nèi)容復(fù)用過往車展框架模塊。

新增了導(dǎo)航欄設(shè)計，便于用戶快速跳轉(zhuǎn)到感興趣的內(nèi)容模塊，導(dǎo)航圖標(biāo)大膽創(chuàng)新嘗試漸變色融合的配色形式，讓扁平的圖標(biāo)有更加豐富的呈現(xiàn)。在保證閱讀效果的前提下，標(biāo)題樣式、頁面元素及配色上更加潮酷。

十二、集卡分百萬 引流活動

過往集卡活動不僅與產(chǎn)品、車展契合度高，并且收益明顯，因此本次北京車展活動將復(fù)用、優(yōu)化集卡類活動，讓用戶沉浸式集卡，從而提升用戶活躍及量級。

在玩法方面，本次集卡活動延續(xù)過往活動做任務(wù)得車卡的主玩法，優(yōu)化活動體驗，新增了合成稀有卡可參與大轉(zhuǎn)盤抽獎的玩法以激勵用戶集卡，同時設(shè)立了車展大眾日，在當(dāng)天進入活動的用戶可以獲得現(xiàn)金紅包，以此來激勵用戶回流，豐富活動玩法。

集車卡活動的主視覺元素及配色是依據(jù)vi規(guī)范，保證整體品牌調(diào)性的統(tǒng)一；普通靚車卡背景延續(xù)主視覺背景，稀有卡嘗試不同配色和場景凸顯其特殊性。

除了專題頁和集卡活動，線上還包括端內(nèi)社區(qū)活動設(shè)計，整體視覺調(diào)性都與我們輸出的車展品牌vi保持統(tǒng)一。

十三、倒計時海報

為了給車展開幕造勢，我們嘗試復(fù)用主KV的三維建筑模型，將倒計時1、2、3與不同視角、不同配色的場景相結(jié)合，整體風(fēng)格和車展主視覺保持一致，輸出了三張倒計時海報，豐富了整個項目的宣傳內(nèi)容。

整個車展項目除了線上運營活動、造勢海報，還有線下展會宣傳物料及其他第三方輸出的設(shè)計物料，整體視覺調(diào)性都是基于我們輸出的車展品牌VI進行視覺延展，保持統(tǒng)一性的同時，又各自有不同的視覺傳播效果。

十四、總結(jié)

【有駕在現(xiàn)場】作為百度有駕車展品牌活動，我們通過未來感、年輕化、體驗感三個維度來塑造有駕車展系列活動的品牌調(diào)性，搭建了基礎(chǔ)風(fēng)格，建設(shè)三維賽博朋克高品質(zhì)主視覺，視覺元素細(xì)節(jié)驚喜感打磨，通過優(yōu)化活動玩法進行引流，沉淀出新的大事件視覺設(shè)計思路，打造了有駕車展品牌設(shè)計全案。

未來我們的思考不僅僅只局限在視覺的表現(xiàn)上，還要繼續(xù)挖掘品牌系列化活動的延續(xù)性與獨特性，同時更要通過合理的情感互動建立和用戶的鏈接，為品牌長線發(fā)展提供更多價值。

作者：設(shè)計中臺

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》有駕在現(xiàn)場 車展品牌全案設(shè)計【百度】

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

我們將產(chǎn)品劃分為三個階段：

1.0：滿足了以產(chǎn)品為中心的設(shè)計，達成生產(chǎn)售賣通順閉環(huán)；

2.0：滿足了以消費者為中心的設(shè)計，考慮更多用戶體驗；

 3.0：加入以人文中心主義的設(shè)計，人文感官品牌情懷社區(qū)。

那么明確了我們本次升級的方向后，制定了整個產(chǎn)品的框架，底層加入了人文感官品牌情懷的相關(guān)因素，再應(yīng)用到我們現(xiàn)有的業(yè)務(wù)上，在協(xié)同上進行高效的鏈接，產(chǎn)品到設(shè)計，設(shè)計與設(shè)計，設(shè)計到開發(fā)。最終形成了我們的前臺展現(xiàn)頁面。

根據(jù)我們的用戶畫像以及多輪訪談?wù){(diào)研， 得知用戶的相關(guān)正負(fù)情緒。生活當(dāng)中家務(wù)工作的角色分配問題，一直是經(jīng)常出現(xiàn)的一個場景。用戶希望通過我們的產(chǎn)品服務(wù)，來提升生活的幸福指數(shù)！

在以此為前提的背景下，用戶希望我們是專業(yè)標(biāo)準(zhǔn)化的、省心高效的、溫暖溫馨的、舒適的、具有親和力的等等。最終都會期望以更有品質(zhì)的生活而結(jié)尾，那么“品質(zhì)生活”即為我們需要來傳遞給用戶的情感。

 那么品質(zhì)生活是什么呢？

其實用戶對我們的要求是一款提升生活品質(zhì)及愉悅感的產(chǎn)品，而非工具。

綜上所述，我們確定了以品質(zhì)生活成為我們的本次設(shè)計語言升級的slogan，再結(jié)合業(yè)務(wù)的自身特性，我們進行了詳細(xì)的拆分后提煉出了以下相關(guān)關(guān)鍵詞，來滿足用戶更多的情感訴求。

干凈明亮 

居住環(huán)境的潔凈會帶給人更多舒適愜意的感受。首先對品牌色進行了升級，使其更鮮明。也延展與其相匹配的輔助色來打造出完善的色彩體系。

光 

專業(yè) 

高效 

用戶攜帶訴求而來，那么減少用戶感到麻煩的情緒，對產(chǎn)品的識別清晰、操作便捷提升是最直接影響的。

親和力 

服務(wù)行業(yè)需必備的能力，微笑服務(wù)也成為了我們的業(yè)務(wù)情感透傳標(biāo)準(zhǔn)。提煉出微笑符號結(jié)合我們的實際場景進行運用！

慢生活… 

在對用戶的相關(guān)情感訴求結(jié)合業(yè)務(wù)進行了落地后，對效率類設(shè)計原則也進行了相應(yīng)的升級。

應(yīng)用整體架構(gòu)也是一個應(yīng)用對外呈現(xiàn)的基礎(chǔ)結(jié)構(gòu)，是系統(tǒng)風(fēng)格的體現(xiàn)形式之一，除了特殊設(shè)計訴求，通常情況下，應(yīng)用需要使用通用的應(yīng)用架構(gòu)來保持系統(tǒng)的一致性和用戶操作的易用性。

布局不是靜態(tài)固定的，柵格系統(tǒng)在一個應(yīng)用內(nèi)的重要程度不言而喻。我們設(shè)定了以4dp / 4pt為基數(shù)的柵格系統(tǒng)。

文本作為產(chǎn)品中用戶獲取信息的主要信息載體，字號大小和字重決定了信息的層級和主次關(guān)系。對字號、字重、行高以及組合字體進行了設(shè)定，為不同的場景創(chuàng)造了層級分明以及清晰的信息讀取體驗。

針對頁面內(nèi)容區(qū)域的通用元素間距進行了分類。設(shè)計師結(jié)合具體場景的情況，來調(diào)用間距參數(shù)的適配邏輯。以此來結(jié)合柵格系統(tǒng)進行更好的適應(yīng)相關(guān)視覺元素符號的對應(yīng)變化。

 圓角參數(shù)  

結(jié)合業(yè)務(wù)屬性保證親和力的透傳，在產(chǎn)品盡量避免出現(xiàn)銳角圖形的設(shè)計表達手法。故此針對圓角的大小也進行了系統(tǒng)級別的定義，進行深度統(tǒng)一管理！

語意原則及動效等，并依據(jù)相關(guān)設(shè)計原則產(chǎn)出了組件庫。

在多元化的產(chǎn)品時代，時刻關(guān)注并滿足用戶的情緒，是產(chǎn)品能脫穎而出的關(guān)鍵！在建立設(shè)計語言手冊時從提升用戶體驗和滿足商業(yè)價值整體考慮，挖掘流程當(dāng)中線上線下的觸點，多維度思考并總結(jié)落地，深度傳遞品牌理念。

設(shè)計語言手冊更多時候是一個相對寬泛的閾值，并非組件的固定值，在某些業(yè)務(wù)場景下能為用戶帶來增值體驗或較高商業(yè)價值時，可以被打破。最后，核心就是在搭建語言手冊時應(yīng)思考更多“為什么”這么做！

 作者：58UXD

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》如何通過設(shè)計語言手冊來傳遞品牌理念！

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

視覺調(diào)性高端的色彩，通常具有明度低、飽和度低、顏色數(shù)量少等特點，所以很多高端的設(shè)計都會以深色作為背景色，因為深色更顯低調(diào)、更具神秘感，所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。

二、科技

想要表現(xiàn)科技感，色彩的整體調(diào)性通常會偏冷色系，明暗對比要強，且通常會使用漸變色。比如以深藍(lán)色到藍(lán)色的漸變作為背景色，然后用高飽和度、高亮度的青色和紫色作為輔助色，這時這些輔助色就會非常的跳躍，具有一種發(fā)光的效果。

三、時尚

其實所有調(diào)性的配色都應(yīng)該要盡量時尚一點，即使是想表現(xiàn)復(fù)古，也不能太土，所以這里所說的時尚特指偏向年輕、潮流的時尚。這種色彩通常具有飽和度高、明度適中、色相對比較大等特點。蔥爺這里概括了兩類，一類是以純色作為背景，這種色彩比較適合于品牌設(shè)計、網(wǎng)頁設(shè)計、畫冊設(shè)計等；一類是以漸變色作為背景，這種色彩比較適合于電商設(shè)計、廣告設(shè)計等。

四、酷炫

酷炫是指那種視覺效果特別張揚、甚至是極具個性的色彩搭配，比如近幾年比較火的蒸汽波風(fēng)格、酸性風(fēng)格、賽博朋克風(fēng)格、故障風(fēng)格，其色彩就屬于酷炫類的。該類設(shè)計通常也是以深色作為背景，圖片元素會使用高飽和度且對比很強的漸變色，色彩相對較多。

五、好吃

即讓人感覺很有食欲的色彩搭配，這種色彩通常以暖色為主，比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業(yè)；而飽和度較低、明度較高的色彩組合通常用于甜點、飲料等行業(yè)。

六、夏天

目前正值火熱的夏季，所以蔥爺專門整理了一些適合表現(xiàn)夏季的好看色彩，該類色彩通常會以藍(lán)色、青色、綠色這種冷色系最為主要顏色，然后以黃色或紅色、白色作為輔助色，這種色彩組合會給人清涼、快樂的感覺。

七、清新

小清新的視覺感受為輕松、柔和、淡雅，要達到這樣的效果，顏色的明度通常是比較高的，飽和度偏低，常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等，在奶茶、女性護膚品的相關(guān)設(shè)計中比較常見。

八、快樂

快樂是張揚的、是活潑的，所以快樂的色彩飽和度較高、明度不會太低、色彩的種類會比較多，通常也是以暖色為主，但是會搭配冷色一起使用。黃色具有很強的快樂、陽光屬性，所以想要表達快樂，黃色通常是少不了的。

九、可愛

跟兒童、年輕女性相關(guān)的設(shè)計，通常需要表現(xiàn)出可愛的調(diào)性，這類色彩通常是用冷色和暖色相互組合，顏色的明度同樣不會太低，否則會有壓抑的感覺，另外飽和度也不要過高，飽和度稍低一點效果會更柔和一些。

十、健康

想到健康我們立馬就會想藍(lán)天白云、青山、綠色的草地和樹葉，還有黃色的小野花等等，所以藍(lán)色、綠色、青色、黃色、白色都是常用于表現(xiàn)健康的色彩，紅色也可以偶爾作為點綴色加進來。由于健康的調(diào)性也是要給人一種舒適、輕松的感覺，所以整體的顏色明度不要太低。

十一、運動

要想讓色彩動起來，對比一定要強，可以是色相對比、也可以是明度對比和飽和度對比。橙色和黃色是兩個很具活力的的顏色，所以常用于表現(xiàn)運動的設(shè)計里。

十二、科幻

這是一些科幻電影、機動游戲的海報設(shè)計常用的色彩搭配組合，給人的視覺感受是穩(wěn)重而大氣，科技感和神秘感并存，所以背景色通常也比較暗，喜歡用青色和黃色這種比較亮的顏色作為點綴。

十三、喜慶

在設(shè)計節(jié)日海報或促銷海報時，通常需要表現(xiàn)出喜慶的調(diào)性，有些設(shè)計師會局限在大紅色、黃色、和橙色里，這樣搭配出來的色彩容易土，而想要解決這個問題，一方面可以加入冷色搭配使用，另一方面顏色的飽和度和亮度也不要過高。

十四、復(fù)古

這類色彩的特點是顏色的飽和度會相對低一點，而且大多數(shù)情況下，整體的明度通常也不會太高，常用類比色搭配和對比色搭配。

十五、中國風(fēng)

具有中國風(fēng)特色的顏色和色彩組合有很多，蔥爺這里僅列舉了8個組合。這類色彩同樣飽和度不會達到最高，有點復(fù)古和充滿文化氣息的感覺。胭脂（暗紅色）、緗色（中黃）、紺青（深藍(lán)色）、黛（褐色）等是中國風(fēng)常用的顏色。

十六、夢幻

夢幻具有奇妙和神秘的感覺，好像在黑暗中找到了一點曙光，奇遇了驚喜一般，所以大多數(shù)情況下，背景色會使用從深色到亮色的漸變。顏色相對會比較豐富，而且以漸變色居多。

十七、女性

女性是溫柔的，是感性的，所以該類色彩組合通常為類比色，偶爾會用一點對比色作為點綴，以增加畫面的活潑氣息，顏色的明度和飽和度都不能太低，當(dāng)然飽和度最好也不要過高，粉色、紫色是常用于表現(xiàn)女性的色彩。

十八、優(yōu)雅

優(yōu)雅可以理解為低調(diào)、高級、溫和、安靜，所以這類色彩的對比通常不會太強，飽和度也會比較低，整體的色彩調(diào)性會偏中性，常用卡其色、麻色，還有單色組合及類比色組合。

十九、經(jīng)典色彩組合

除了以上十八大調(diào)性，蔥爺還給大家推薦一些經(jīng)典的配色，很難把它們具體歸為哪一類，但是我們在做很多設(shè)計時，用上這種配色總能得到不錯的效果，比如紅黃黑、紅白藍(lán)、黃綠黑、等等，在很多平面海報設(shè)計中經(jīng)常能看到。

正文

經(jīng)常使用愛奇藝刷劇的同學(xué)，有沒有發(fā)現(xiàn)愛奇藝的應(yīng)用圖標(biāo)又變了。前段時間愛奇藝針對品牌設(shè)計進行了較大的調(diào)整，最近又悄悄地將應(yīng)用圖標(biāo)的背景色換成了這種多彩色混合漸變的形式。

針對這個視覺效果估計大家各有看法，我們就不討論這個話題了，今天黑馬哥是來出教程的~O(∩_∩)O~。

這個類似于極光/彌散漸變的風(fēng)格最近也比較流行，在 UI 場景中的運用也是比較普及的，被運用到應(yīng)用圖標(biāo)的案例中相對較少。大概的回憶了一下，也有一些產(chǎn)品會使用，特別是比較知名的 Instagram 很早之前就使用了，也成為了流行趨勢中的優(yōu)秀案例之一。

通過極光/彌散漸變（混合漸變）的形式強化應(yīng)用圖標(biāo)外輪廓背景，不僅可以提高視覺感，也是體現(xiàn)年輕化趨勢的一種色彩表現(xiàn)形式。不過漸變中的色彩本身也是關(guān)鍵性的因素，如果色彩不夠年輕活潑，帶來的效果也是千差萬別的。

一、漸變的表現(xiàn)形式

漸變色在我們的設(shè)計中是非常普及的，漸變色分為線性漸變、徑向漸變、角度漸變、混合漸變、流體漸變等形式。不同的漸變形式可以營造不一樣的視覺體驗，可以豐富色彩環(huán)境、強化光影質(zhì)感、增強層次感和空間感等。

1、線性漸變

這是最常見的一種漸變方式，具備明確的方向性，由兩種或者多種顏色組合形成。相較于單色來說，線性漸變可以使得畫面更加豐富，色彩營造出的層次感更強。

2、徑向漸變

徑向漸變是以中心向外擴散而形成的圓形漸變，可以作為立體感的表現(xiàn)，也可以營造向中心聚攏的光影效果。

3、角度漸變

角度漸變形成類似于雷達掃描的效果，屬于運用相對較少的漸變形式。在一些應(yīng)用圖標(biāo)的外輪廓背景中會被使用，也可以作為營造產(chǎn)品的光影變化。

4、混合漸變

混合漸變就是多種顏色隨機混合，色彩形成不均勻的自然彌散開，也可以成為彌散漸變或者極光漸變。是最近比較流行的視覺風(fēng)格，可以呈現(xiàn)出豐富的色彩變化和隨性自然的年輕化趨勢，被廣泛應(yīng)用到平面設(shè)計、UI 設(shè)計、電商設(shè)計等眾多視覺設(shè)計領(lǐng)域。

5、流體漸變

流體漸變就是多種顏色漸變組合，形成帶有流動感的視覺效果，通常作為背景來豐富設(shè)計的視覺感。也有動態(tài)形式的流體漸變，在 APP 和一些屏幕壁紙中出現(xiàn)，帶來的感官體驗也是非常不錯的。

隨著視覺感官體驗的不斷追求，設(shè)計師已經(jīng)不滿足于趨于平面化的漸變形式，探索出造型多變、色彩豐富、刺激感官的視覺體驗，以更加豐富的表現(xiàn)形式來探索漸變方式。

二、漸變小教程

線性漸變、徑向漸變和角度漸變實現(xiàn)起來比較簡單，軟件自帶的漸變屬性即可滿足。下面重點給大家分享如何實現(xiàn)混合漸變的效果，以后再單獨給大家分享關(guān)于流體漸變的技巧。

混合漸變顧名思義就是將多種顏色進行混合，形成色彩豐富的過度效果，需要把控的是顏色之間的自然過渡。

方法一：

通過繪制幾個不同顏色的形狀圖形，然后執(zhí)行高斯模糊形成混合漸變，模糊的參數(shù)值要適當(dāng)大一些，一直到顏色自然過渡為止。

方法二：

如果想要隨機性大一些，可以通過畫筆工具隨意涂抹顏色，這樣形成的效果更加隨機性。然后再執(zhí)行高斯模糊將顏色融合，帶來自然隨性的視覺體驗。

三、分享幾個案例

不能只是紙上談兵，只有反復(fù)磨練和嘗試才會熟能生巧。根據(jù)以上的方式黑馬哥完成了以下的作品案例，大家也一起來動動手吧！

1、鄰近色系易把控

混合漸變技法層面來說并不難，配色是相對具備難度的，很多同學(xué)都會因為配色不到位而做不出優(yōu)秀的作品。針對應(yīng)用圖標(biāo)設(shè)計中的配色來說，鄰近色系的搭配是最容易把控的。選擇色相范圍在 60° 以內(nèi)的色值，混合出來的色彩排斥感都是比較低的，融合度比較高，能夠呈現(xiàn)出比較舒適自然的視覺感官體驗。

如果選擇了色相角度大于 60° 的色值，只要數(shù)值的增減關(guān)系控制在 30° 以內(nèi)都屬于可控范圍，這時候如果出現(xiàn)較大的色彩排斥感，可以通過降低不透明度來進行視覺平衡。

2、強視覺感還得對比色

雖然鄰近色的處理比較容易把控，但是帶來的視覺感也是與顏色對比關(guān)系成正比的，想要達到強視覺感還得選對比色。色相選擇范圍在 120°~180° 之間的色值，容易形成較強的視覺張力，通過增加高斯模糊的值才能稍微過度相互之間的色彩排斥感。

3、學(xué)會舉一反三

今天分享的經(jīng)驗不局限于應(yīng)用圖標(biāo)的設(shè)計范疇，我們要學(xué)會將這個技法舉一反三，運用到更多的設(shè)計場景中。比如在下面作品中的一組信息卡片的設(shè)計中，通過混合漸變形成的卡片背景提高了局部的視覺感，配合磨砂玻璃質(zhì)感的運用，提高了該部分的視覺感官體驗。

4、其他作品欣賞

為了輔助大家理解和開拓思維，為大家選擇了幾個類似的案例作品，希望可以帶給大家更多設(shè)計靈感。（以下作品版權(quán)歸屬原作者，僅作為學(xué)習(xí)交流）

四、布置一個小作業(yè)

通過對混合漸變實現(xiàn)技巧的學(xué)習(xí)和案例欣賞，相信大家對于混合漸變有了比較全面的認(rèn)知。學(xué)以致用的目的，下面為大家準(zhǔn)備了一個小作業(yè)，希望以此來強化大家的理解。

根據(jù)以上示意圖提供的高保真原型圖，以混合漸變的形式增強其作品的視覺感。

以下方案為黑馬哥完成的一個示意，大家可以轉(zhuǎn)換思維和調(diào)整新的配色方案，輸出不一樣的全新作品。

作者：黑馬青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》這個效果原來是這樣做出來的

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

首先，我們一起解讀業(yè)務(wù)場景、身份、及功能；業(yè)務(wù)場景是全品類綜合電商直播間，身份是主播的虛擬助理，直播間的功能是為用戶答疑解惑；基于這三個背景，初步勾勒了角色標(biāo)簽，目標(biāo)是創(chuàng)造一個富含親和力的虛擬助理形象，來呼應(yīng)全品類綜合直播場景和虛擬助理身份。 

行業(yè)洞察

設(shè)定架構(gòu)

最后，結(jié)合形象的“內(nèi)在+外在”的體現(xiàn)，與巴卡羅兩大風(fēng)格要素“曲直+量感”，來塑造親和力的直播間虛擬助理形象；拆解內(nèi)在圍繞性格/氣質(zhì)/眼神特征，外在圍繞形象（體型/面貌/穿搭）、舉止與表情三大框架設(shè)定形象，共同塑造親和力和感染力的形象。

01 內(nèi)在心與神 

解析內(nèi)在形象對應(yīng)的兩大風(fēng)格要素-曲直+量感，細(xì)分量感的指標(biāo)是成熟/青春、外向/內(nèi)向、開朗/穩(wěn)重的綜合值，曲直的指標(biāo)是熱情/冷漠、柔和/剛烈、感性/理性的綜合值。而親和力的內(nèi)在形象，量感偏小—開朗的性格、青春樂觀的心態(tài)、以及外向的性格；曲直偏曲—需具備大方熱情的氣質(zhì)、柔和的眼神、感性的情感表達，拉近和溝通者的距離，在直播間為用戶答疑解惑時，第一次見面也能給所有人留下親切、可信任的印象。

02 外在形與貌

解析外在形象對應(yīng)的兩大風(fēng)格要素-曲直+量感，細(xì)分量感的指標(biāo)是大小、輕重、粗細(xì)、深淺、寬窄、薄厚、濃淡的綜合值，曲直的指標(biāo)是直曲、冷暖、方圓、硬軟的綜合值；量感偏小—特征是窄細(xì)淺小短薄淡，帶來柔和自然；曲直偏曲—特征是圓暖曲軟，和用戶溝通時圓潤舒適，以此來指引親和形象的設(shè)定。  a）形象親和接下來，外在形象圍繞體型/面貌/穿搭三步走框架，搭建親和力的決策框架。體型

第一步，體型選擇胖瘦適中（曲直適中）；肩腰臀比例協(xié)調(diào)/凹凸有致的X型（量感適中），理想型身材穿什么衣服都好看。

面貌五官

第二步，五官的起點是臉型，選擇曲直適中，長短適中的鵝蛋臉（額頭與顴骨等距），不挑發(fā)型。

確定臉型后，是五官的決策，我們通過洞察發(fā)現(xiàn)，許多保持高熱度的卡通形象最顯著的共同特征就是擁有一雙甜美可愛的大眼睛，表情生動親切，無攻擊性。在五官比例上，三庭中的中庭稍長，五眼中兩側(cè)較短，注重眼睛神情的表達。因此，在設(shè)計初始，我們先以眼睛為中心，再逐一展開眼睛/眉毛/嘴巴/鼻子的設(shè)定。

眼睛：定位生動的大眼（量感大）獲得生動的神情；眼型結(jié)合圓眼+桃花眼（偏曲），上眼皮弧度圓潤飽滿，自帶月牙般微笑感。

眉毛：定位粗細(xì)適中（量感適中），眉峰圓潤/眉尾自然向下的小挑眉（曲直適中）。

嘴巴：定位小嘴唇（量感?。叫瓦x擇微笑唇，嘴角上揚提升友好度（曲直適中）。

鼻子：定位鼻翼窄小的小鼻（量感?。槐切瓦x擇鼻頭上翹的小翹鼻（曲直適中），搭配鵝蛋臉臉型。

妝容

在妝容上，嘗試融入電商熱賣元素-火苗，來進行面部彩繪，呼應(yīng)電商直播間虛擬助理的身份。

頭發(fā)

五官和妝容確定后，開始做她的頭發(fā)，長短適中的中長發(fā)（量感適中）、發(fā)尾微微外卷俏皮柔美（曲直適中）、高顱頂發(fā)型蓬松透氣。

到這里，咱們面貌的部分就告一段落了，親和力的五官，并不是說每一個五官都要量感小、曲度適中；咱們圍繞業(yè)務(wù)場景、身份與功能，科學(xué)的創(chuàng)造虛擬形象，需注重五官與臉型的比例，和五官之間的相互搭配。

穿搭

第三步，是穿搭的設(shè)定，以上體型和面貌量感/曲直的設(shè)定，與穿衣風(fēng)格有著密不可分的關(guān)系。我們以修身得體為方向，嘗試了優(yōu)雅的輕熟風(fēng)、服務(wù)型身份的職業(yè)裝、以及休閑百搭的休閑裝-T恤和牛仔褲；因輕熟風(fēng)的連衣裙便利性差，職業(yè)裝略過正式有距離感，最終選擇休閑裝即適用于多品類直播間場景，又給人親和感拉近距離。

b）舉止優(yōu)雅

根據(jù)虛擬助理的六大服務(wù)場景，定義優(yōu)雅的肢體語言，在與和用戶交流時，從肢體語言（站姿、手勢、頭部、眼神、面部表情….)中流露出周到的禮節(jié)、細(xì)致的行為，給予用戶友好的指引與反饋。

c）表情生動

咱們按照場景把基本情緒劃分為快樂、傷感兩類；歡迎/引導(dǎo)/收到贊的正向行為，表現(xiàn)為快樂的微笑；答不上來問題和收到踩的負(fù)向行為，表現(xiàn)為傷感的噘嘴/皺眉，避免使用帶有攻擊性的（悲痛、憤怒、憎恨）。

‘

寫在最后

作者： 富媒體用戶體驗 

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》百度直播丨塑造親和力的直播間虛擬助理形象

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

在七夕期間使用抖音APP點贊時，圖標(biāo)會變成玫瑰花符號，多次點擊會出現(xiàn)滿屏的玫瑰花，讓點贊設(shè)計變得更加趣味化。并且與同類競品在點贊的交互設(shè)計細(xì)節(jié)上產(chǎn)生差異化，給用戶帶來與節(jié)日相關(guān)聯(lián)的，更加豐富的視覺和感官的觸動。該設(shè)計方案不僅提高產(chǎn)品的調(diào)性與用戶體驗，并且與用戶在節(jié)日情感上產(chǎn)生更深的共鳴。

二、【飛書】左側(cè)聊天框交互設(shè)計探索

飛書作為一個辦公協(xié)作平臺，在解決團隊溝通效率方面下足了功夫。鑒于人們在認(rèn)真閱讀某些信息時，通常是從左到右、從上到下的瀏覽習(xí)慣，飛書的聊天信息全都靠左排列也正好印證了這一點，一改往常閑聊時較為隨意的習(xí)慣，不僅能潛移默化的暗示用戶在交流過程中該有的工作態(tài)度，還能提高其專注度、以及團隊之間的溝通效率。

在使用場景中，用戶可以把工作的聊天記錄當(dāng)成文檔來看待，減少與工作無關(guān)的聊天內(nèi)容，使得聊天記錄就是會議紀(jì)要。

用戶也可以通過飛書的設(shè)置，自由地更改聊天消息的左右排布。使不習(xí)慣于左側(cè)聊天排布的用戶調(diào)整的自由，減少這類型用戶的排斥心理反應(yīng)。

三、【閑魚】賣閑置圖標(biāo)場景設(shè)計

閑魚將“賣閑置”的駝峰標(biāo)簽欄設(shè)計成“電風(fēng)扇”的動態(tài)圖標(biāo)形式，結(jié)合近期高溫天氣，給用戶帶來心理上涼爽的使用體驗。

四、【每平每屋】加入話題圈卡片動效設(shè)計

每平每屋的話題圈添加卡片，做成了非常有意思的ip人物撥弄+號的動效。在視覺上起到了強調(diào)的作用，也能驅(qū)動用戶的好奇心和體驗心，增加話題圈的點擊率和加入率，讓加入圈子這件事變得輕松有趣。

五、【Snapchat】角色創(chuàng)建功能應(yīng)用設(shè)計

在Snapchat中角色創(chuàng)建完成后，在相應(yīng)的應(yīng)用功能界面，則會替換成用戶的專屬角色。

如：地圖界面、表情包界面、引導(dǎo)界面以及視頻流界面。

該設(shè)計以專屬角色代替用戶視角，通過讓專屬角色深入的參與每一個功能來提高用戶粘性，以及用戶存在感和歸屬感。

六、【Snapchat】底部欄故事功能設(shè)計

Snapchat將故事視頻流設(shè)計成了視頻“合集”，用戶點開視頻，通過下滑或者點擊創(chuàng)作者的名稱來關(guān)注或者查看不同的視頻合集。視頻合集分為xx季xx集，方便用戶快速篩選。

另一個不同于普遍的視頻功能設(shè)計點中，Snapchat將單擊視頻【暫停】的功能設(shè)計成了單擊【快進】，視頻切換則是左右切換。對于中國用戶，需要時間來適應(yīng)不同的交互習(xí)慣。

七、【Gravity】頭像裝扮設(shè)計探索

在Gravity這款社交軟件中，用戶無法使用設(shè)置頭像功能，產(chǎn)品將用戶系統(tǒng)角色替代照片頭像。在軟件中模糊用戶的頭像存在感，使用戶發(fā)出的內(nèi)容成為社交重點，塑造一個半匿名社交平臺的屬性。而角色商城的裝扮，則滿足了用戶頭像多樣性的選擇，同時通過這種方式提高了產(chǎn)品變現(xiàn)的能力。

八、【Gravity】角色場景界面

在Gravity的角色場景界面中，用戶可以根據(jù)心情、生活、興趣等場景來切換自己的展示形象。也可以邀請好友進入自己的場景界面，形成一個動態(tài)的“朋友圈”，通過切換場景來表示自己最近的狀態(tài)和生活。動態(tài)朋友圈的建立能夠增加用戶與用戶之間的聯(lián)系，增強用戶對平臺的粘性。

九、【羊駝日語】首頁卡片功能設(shè)計

羊駝日語的首頁不同于其他APP，摒棄了首頁頭部banner或者金剛區(qū)的設(shè)計方法，羊駝日語將動漫風(fēng)融合進APP的設(shè)計風(fēng)格中，將首頁的卡片區(qū)動漫人物做主要突出。新穎的設(shè)計讓用戶眼前一亮的同時將思維引導(dǎo)到卡片功能上去，引導(dǎo)用戶進行點擊，提升學(xué)習(xí)率。

十、【型影】構(gòu)圖姿勢輔助功能設(shè)計

如果你拍照總是肢體僵硬，不會擺姿勢，那你一定要下載這個APP。

型影APP的構(gòu)圖姿勢由創(chuàng)作者提供，內(nèi)含幾千種不同場景不同姿勢的構(gòu)圖擺拍。

只需要點擊你喜歡的同款照片，打開相機，視頻中的輔助線能夠幫助你一比一復(fù)刻博主同款poss！

作者：黑馬青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》快來看看這些小功能里面的設(shè)計驚喜

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

幾輪信息傳播下來，我的好奇心就這么被激起來了。于是到小程序里找到游戲，玩了幾把。最直觀的感覺就是“確實難度很高”，而且與之前的玩過的游戲還真有點不一樣。

一、產(chǎn)品玩法

1、門檻低

本質(zhì)上來說，《羊了個羊》是一款消消樂游戲。消消樂的特點就是門檻低，沒有復(fù)雜的操作，用戶只要點幾下就可以了。第一關(guān)太簡單了，更多的是為了教學(xué)而服務(wù)的。也正是因為簡單，我不知道“卡槽里的3個相同的卡牌，即使不相鄰也是可以消除的”，不過玩了幾局后我就明白了。

2、單局時間短

微信小游戲有一個特點就是時間短，用戶可以隨進隨出，單局不會占用太多的用戶時間，但是玩起來后也容易上癮。這似乎與短視頻非常相似，本想著只看一個視頻，也就3-5分鐘，不會浪費太多時間，但是一旦開始了，根本停不下來。

前幾天，在我兒子的引導(dǎo)下，玩了一個賽車游戲。剛開始想就玩一局，結(jié)果是一局接一局，中秋放假2個晚上都玩到了深夜。

3、難度高

《羊了個羊》與傳統(tǒng)的消消樂游戲又有些不同，增加了疊牌設(shè)計、卡槽消除玩法。看起來簡單，玩起來實際上非常燒腦。

疊牌的玩法就是用戶必須要消除上層的卡牌，才能激活下層卡牌。有了消除的先后順序，就要求用戶必須有一定的策略，才可能通關(guān)。

卡槽用來放置用戶選擇的卡牌，卡槽中出現(xiàn)了3個一樣圖案的卡牌則可以消除，當(dāng)卡槽滿了，也就意味游戲失敗。即使卡池上存在3個一樣圖案的卡牌，但是卡槽中沒有了空位，游戲仍然失敗。

所以用戶不僅要關(guān)注卡池中的卡牌層級，還要關(guān)注卡槽中卡牌情況。

因此，游戲在宣傳方面打出了“通關(guān)率只有0.1%”的口號。為什么搞這么高的游戲難度呢？

二、第二關(guān)都過不去的難度

任何游戲都必須要有一定的難度，否則用戶玩幾局就會覺得“缺乏挑戰(zhàn)性，沒意思”。但是只到第二關(guān)的難度，我也是第一次見。這種難度給游戲帶了什么呢？

1、話題性帶來流量

雖然很多游戲會有獲得成就引導(dǎo)分享，或者分享朋友圈、好友圈復(fù)活玩法等等，但是用戶要么不做分享，或者都是非常被動的分享。而這次用戶發(fā)朋友圈，或許都是主動而為。

最大的引爆點就是游戲難度，有難度才會有話題性，用戶才有分享和互動的欲望，才能引起更多人的關(guān)注。而朋友圈、分析文章、短視頻各種渠道掀起的話題，肯定為游戲帶來相當(dāng)大的用戶流量。

2、用戶挑戰(zhàn)欲望

如果有人對你說，“有款消消樂游戲挺好玩的，要不要試試？”，你也許只會微微一笑，甚至嗤之以鼻。

但是如果有人對你說，“有款消消樂游戲，你第二關(guān)都過不去”。你會怎樣？

大概率想“怎么可能呢？我要挑戰(zhàn)一下”。用戶嘗試的欲望就起來了。結(jié)果，用戶越是挑戰(zhàn)不成功，越想挑戰(zhàn)。

3、方便廣告植入

游戲難度最終是商業(yè)化服務(wù)的，用戶多次嘗試后不成功，就會求助道具或者啟用一次復(fù)活機會。特別是單局已經(jīng)投入了較多的時間成本，眼看快要成功通關(guān)的關(guān)鍵時刻，沉沒成本促使大多數(shù)用戶犧牲30秒的廣告時間，換取一次復(fù)活的機會。

只要看廣告的人越多，錢也就賺得越多，游戲的難度也是為了“如何讓玩家看更多廣告”而服務(wù)的。

4、減少游戲投入

對于游戲這種產(chǎn)品來說，真正的熱度應(yīng)當(dāng)來自于游戲內(nèi)容，以及其帶給玩家精神層次的愉悅體驗、世界觀、價值觀構(gòu)筑等方面；而游戲公司通過制作優(yōu)質(zhì)內(nèi)容的游戲，獲取商業(yè)利益，再持續(xù)開發(fā)更多游戲吸引更多關(guān)注。

所以傳統(tǒng)的關(guān)卡游戲可能是幾十上百關(guān)，甚至更多，大家也都習(xí)以為常了。隨著關(guān)卡增加，游戲會慢慢加入新的玩法，吸引用戶不斷地玩下去，最終讓用戶長期上癮。希望像擠奶牛一樣，持續(xù)性地挖掘用戶的價值。

《羊了個羊》則完全反其道而行之。

似乎是考慮到當(dāng)下小程序游戲非常容易相互模仿。一旦一款游戲火了，之后就會冒出各種相似的游戲，就會面臨激烈的競爭。所以《羊了個羊》改變了游戲策略，通過拉高關(guān)卡難度，讓用戶一直停留在第二關(guān)（也許有更多關(guān)，因為我沒有玩過第二關(guān)），從而減少游戲的開發(fā)成本。

這種更像是快餐模式，不用過多地?fù)?dān)心游戲風(fēng)潮會過去，也不用擔(dān)心用戶流失，畢竟游戲的投入并不高。

而一些當(dāng)時風(fēng)靡一時的小游戲，例如“跳一跳”、“打紙飛機”、“旅行青蛙”等，確實在大火之后迅速降溫。想想自己這幾年也曾經(jīng)玩過一些小游戲，不過基本上都是“3分鐘熱度”，玩一段時間就放棄了。

或許這也是《羊了個羊》拔高游戲難度的一個原因吧。

三、關(guān)于激勵機制

當(dāng)然，在《羊了個羊》游戲中也有傳統(tǒng)游戲必備的激勵機制。例如有省區(qū)代表隊排名，“最強王者”等榮譽勛章稱號。但這些激勵機制在目前的階段，似乎并不重要，通關(guān)成為了用戶最大的目標(biāo)。用馬斯洛需求層次理論來解釋就更加合理了，溫飽還沒解決，談什么個人榮譽呢？

用戶當(dāng)前最大的需求就是“該如何沖過第二關(guān)”。

以上就是我的一些思考，歡迎大家評論區(qū)留言交流～

作者：子牧先生

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》火出圈的《羊了個羊》，到底做了什么？

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

在商業(yè)設(shè)計中，好看和有效按理來說應(yīng)該是一體的，因為脫離了市場需求的好看沒有意義，而設(shè)計師所做的工作就是要解決降低傳播成本的問題，通過專業(yè)的審美和技巧讓設(shè)計更美觀，也是為了滿足市場需求、達到更好的傳播效果。

舉個例子，在一張產(chǎn)品海報中，最好不要讓一個產(chǎn)品孤零零的“飄”在海報上，而應(yīng)該加一些元素與產(chǎn)品進行組合，以強調(diào)產(chǎn)品的功能屬性和行業(yè)屬性等；或者搭建一個場景加強氛圍感；又或者加上用戶以加強代入感。這些處理手段都是從設(shè)計的功能性來考慮的，但是出來的視覺效果確實也會比只擺放產(chǎn)品要更好看。

比如上面兩張海報，忽略畫面中的文案意思和尺寸，單純從設(shè)計上來看，很明顯圖二更好看，也更有帶入感和氛圍感，所以相比之下，圖二更符合市場需求。

而如果不出于對市場的考慮，只要做到美觀，那么我們就可以在產(chǎn)品周圍加很多花哨的元素，甚至把產(chǎn)品和文案盡量縮小，讓裝飾元素作為主導(dǎo)，這樣可能更好看，但是產(chǎn)品和文案被搶了風(fēng)頭，消費者的關(guān)注點都在裝飾元素上，導(dǎo)致最終效果可能會大打折扣，這就是不符合市場需求的好看?，F(xiàn)在很多國內(nèi)的電商設(shè)計在這一方面有比較明顯的問題。

還有一個老生常談的問題，就是關(guān)于中文和英文的排版問題，我們都知道用英文排版更容易做出好看、洋氣的版面，所以現(xiàn)在的很多海報中都會有英文。

其實適當(dāng)加一點英文進行輔助也沒什么不好，畢竟我們可以把英文當(dāng)成是與產(chǎn)品或主題相關(guān)的元素，既然圖形能做裝飾元素，那么文字也可以，何況現(xiàn)在國人整體的英文水平也有所提高，國內(nèi)也有不少國外友人。

但主次問題一定要把握好，既然是國產(chǎn)品牌，目標(biāo)群體又是普通的國內(nèi)大眾，以中文為主、突出中文才是符合市場需求的。著重突出英文或許會更加好看，但同時也會弱化中文，那么傳播成本就提高了，甚至還會讓消費者懷疑，在這些看不懂的英文里是不是隱藏了一些對他們不利的信息，所以這種做法并不可取，客戶通常也接受不了。

二、并不是丑的設(shè)計就有效

有很多設(shè)計師會習(xí)慣性的以為，好看的設(shè)計就是花里胡哨的、沒有效果的；而丑的設(shè)計就是接地氣的、有效果的、符合市場需求的，甚至喜歡把符合市場需求當(dāng)成設(shè)計不好看的借口，這絕對是一個誤區(qū)。

比如有些人覺得椰樹牌椰汁包裝很有效，是因為它丑，其實美與丑只是個人的視覺感受，美丑之下傳遞了什么信息、達到了怎樣的效果才是關(guān)鍵。椰樹椰汁的包裝之所以有效，不是因為它丑，而是因為它不一樣，還有它把包裝本身當(dāng)成了廣告媒體，大量宣傳了它的利益點。

想象一下，如果一開始的包裝就請設(shè)計師按照這種思路精心排版一番，做好看、做時尚一點，效果難道會比這個差嗎？應(yīng)該不會吧，而且可能年輕人會更喜歡，更敢于拿著它走在大街上。

▲ 上圖是網(wǎng)友自發(fā)設(shè)計的包裝。

還有的人覺得有效的設(shè)計就是把文字和圖片都盡可能地放大、把重點文字填充成大紅色，邏輯是面積占比大了、顏色不一樣了，自然更容易被看到、更容易閱讀，所以更有效。而事實上不一定，原因有三。

? 如果所有信息都大、都突出，那么就等于沒有重點，消費者在有限的時間里不知道該看什么。

? 如果文字和圖片都大，那么留白空間就會減少，版面太擁擠就會加大閱讀的難度。

? 如果因為元素太大、紅色強調(diào)的信息太多，從而導(dǎo)致畫面變得很難看，那么可能會引起消費者反感，從而放棄閱讀信息，甚至是損害品牌的形象。

下圖是蔥爺在一家超市門口看到的海報，文字都很大，版面得到了充分利用，也用顏色突出了重點信息，但是效果很好嗎？不一定吧，如果合理美化一下是不是能得到更好的效果。

把重點信息放大、用紅色突出也沒有錯，但突出信息的方式不只有這兩種，以不變應(yīng)萬變的種做法很偷懶，效果也不會太好。

三、如何在符合市場需求的基礎(chǔ)上盡量做好看？

1、加強氛圍感

即把產(chǎn)品或主題的屬性加強，比如科技產(chǎn)品的設(shè)計要有很強的科技感、食品海報要有很強的食欲、運動海報要有動感和放飛自我的感覺。加強氛圍感的主要方式有增加場景、增加光影、填充大面積的顏色、增加與產(chǎn)品相關(guān)的素材等等。

加強氛圍感強可以使設(shè)計在視覺上變得更美觀，但基本不會影響到原來信息的可讀性、產(chǎn)品也不會被搶風(fēng)頭，這樣的設(shè)計會更有帶入感，更能促進消費者采取行動。

比如在上面的兩則banner中，圖二在圖一的基礎(chǔ)上增加了背景色和光影，氛圍感增強了很多，同時視覺上也更好看了。

2、加強設(shè)計的形式感

比如使用一種新穎的構(gòu)圖方式、新設(shè)計風(fēng)格、新的創(chuàng)意表現(xiàn)、新的元素組合方式等，有形式感的設(shè)計會更整體、更特別。當(dāng)然，在視覺上也會比沒有形式感的設(shè)計更美觀、更具視覺沖擊力。

3、有主次、有層級

產(chǎn)品和重要信息當(dāng)然可以突出，但不能盲目地突出，而是要按信息的重要程度和邏輯關(guān)系來安排信息的層級關(guān)系，引導(dǎo)消費者高效閱讀信息。

4、設(shè)計手段不要太單一

比如為了突出重點信息，我們除了放大字體還可以采用其他手法，還可以加強字體對比、空間對比、方向?qū)Ρ取⒖臻g對比、留白對比、風(fēng)格對比、點線面對比等手段，照樣能起到突出的作用。而且手法豐富了以后，視覺就不會那么單調(diào)，從而也會好看很多。

▲ 圖二比圖一 的設(shè)計手法就要豐富一些。

5、細(xì)節(jié)要精致

在設(shè)計大方向做得不錯的情況下，如果再加強細(xì)節(jié)的處理，那么其美觀性也可以得到很大提升。比如把標(biāo)題做一下字體設(shè)計、把圖片精修一下、顏色搭配在整體和諧的基礎(chǔ)上增加一點新意、排版用網(wǎng)格系統(tǒng)規(guī)范一下等等。

比如在上圖的兩張海報中，圖二在圖一的基礎(chǔ)上做了圖片美化、網(wǎng)格規(guī)范排版、色彩優(yōu)化等細(xì)節(jié)調(diào)整，視覺上也更美觀了，甚至也更符合市場需求了。

想要設(shè)計既能滿足市場需求又能滿足審美需求，確實不是一件容易的事情，因為設(shè)計不是數(shù)學(xué)，沒有標(biāo)準(zhǔn)答案，如何把握好這個度，如何讓兩者完美結(jié)合達到最好的效果，是需要設(shè)計師去反復(fù)探索和嘗試的，但毫無疑問，它們是可以共存的，而且應(yīng)該共存。

作者：蔥爺

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》怎樣解決設(shè)計好看又符合市場需求的問題？

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

作者：黑馬青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》嗨皮出行 APP 全新 V2.0 設(shè)計總結(jié)

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

 

因此，在開始著手設(shè)計前，建議設(shè)計同學(xué)要和AE或客戶確認(rèn)好目標(biāo)用戶、使用場景和時間節(jié)點等關(guān)鍵信息。只有在思考到這些之后，才能盡量確保自己的設(shè)計能真正助力品牌或一場營銷活動。 

 

“字再大點兒”這幾個字在商業(yè)設(shè)計上“戰(zhàn)功卓著”，引無數(shù)設(shè)計同仁競折腰…把字放大和設(shè)計師對審美的堅持，有辦法調(diào)和么？面對諸如此類的“設(shè)計需求”，我們可以如何拆招呢？ 

以上兩個例子雖然都沒有直接按照需求把字放大，但同樣能達到客戶的預(yù)期，因為通過這些變化，我們實現(xiàn)了更醒目，傳播信號更強的目的。

除了字要大，“沒有品質(zhì)感”應(yīng)該也是讓各位設(shè)計同學(xué)經(jīng)常撓頭的反饋了…按照上面所講，我們來嘗試翻譯下這個需求。

 

 

再來看一個比較常見的客戶反饋——“看著不喜慶，想用大紅色”。一般情況下，如果按照這個訴求直接調(diào)整，可能會影響整體的美觀性，這個時候我們是不是可以嘗試換一個同色調(diào)的其它顏色呢？

 

? 按照客戶的要求調(diào)整后，雖然看起來有一些喜慶的氛圍，但畫面顯得不透氣，并且也和主體的顏色類似，造成畫面沒有層次感。

 

 

  

這是因為，雖然在各位設(shè)計同學(xué)眼中，我們使用的是不同的顏色（它們唯一的共性是暖色，即使在簡版的潘通色卡中，暖色就有上百種），但是很抱歉，它們在客戶這塊兒，可能統(tǒng)一都被稱為是“大紅色”。 

所以，當(dāng)客戶表面上在說要喜慶、要大紅色時，我們可以嘗試進行需求的翻譯，其內(nèi)在的訴求可能是想傳達溫暖、親切感；也可能是熱鬧、豪放感…大家可以根據(jù)實際服務(wù)項目的行業(yè)屬性、風(fēng)格特征等做進一步的分析，靈活運用。

寫在最后：

 

作者：大目

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》需求太朦朧，設(shè)計師如何拆招？

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍(lán)小助，微信號:ben_lanlan，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司