<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          有駕在現場 車展品牌全案設計【百度】

          seo達人


          一、什么是“有駕在現場”

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

          車展對有駕來說是一個流量爆發的大事件,2021年廣州車展期間有駕品牌全網曝光累計6.3億次,創歷史新高。而【有駕在現場】是百度有駕歷年車展系列活動沉淀下來的品牌IP,已經成為活動固定的品牌標識。

          圖片

           

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

          借勢車展的關注度與影響力,我們想要通過分析調研總結,對本次車展進行視覺定調,建立品牌識別體系,沉淀專屬有駕車展活動的品牌符號和印記;進行線上線下聯合推廣來打造有駕車展品牌全案,提升有駕的品牌影響力;優化活動體驗來為平臺進行引流,讓用戶對有駕產品有更明確的認知。

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

          圖片

          以打造品牌全案為出發點,我們梳理了以下項目計劃。

          圖片

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

           

          三、分析項目現狀總結優化點

          根據過往車展項目分析,總結發現存在品牌識別度較弱且沒有統一規范、品牌統一性較弱導致用戶認知成本較高等問題。

          圖片

           

          四、提煉品牌關鍵詞

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

          圖片

           

          五、視覺定調

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

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

          圖片

           

          六、建立品牌體系

          確定基礎視覺調性后,我們通過形色質構來規范和輸出有駕車展品牌vi規范,建立有駕車展品牌體系,以提升視覺的產出效率,確保線上線下視覺輸出的一致性。

          圖片

           

          七、品牌LOGO

          【有駕在現場】是有駕多年延續下來的品牌基因,本次車展也將繼續夯實品牌資產,進行優化升級傳遞品牌調性。

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

          圖片

           

          八、色彩嘗試

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

          圖片

           

          九、組件化通用元素

          通過組件化通用元素,不同物料可以快速復用,節約設計成本,解決整個活動的視覺一致性,同時可以沉淀設計資產。

          圖片

           

          十、車展主KV

          根據關鍵詞【未來感】【年輕化】分析適合有駕的設計風格和調性,通過三維建模的畫面表現形式,構建充滿科技感的賽博朋克畫面,打造潮流科技的有駕車展基礎場景。

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

          根據上述的內容進行車展主kv的場景設定,輸出了草圖方案。

          圖片

          整個場景圍繞“有駕在現場”進行設計,融合車展相關元素,滲透品牌標識。

          采用3D和2D相結合的形式,用C4D進行場景搭建,OC渲染器進行燈光材質的渲染,反復修改調整場景布局、元素等,最終輸出三維設計圖后進行PS后期,輸出最終的主視覺。

          圖片

          根據以上內容,輸出了對應的車展VI規范。

          圖片

           

          十一、車展專題頁

          根據主KV及VI規范進行專題頁的延展,部分內容復用過往車展框架模塊。

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

          圖片

           

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

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

          圖片

          在玩法方面,本次集卡活動延續過往活動做任務得車卡的主玩法,優化活動體驗,新增了合成稀有卡可參與大轉盤抽獎的玩法以激勵用戶集卡,同時設立了車展大眾日,在當天進入活動的用戶可以獲得現金紅包,以此來激勵用戶回流,豐富活動玩法。

          圖片

          集車卡活動的主視覺元素及配色是依據vi規范,保證整體品牌調性的統一;普通靚車卡背景延續主視覺背景,稀有卡嘗試不同配色和場景凸顯其特殊性。

          圖片

          除了專題頁和集卡活動,線上還包括端內社區活動設計,整體視覺調性都與我們輸出的車展品牌vi保持統一。

          圖片

           

          十三、倒計時海報

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

          圖片

          圖片

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

          圖片

           

          十四、總結

          【有駕在現場】作為百度有駕車展品牌活動,我們通過未來感、年輕化、體驗感三個維度來塑造有駕車展系列活動的品牌調性,搭建了基礎風格,建設三維賽博朋克高品質主視覺,視覺元素細節驚喜感打磨,通過優化活動玩法進行引流,沉淀出新的大事件視覺設計思路,打造了有駕車展品牌設計全案。

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

           


          作者:設計中臺

          轉載請注明:學UI網》有駕在現場 車展品牌全案設計【百度】

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          如何通過設計語言手冊來傳遞品牌理念!

          seo達人


           

          圖片

          本次以3.0時代加入以人文中心主義的設計,人文感官品牌情懷社區為方向發起升級!58到家作為一款為消費者提供家政服務的產品,致力于為消費者帶來品質生活!設計語言的存在需要將用戶、產品、服務進行結合,并在不同服務中保持統一的展現,從而對體驗和商業上帶來價值。

          我們將產品劃分為三個階段:

          1.0:滿足了以產品為中心的設計,達成生產售賣通順閉環;

          2.0:滿足了以消費者為中心的設計,考慮更多用戶體驗;

           3.0:加入以人文中心主義的設計,人文感官品牌情懷社區。

          圖片

          那么明確了我們本次升級的方向后,制定了整個產品的框架,底層加入了人文感官品牌情懷的相關因素,再應用到我們現有的業務上,在協同上進行高效的鏈接,產品到設計,設計與設計,設計到開發。最終形成了我們的前臺展現頁面。

           

           

          圖片

          最適合用戶的設計語言手冊,才是合理的,那么在3.0階段的人文感官品牌情懷,核心即為人,也就是我們的用戶,首先我們要了解用戶的情感訴求。

          圖片

          根據我們的用戶畫像以及多輪訪談調研, 得知用戶的相關正負情緒。生活當中家務工作的角色分配問題,一直是經常出現的一個場景。用戶希望通過我們的產品服務,來提升生活的幸福指數!

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

           那么品質生活是什么呢?

          圖片

          其實用戶對我們的要求是一款提升生活品質及愉悅感的產品,而非工具。

           

           

          圖片

          綜上所述,我們確定了以品質生活成為我們的本次設計語言升級的slogan,再結合業務的自身特性,我們進行了詳細的拆分后提煉出了以下相關關鍵詞,來滿足用戶更多的情感訴求。

          干凈明亮 

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

          圖片

           

          陽光照射在屋子里,用戶愜意地躺在沙發上,光總是能給人溫馨溫暖的感覺。針對光束進行了深度剖析,過濾掉了光源生硬的進入以及具象光源的展示方案,最終確定使用相對適中的漸變色。

          專業 

          專業是線上線下綜合訴求的結合體,那么在線上加強品牌背書、有跡可循的一致性來達到滿足所的情感訴求。

          高效 

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

          親和力 

          服務行業需必備的能力,微笑服務也成為了我們的業務情感透傳標準。提煉出微笑符號結合我們的實際場景進行運用!

          慢生活… 

          在對用戶的相關情感訴求結合業務進行了落地后,對效率類設計原則也進行了相應的升級。

           

           整體架構 

          應用整體架構也是一個應用對外呈現的基礎結構,是系統風格的體現形式之一,除了特殊設計訴求,通常情況下,應用需要使用通用的應用架構來保持系統的一致性和用戶操作的易用性。

          圖片

           柵格系統 

          布局不是靜態固定的,柵格系統在一個應用內的重要程度不言而喻。我們設定了以4dp / 4pt為基數的柵格系統。

          圖片

           文本原則  

          文本作為產品中用戶獲取信息的主要信息載體,字號大小和字重決定了信息的層級和主次關系。對字號、字重、行高以及組合字體進行了設定,為不同的場景創造了層級分明以及清晰的信息讀取體驗。

          圖片

           間距參數  

          針對頁面內容區域的通用元素間距進行了分類。設計師結合具體場景的情況,來調用間距參數的適配邏輯。以此來結合柵格系統進行更好的適應相關視覺元素符號的對應變化。

          圖片

           圓角參數  

          結合業務屬性保證親和力的透傳,在產品盡量避免出現銳角圖形的設計表達手法。故此針對圓角的大小也進行了系統級別的定義,進行深度統一管理!

          圖片

          語意原則及動效等,并依據相關設計原則產出了組件庫。

           

           

          圖片

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

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

           作者:58UXD

          轉載請注明:學UI網》如何通過設計語言手冊來傳遞品牌理念!

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          160種常用的配色方案,把設計調性拿捏得死死的

          seo達人

          一、高端

          圖片

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

          圖片

           

          二、科技

          圖片

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

          圖片

           

          三、時尚

          圖片

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

          圖片

          圖片

           

          四、酷炫

          圖片

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

          圖片

           

          五、好吃

          圖片

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

          圖片

           

          六、夏天

          圖片

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

          圖片

           

          七、清新

          圖片

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

          圖片

           

          八、快樂

          圖片

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

          圖片

           

          九、可愛

          圖片

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

          圖片

           

          十、健康

          圖片

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

          圖片

           

          十一、運動

          圖片

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

          圖片

           

          十二、科幻

          圖片

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

          圖片

           

          十三、喜慶

          圖片

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

          圖片

           

          十四、復古

          圖片

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

          圖片

           

          十五、中國風

          圖片

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

          圖片

           

          十六、夢幻

          圖片

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

          圖片

           

          十七、女性

          圖片

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

          圖片

           

          十八、優雅

          圖片

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

          圖片

           

          十九、經典色彩組合

          圖片

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

          圖片

           

           

          圖片

          以上所列舉的色彩組合,矩形色塊為背景色,圓形色塊為畫面中圖片元素或文字使用的顏色。根據需要可以把其中的某些純色轉變為單色漸變,或者也可以把某些單色漸變轉化為純色。另外,在不包含黑白灰的色彩組合里,仍可以根據需要自行加入黑白灰,比如用于填充文字的顏色。
          當然,能體現以上這些調性的顏色還有很多,大家可以自行補充,建立起自己的色庫。 

          作者:蔥爺

          轉載請注明:學UI網》160種常用的配色方案,把設計調性拿捏得死死的

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          這個效果原來是這樣做出來的

          seo達人


          圖片

           

          正文

          經常使用愛奇藝刷劇的同學,有沒有發現愛奇藝的應用圖標又變了。前段時間愛奇藝針對品牌設計進行了較大的調整,最近又悄悄地將應用圖標的背景色換成了這種多彩色混合漸變的形式。

          圖片

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

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

          圖片

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

          圖片

           

          一、漸變的表現形式

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

          1、線性漸變

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

          圖片

          2、徑向漸變

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

          圖片

          3、角度漸變

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

          圖片

          4、混合漸變

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

          圖片

          5、流體漸變

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

          圖片

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

           

          二、漸變小教程

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

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

          方法一:

          通過繪制幾個不同顏色的形狀圖形,然后執行高斯模糊形成混合漸變,模糊的參數值要適當大一些,一直到顏色自然過渡為止。

          圖片

          方法二:

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

          圖片

           

          三、分享幾個案例

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

          1、鄰近色系易把控

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

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

          圖片

          2、強視覺感還得對比色

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

          圖片

          3、學會舉一反三

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

          圖片

          4、其他作品欣賞

          為了輔助大家理解和開拓思維,為大家選擇了幾個類似的案例作品,希望可以帶給大家更多設計靈感。(以下作品版權歸屬原作者,僅作為學習交流)

           

           

          四、布置一個小作業

          通過對混合漸變實現技巧的學習和案例欣賞,相信大家對于混合漸變有了比較全面的認知。學以致用的目的,下面為大家準備了一個小作業,希望以此來強化大家的理解。

          圖片

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

          以下方案為黑馬哥完成的一個示意,大家可以轉換思維和調整新的配色方案,輸出不一樣的全新作品。

          圖片


          作者:黑馬青年

          轉載請注明:學UI網》這個效果原來是這樣做出來的

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          百度直播丨塑造親和力的直播間虛擬助理形象

          seo達人

          業務背景 

          首先,我們一起解讀業務場景、身份、及功能;業務場景是全品類綜合電商直播間,身份是主播的虛擬助理,直播間的功能是為用戶答疑解惑;基于這三個背景,初步勾勒了角色標簽,目標是創造一個富含親和力的虛擬助理形象,來呼應全品類綜合直播場景和虛擬助理身份。圖片 

           

          行業洞察

          其次,洞察行業虛擬數字人,從外形上分為卡通和寫實,風格上劃分為二次元動漫化、3D卡通、3D超寫實、真人形象四種類型,渲染效果分為虛擬和現實;而3D卡通風格的受眾群體大,接近現實的渲染效果,更平易近人,親和感更強。 
          探究形象美學,代入「巴卡羅九風格坐標圖」的“曲直+量感”兩大風格要素,定位到人物輪廓圓潤曲直偏曲,與柔和自然的小量感「柔和型風格」是親和的,和用戶交流時無攻擊性,符合親和的帶貨助理身份所需的特質。 

           

          設定架構

          最后,結合形象的“內在+外在”的體現,與巴卡羅兩大風格要素“曲直+量感”,來塑造親和力的直播間虛擬助理形象;拆解內在圍繞性格/氣質/眼神特征,外在圍繞形象(體型/面貌/穿搭)、舉止與表情三大框架設定形象,共同塑造親和力和感染力的形象。

          圖片

          01 內在心與神 

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

          圖片

          02 外在形與貌

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

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

          面貌五官

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

          圖片

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

          圖片

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

          眉毛:定位粗細適中(量感適中),眉峰圓潤/眉尾自然向下的小挑眉(曲直適中)。

          嘴巴:定位小嘴唇(量感?。?,唇型選擇微笑唇,嘴角上揚提升友好度(曲直適中)。

          鼻子:定位鼻翼窄小的小鼻(量感小);鼻型選擇鼻頭上翹的小翹鼻(曲直適中),搭配鵝蛋臉臉型。

          圖片

          妝容

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

          圖片

          頭發

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

          圖片

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

          穿搭

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

          圖片

          b)舉止優雅

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

          圖片

          c)表情生動

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

          圖片圖片

           

          寫在最后

          美國心理學教授艾伯特·馬伯藍比提出73855定律:人們對一個人的印象,有7%來自于說話的內容,38%來自于說話的語調,55%來自外型與肢體語言;虛擬形象想要擁有豐富的表現力,既要注重形象、舉止、表情的雕琢,也要注重聲音的音色/語調/語速、語言的話術的呈現。彼時,虛擬數字人來到了聚光燈下,窺見巨大的商業潛力;MEUX將持續探索屬于自身的“造人”之路。
           

          作者: 富媒體用戶體驗 

          轉載請注明:學UI網》百度直播丨塑造親和力的直播間虛擬助理形象

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          快來看看這些小功能里面的設計驚喜

          seo達人

          一、【抖音】點贊功能情感化設計

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

          圖片

           

          二、【飛書】左側聊天框交互設計探索

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

          在使用場景中,用戶可以把工作的聊天記錄當成文檔來看待,減少與工作無關的聊天內容,使得聊天記錄就是會議紀要。

          用戶也可以通過飛書的設置,自由地更改聊天消息的左右排布。使不習慣于左側聊天排布的用戶調整的自由,減少這類型用戶的排斥心理反應。

          圖片

           

          三、【閑魚】賣閑置圖標場景設計

          閑魚將“賣閑置”的駝峰標簽欄設計成“電風扇”的動態圖標形式,結合近期高溫天氣,給用戶帶來心理上涼爽的使用體驗。

          圖片

           

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

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

          圖片

           

          五、【Snapchat】角色創建功能應用設計

          在Snapchat中角色創建完成后,在相應的應用功能界面,則會替換成用戶的專屬角色。

          如:地圖界面、表情包界面、引導界面以及視頻流界面。

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

          圖片

           

          六、【Snapchat】底部欄故事功能設計

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

          另一個不同于普遍的視頻功能設計點中,Snapchat將單擊視頻【暫?!康墓δ茉O計成了單擊【快進】,視頻切換則是左右切換。對于中國用戶,需要時間來適應不同的交互習慣。

          圖片

           

          七、【Gravity】頭像裝扮設計探索

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

          圖片

           

          八、【Gravity】角色場景界面

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

          圖片

           

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

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

          圖片

           

          十、【型影】構圖姿勢輔助功能設計

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

          型影APP的構圖姿勢由創作者提供,內含幾千種不同場景不同姿勢的構圖擺拍。

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

          圖片


          作者:黑馬青年

          轉載請注明:學UI網》快來看看這些小功能里面的設計驚喜

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          火出圈的《羊了個羊》,到底做了什么?

          seo達人


          圖片

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

           

          一、產品玩法

          1、門檻低

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

          圖片

          2、單局時間短

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

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

          3、難度高

          《羊了個羊》與傳統的消消樂游戲又有些不同,增加了疊牌設計、卡槽消除玩法??雌饋砗唵?,玩起來實際上非常燒腦。

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

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

          圖片

          所以用戶不僅要關注卡池中的卡牌層級,還要關注卡槽中卡牌情況。

          因此,游戲在宣傳方面打出了“通關率只有0.1%”的口號。為什么搞這么高的游戲難度呢?

           

          二、第二關都過不去的難度

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

          1、話題性帶來流量

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

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

          2、用戶挑戰欲望

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

          但是如果有人對你說,“有款消消樂游戲,你第二關都過不去”。你會怎樣?

          大概率想“怎么可能呢?我要挑戰一下”。用戶嘗試的欲望就起來了。結果,用戶越是挑戰不成功,越想挑戰。

          3、方便廣告植入

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

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

          圖片

          4、減少游戲投入

          對于游戲這種產品來說,真正的熱度應當來自于游戲內容,以及其帶給玩家精神層次的愉悅體驗、世界觀、價值觀構筑等方面;而游戲公司通過制作優質內容的游戲,獲取商業利益,再持續開發更多游戲吸引更多關注。

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

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

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

          這種更像是快餐模式,不用過多地擔心游戲風潮會過去,也不用擔心用戶流失,畢竟游戲的投入并不高。

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

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

           

          三、關于激勵機制

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

          用戶當前最大的需求就是“該如何沖過第二關”。

          圖片

          以上就是我的一些思考,歡迎大家評論區留言交流~


          作者:子牧先生

          轉載請注明:學UI網》火出圈的《羊了個羊》,到底做了什么?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          怎樣解決設計好看又符合市場需求的問題?

          seo達人


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

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

          圖片

          圖片

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

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

          圖片

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

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

          圖片

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

           

          二、并不是丑的設計就有效

          有很多設計師會習慣性的以為,好看的設計就是花里胡哨的、沒有效果的;而丑的設計就是接地氣的、有效果的、符合市場需求的,甚至喜歡把符合市場需求當成設計不好看的借口,這絕對是一個誤區。

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

          圖片

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

          圖片

          圖片

          ▲ 上圖是網友自發設計的包裝。

           

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

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

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

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

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

          圖片

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

           

          三、如何在符合市場需求的基礎上盡量做好看?

          1、加強氛圍感

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

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

          圖片

          圖片

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

           

          2、加強設計的形式感

          比如使用一種新穎的構圖方式、新設計風格、新的創意表現、新的元素組合方式等,有形式感的設計會更整體、更特別。當然,在視覺上也會比沒有形式感的設計更美觀、更具視覺沖擊力。

          圖片

           

          3、有主次、有層級

          產品和重要信息當然可以突出,但不能盲目地突出,而是要按信息的重要程度和邏輯關系來安排信息的層級關系,引導消費者高效閱讀信息。

          圖片

           

          4、設計手段不要太單一

          比如為了突出重點信息,我們除了放大字體還可以采用其他手法,還可以加強字體對比、空間對比、方向對比、空間對比、留白對比、風格對比、點線面對比等手段,照樣能起到突出的作用。而且手法豐富了以后,視覺就不會那么單調,從而也會好看很多。

          圖片

          圖片

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

           

          5、細節要精致

          在設計大方向做得不錯的情況下,如果再加強細節的處理,那么其美觀性也可以得到很大提升。比如把標題做一下字體設計、把圖片精修一下、顏色搭配在整體和諧的基礎上增加一點新意、排版用網格系統規范一下等等。

           

          比如在上圖的兩張海報中,圖二在圖一的基礎上做了圖片美化、網格規范排版、色彩優化等細節調整,視覺上也更美觀了,甚至也更符合市場需求了。

           

          圖片

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


          作者:蔥爺

          轉載請注明:學UI網》怎樣解決設計好看又符合市場需求的問題?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          需求太朦朧,設計師如何拆招?

          seo達人


           

          圖片
          圖片 
          先舉一個栗子,如果你正在進出地鐵口,迎面而來的是一張信息繁雜,需要解讀時間較長的海報廣告,你是否會駐足觀看?

          圖片

          除了部分“犯職業病”的同學可能會研究一下,絕大多數人可能并不會耗費時間去解析,因此這個海報也就失去了傳播信息的價值。

          圖片

          或許設計師在設計這張海報時運用了某種創意,但因為對場景限制的欠考慮或者并未提前了解投放地點,而沒能達到預期效果,的確有點兒得不償失。

          圖片

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

           

          圖片

          ?  它被廣泛用于企業管理和創意設計,對于從不同角度發散設計思維很有幫助,同時也助于彌補設計產出的疏漏,讓你的設計工作更成體系。

          圖片

          圖片
          ? 在參與項目時,這些信息點可能不會完整的給到,這就需要我們主動進行提問、了解。有時,提出一個好的問題,就意味著完成了“一半”的工作。收集到的“情報”越多,也越有利于提高出品的準確性、合理性。

           

          圖片 

          ? 那么當下次有一張“你看著設計就行”的海報需求時,你通過對它進行拆解,可能得到的答案是——為迎接雙十一,客戶要在商場電梯兩側,做產品促銷廣告,希望通過更優惠的價格吸引人購買的海報了。

           

          圖片

          圖片

          圖片

           

          圖片

          ? 我的建議是延續品牌調性走,至少也要跟著所屬品類的調性走。因為不同行業、品類的風格是有差異的,比如:快消品可能要傳達很“嗨”的感受、奢侈品要很有高冷feel等… 

           

          一般情況下,我們不能用做快消品海報的風格來設計奢侈品海報。 

          圖片

          ? 這是我瀏覽網頁時偶然見到的一個例子,可能比較極端,但這里想建議大家的是,在開始設計前,可以先大概看一下服務品牌以往的視覺調性,了解行業、品類的視覺特點,做到心中有數,這樣即使在沒有明確需求時,我們至少也能做到盡量不跑偏。 

           

           

          圖片

          圖片

          “字再大點兒”這幾個字在商業設計上“戰功卓著”,引無數設計同仁競折腰…把字放大和設計師對審美的堅持,有辦法調和么?面對諸如此類的“設計需求”,我們可以如何拆招呢? 

          圖片

          ? 我認為最關鍵的點落在這個詞上——翻譯。當客戶說他沒有別的需求,把字再放大一些就行時,你確認只是字面上的意思么?其實大部分情況下好像并不是,他雖然表述不出來,但內在的意思有可能是再醒目一些、一眼就能看見。

           

          圖片

          ? 我們來看一個案例。提交第一張圖時,客戶反饋字還要放大,但這里我們嘗試換一種思路來處理這個需求。

           

          圖片

          ? 原圖的字號我們保持不變,把顏色重新調整一下。通過更簡明、醒目的方式,讓其傳播信號的能力更強,從而達到客戶的真實目的。

           

           

          圖片

          ? 除了顏色上的調整,也可以通過對文字的重新布局,達到“字要大”的需求。

           

          圖片
          ? 上面第一張圖是我在網上找到的一個案例,但因為它的行距和字距相近,所以讓人閱讀起來非常困難。我只是在它字號不變的基礎上調整了字距,這樣看起來信息就清晰了很多,相應的傳播的信號也有所增強。

          圖片

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

           

           

          圖片

          除了字要大,“沒有品質感”應該也是讓各位設計同學經常撓頭的反饋了…按照上面所講,我們來嘗試翻譯下這個需求。

          ? 品質感本身是一個比較模糊的、虛擬的、對設計作品綜合性的評價??梢詮膬蓚€方向去理解,“品”一般是指物體的品相、細節,而“質”則代表物品所傳達出的感受、氣質。

           

          圖片

          ? 我們來看一下大眾比較認可的具有較高品質感的蘋果產品的頁面設計,通過加入一些光影以及漸變、材質,使產品看起來更加真實、細膩。這也是非常值得我們借鑒的。

           

          圖片 
           
          ? 通常我們在logo提案中,會給甲方展示一些logo的樣機貼圖。這樣能讓客戶更直觀的感受到logo的具體應用效果。但如果樣機的材質不夠真實和細膩,那么很有可能導致提案的效果大打折扣。比如上方的兩個樣機貼圖,我們就能很明顯的感受到哪一個更有品質感。

           

           

          圖片

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

          圖片 

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

          圖片 
           
          ? 我們換成了同樣具有熱鬧屬性的黃色,不僅能襯托主體,也能傳遞出熱鬧的氛圍,并且提交后,客戶表示符合預期,非常滿意。

           

           

          圖片

          圖片  

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

           

           

          圖片

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

           

           

          寫在最后:

          圖片

           


          作者:大目

          轉載請注明:學UI網》需求太朦朧,設計師如何拆招?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系01063334945。


          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。


          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合