宜家的設計為銷售負責。比如設計一個杯子，宜家的設計師需要考慮如何更多的賣出杯子。沒錯，銷售更多的產品是設計師的KPI。在這樣的目標導向下，設計師很容易去思考幾個問題。
眾所周知，宜家的產品是場景化的，總能讓人感受到設計師們的熱情、心血和心機。設計為銷售負責，售出更多的產品確實可以作為設計有效性的驗證方式之一，但銷售量卻不能作為設計的量化標準。
這兩者之間有很微妙的差異。我們引入一個概念叫做“數據趨勢的正向反饋”來解釋這個問題?！皵祿厔莸恼蚍答仭保邆湓试S波動，且不為一個具象的數值服務的特征。類似下圖示：
設計為銷售負責，我們可以理解為，衡量好設計的其中一個維度標準就是銷售“數據趨勢的正向反饋”，值得注意，不是銷售量的某個單一的KPI值。因為達成某個銷售量的KPI值有很多手段，設計策略、產品策略、運營策略和營銷策略等等方式都可能完成，如果用銷售量去衡量設計，會讓設計變得不夠純碎。但是，用“數據趨勢的正向反饋”來衡量設計是否有效，用戶是否認同卻是可行的。而且，“數據趨勢的正向反饋”意味銷售量是持續增長的，哪怕有波動，哪怕有快慢，長期看能夠持續增長代表用戶是健康的。設計價值是為產品帶來健康用戶，或者說是保障產品的健康度。產品健康度一般看幾個值。
用戶跳出率
用戶跳出率指只訪問了入口頁面就離開的訪問量與所產生總訪問量的百分比。通?；ヂ摼W的平均跳出率大致是73%，如果你的產品跳出率超過這個值，說明用戶質量不高。
平均訪問時長
平均訪問時長指用戶在一次訪問中，平均使用產品的時間。互聯網的平均訪問時長大致是2分40秒。
平均訪問頁數
平均訪問頁數=瀏覽量（PV）/訪問次數。互聯網的平均訪問頁數大致是2頁。
除此之外，產品還會從營收的角度看用戶支付金額、ARPU值和轉化率等等。營收指標對與設計來說，就是需要參考的趨勢數據了。了解了這些原理，怎么做呢？我們用首頁改版為例，首先按上述要求定義用戶健康度指標。假設首頁承載電商內容，根據電商特性在基礎指標之上，增加一個用戶在首頁的停留時長指標，這個指標衡量用戶是否能在首頁逛起來。
依據這些指標，就可以搭建針對于當前項目的用戶健康度指標，在設計過程中通過對指標和指標用戶的數據分析和對指標用戶的訪談綜合得出項目的核心問題及解決思路。通過線上驗證設計方案觀測數據模型的趨勢變化，以獲得最優的設計。設計在保障產品用戶健康度上，是一個持續迭代的過程。
產品沒有最健康，只有更健康。
作者：ZA大人
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
設計趨勢每年都在不斷地變化及輪回，多年前的風格技法在結合了當下的設計元素后，又會給我們展現出不同以往的主流時尚。
“趨勢不一定每年都會更新，但趨勢是我們設計的風向標?！?
基于對網絡數據的搜集及分析，我們對2023年設計趨勢做出了預測。
無論是否順應趨勢，我們都應該了解趨勢，擁抱變化，這才是我們設計師的準則。
借助當今的軟件和技術，3D創作已經不再被神話，越來越多的設計師開始在自己的作品中運用3D元素。
下圖是Droga5為格林威治（Greenwich）創作的一系列視覺設計，這組設計利用3D圖形，創造了更醒目的視覺效果，將格林威治宣傳為倫敦的新創意社區。
在手機品牌宣傳物料中，設計師將3D元素與手機進行了緊密結合，這樣的視覺樣式在市場中很快便能脫穎而出。
提起“酸”，大家下意識會想到酸的味道，而所謂的酸性設計更多表現的是一種設計理念。
酸性設計大多畫面元素豐富，各種金屬、玻璃、流體漸變、鐳射等科技感的元素都會運用其中，這也導致這類作品十分強調藝術的視覺沖擊性。
乍一看酸性設計會給人一種混亂失調的感覺，而實際上酸性設計并不止是某一種單一的設計風格，而是一種視覺情緒的表達。當下的暗黑金屬風、二次元的可愛風、明顯的幻彩漸變風格……往往都含有酸性設計的影子。
回看設計領域每一年的發展，“復古懷舊”一直是必不可少的關鍵詞。
無論是品牌形象，亦或是包裝設計，設計師們頻頻用現代手法詮釋復古之風。
還有傳媒集團CNET的品牌重塑，在現代時尚元素的基礎上，還融合了復古插畫，整體設計從1950-1970年代的美國新聞行業中汲取的靈感。
最近，襯線字體在品牌設計中的出鏡率極高。
不少網站的設計都是圍繞著襯線字體作為構圖中唯一或主要的設計元素而存在。
Stradivarius是誕生于1994年的西班牙女裝品牌，與ZARA隸屬同一公司。
2022年2月初，Stradivarius推出了全新的Logo視覺，襯線字體更容易彰顯女性簡潔現代的氣質外，同時兼具女性力量。
近兩年，NFT可以說是對設計、藝術、技術行業產生沖擊最大的新事物之一了。
NFT與平面設計聯系起來，就是我們所說的數字平面藝術。它的到來對設計師影響有很大變化，橫向能力要求有所提高，比如了解虛擬數字化設計，以及對全新審美和新三維技術有更高的要求。
以下這幅《Metafisica》便是非常熱門的NFT作品。
表情符號在如今是一個超越文本并能得到廣泛認知、跨越文化和多領域的視覺語言。
單一的枯燥圖標很難滿足多元化場景下情感的表達，于是，動態emoji圖標來了，它能帶來更強的視覺欣賞體驗。
高飽和度色彩是年輕的色彩，它是先天的樂天派，同時也是情感的直接表達。
可盡管“吸睛”對品牌而言十分重要，但在設計之余要注意色彩平衡，以免混用色彩，很容易引起視覺疲憊。
極簡主義杜絕一切多余的裝飾，形成獨特而簡單的視覺語言，用最簡潔的表現形式勾勒出產品最基本的形態。
簡潔的圖形設計摒棄了多余的圖案、文理等裝飾樣式，為真正重要的信息創造了呼吸的空間。
留白，是最高級的美。
將富有表現力的手寫字體寫在設計中，能為作品帶來不一樣的氛圍感。
隨手一寫，便是一幅“畫”！
2022年，我們在Dribbble或Behance中會發現很多設計師都開始有意識地采用“玻璃擬物化”美學的設計。相信在2023年，我們會看見更豐富的表達~
毛玻璃效果廣泛應用于UI設計之中，在摹客DT中也能快速完成。
使用玻璃擬物化設計的界面，由于毛玻璃的通透性，會呈現出一種虛實結合的美感。
除此以外，我們還可以看到的，這一趨勢已經明顯轉移到了玻璃和水晶質感上，而且以令人難以置信的用立體擬真度將圖形設計提升到了一個全新的高度。所以，2023我們也將看到更多與全息和3D趨勢相輔相成的透明質感和逼真的玻璃背景等元素的設計。
2023年的設計趨勢給我們展示了設計的無盡可能，設計師們可以創作出更多超乎尋常的非凡設計，為用戶營造出獨樹一幟的全新體驗。
身為設計師，我們要持續積累優質的設計素材，要知道設計趨勢因人而異，我們能做的就是選擇合適的風格應用在設計中，才能發揮它不可估量的價值！
作者：摹客設計云
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
一、項目背景
百度文庫APP是一個在線文檔分享平臺，上線已有十余年的時間，是一款名副其實的老字號互聯網產品。隨著互聯網的成熟以及年輕用戶的涌入，時代語境和流行文化發生了變化。年輕化設計已經成為互聯網產品設計中不可避免的話題。在日常對用戶反饋的監測中，我們發現文庫APP當時的體驗已經不能滿足用戶多樣化的需求。并且在體驗走查以及用戶訪談中發現，文庫APP的視覺風格、交互方式、使用感受都存在老舊、不貼合流行趨勢的問題。
二、由內而外，打造年輕化感知
通過對年輕市場進行洞察，我們發現年輕用戶對產品的需求是多維度的。不僅對產品的“顏值”有高要求，他們更追求使用時的便捷和流暢度。他們對新鮮事物的接受程度更高，也更愿意去探索產品新的玩法，與產品進行沉浸的情感互動。
所以此次年輕化改版不能只是對“產品的外表”進行升級，要從視覺、體驗進行全方位、多維度的年輕化升級。由內而外的打造年輕化感知。
三、“老字號”互聯網產品的煥新之路
2.1 視覺升級-更好看
2.2 體驗升級-更好用
寫在最后
從UI設計誕生初期，設計師在屏幕上模擬現實世界的交互方式，用擬物化的設計風格幫助用戶熟悉UI界面操作。到現在用戶對移動屏幕越來越熟悉，設計師們可以在產品設計中去嘗試更多的可能性。產品與用戶共同成長才是年輕化設計的意義。
未來，我們也會保持好奇心和探索欲，不斷打磨產品體驗，與用戶共同成長。
作者：百度MEUX
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
前言
互聯網瞬息萬變，在產品不斷更迭的過程中，我們經常說要保證產品設計的一致性和質量，提升產研鏈路的效率。但現實情況是：產研團隊長期面對的是產品越來越復雜，體量越來越大，一個個復雜的產品下包含N個業務線，N個業務團隊，甚至還有外部合作的業務，每個迭代都要面對數以百計的功能上線，經常容易出現各種相同但不一致的功能，上線質量參差不齊，執行者也容易陷入日復一日的需求海洋而沒有更多精力去挖掘更有價值的事情。
所以如何解決團隊效率和產品質量問題？我們的解法是抽象體系化的解決方案：設計模式化和代碼化，設計從原子到全局進行統一和優化，并形成系統化的設計指導，由開發進行模式代碼化，提供靈活可配置的規則。以此，設計有更系統化的設計原則，整體的統一性和體驗有保障，設計和開發周期也可以縮減，甚至大部分日常需求可直接由產品對接開發直接上線。
1.1 什么是系統化解決方案？
大多數日常需求大多是從單點出發，當點變多變復雜了，就容易出現上述說到的現狀問題。所以解決方案需要基于業務全盤進行設計抽象：從元素——組件——區塊——頁面——功能流程沉淀設計規則并代碼化，來靈活提供拼裝N個不同頁面的機制，幫助團隊更系統化的進行產品設計。從組成內容不難看出，解決方案是需要建立在基礎組件基礎上，與基礎組件、復雜組件、行為模式共同組成設計系統的【功能模式】部分。
解決方案是一套相對穩定的設計機制，所以在產品初期或團隊建立初期，產品可能經常會調整的情況下，并不適合做。初期可以借助成熟的設計系統來減少投入成本。而到成長期可以根據業務的發展梳理基礎元素、組件，選擇性的建立部分穩定且利用率高的解決方案，并持續發展，保證解決方案可以起到指導和提效的作用。隨著產品或團隊逐漸成熟，解決方案也應該隨著一起成長，相互影響相互作用。
1）對產品頁面（尤其是重點功能）進行盤點，劃分頁面類型：比如列表、表單、詳情、dashboard；
2）對頁面中的內容進行區塊歸類
3）對區塊中的信息進行拆解
這三個過程下來，對于問題、規則、規律都會有一定的概念。以一個后臺系統為例
1、頁面大類主要是：列表、表單、詳情。
2、其中列表的內容大致區塊分為：頁面標題區、列表操作、列表篩選、列表內容，到這個階段已經可以發現，相同區塊位置就存在不穩定，在后臺系統中可能影響面不會非常大，但對于內容復雜繁多的工具或C端界面就會容易出現找不到的情況。
3、不同區塊的內容拆解，同樣也會發現一些細節問題，比如篩選的樣式、規則不一致，列表操作的方式、位置、樣式、交互不一致等等
2.2、抽象、重組：從布局——區塊——組件——設計規則
從第一步全盤的信息拆解和歸納, 已經發現問題, 這一階段主要2點：第一是如何通過設計規則來避免同樣的問題產生，第二是如何通過簡單的規則重組減少多人合作記憶復雜度。思路類似于設計一個界面，首先得有一個布局劃分，不同的區塊要放哪些內容，再到區塊里的細節內容規則，從而抽象出由布局到區塊的設計規則和可復用的組件。
以前面說的列表為例
1) 區塊主要是4類，明顯的問題是區塊位置不穩定，所以在布局結構上，需要定義1-2個穩定的可配置的布局框架來適應不同的內容
2）不同區塊梳理組成內容，內容細則
3）標記出可組件化的內容及規則
4）提煉整個過程中通用的設計規則，作為全局的指導。如：國際化、排版規則、超限規則、適配規則、文案規則等等。
通過布局——區塊——組件——設計規則，可以靈活的進行頁面拼搭
區分通用層和業務層，通用層落地到通用模板市場，利用腳手架生產新頁面。業務層面的落地則是基于通用庫封裝具備業務屬性（如：業務主題、業務數據、業務拓展方案）的業務庫來生產新頁面。
目前群核設計團隊建立了一套平臺通用的解決方案，適用于所有中后臺產品。業務屬性比較強的產品也基于通用解決方案封裝業務層面的解決方案，同樣的思路也應用在不同體系的工具場景中。整體實踐下來，產研效率提升近50%，甚至完全解放了一條業務線的設計資源。產品體驗的一致性、上線質量也有明顯的提升
三、解決方案的管理和發展
解決方案作為設計系統的一部分，與設計系統一同管理，業務設計師使用系統來輸出，反饋問題或需求給系統，有系統設計師判斷可行性，周期性的管理，及時更新并在內部互通，促進互相成長和發展。
解決方案與設計系統的發展有一點不同的是解決方案有更多業務化的內容，業務團隊根據業務迭代維護解決方案。當業務的方案達到通用級別，則列入到通用庫。
這些方法和思路也并不限制行業或產品類型，僅是在我們當前服務的產品體系下總結的方法。當然解決方案并不能解決所有問題，只是希望在提供更系統化的設計方法和模式的同時能減少重復工作提升效率，讓產研團隊有更多的精力和時間投入更有價值的事情。
作者：酷家樂UED
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
http://www.syprn.cnhttp://www.syprn.cnhttp://www.syprn.cnhttp://www.syprn.cn/dp.htmlhttp://www.syprn.cnhttp://www.syprn.cn/web.htmlhttp://www.syprn.cn/Design.htmlhttp://www.syprn.cn/Design.htmlhttp://www.syprn.cn
一年一度的年底復盤總結大會即將開啟，期間閑聊時被問：作為設計師，日常工作中如何體現設計價值？你們平時做的那些不是業務需求嗎？如何體現設計價值呢？直白一點：你們設計一年都沒產出?。。?！我開始反思：如果平時做的業務需求不能體現設計價值，那么什么體現我的價值呢？設計價值到底用什么來衡量？
1、如何理解設計價值
2、設計師價值分層
3、設計價值案例體現
4、設計價值具體表現方向
很多招聘上都寫著會插畫會動效的加分，很多職場人沒面試或沒應聘上理解是不會某個技能，因此抱怨設計要學的太多了...但是注意「加分」這個詞的前提是滿足必要條件之后才去考慮的，如果公司有大量的剪輯和插畫需求，自然會招插畫師和剪輯師（我上家公司有專門的插畫師和視頻剪輯人員），所以不妨反省自己是否滿足必要條件。
前幾年大家或許可以憑借這些差異化優勢拿到不錯的薪水，但是寒冬之下公司更多的思考著如何活下去，更看中設計能給產品發展帶來什么價值
商業設計本質上服務于業務，公司需要用戶參與盈利，所以每個季度或每個月分發每個部門業務目標，項目團隊根據當前部門任務制定相應的項目目標，然后再一層層分發到設計，總結他們的關系如下：
因此判斷設計價值的關鍵是：是否真正地幫助業務解決問題，助力業務目標達成。換言之，設計價值就是設計師通過設計思維/策略/方法，幫助業務創造的那部分價值。
根據設計價值，市場上衍生出各種設計師頭銜，被劃分為更靠近產品的UXD（User Experience Design)、以及在UXD基礎上提升出與業務更密切的UGD（User Growth Design)，最后就是更偏純視覺的VD（Visual design)。
相信大家和我一樣，在公司對設計師的要求再也不是單純界面輸出了，雖然職稱頭銜沒變，但是公司對我們的要求越來越高了，那說明你正在向體驗型設計師或用戶增長型設計師發展。今天看了我的文章，打開格局，未來的路也會越走越寬
設計師的價值可以分為五層：
基礎價值（設計協同）：重要且緊急，設計師立身之本
二級機制（優化負向）：自驅解決負向問題，量化優化結果
三級價值（增長爆破）：洞察增長爆破點，自驅推動增長
四級價值（L型賦能）：垂直擊穿，經驗沉淀，實現L型賦能
五級價值（業務領軍）：人人都是業務方，拓展設計師在行業和生態影響力
今天主要聊聊前三種，我相信很多人最初選設計師這個職業認為設計不用對接太多人，做好自己的事情就OK，緊接著慢慢的在無止盡的改稿消耗了激情，開始喊出設計沒前途想轉行不好找工作等等，但是正真玩明白設計的人往往笑而不語
不知其然，表象復刻。設計協同最基本要求就是在拿到需求后高效又完美地實現落地。也就是我們剛剛入行時日常工作中所做的事情：產品給到原型、設計開始執行、接著進入研發、再接著走查等等，甚至很多人都沒玩明白設計系統有哪些，各個設備的的規范區別...
做好這個階段是設計師基本素養，需要良好的專業能力，良好的溝通能力，并參與到產品的探索與構思中來。
我之前在小紅書分享了很多關于設計優化內容，優化前VS優化后。以用戶體驗為核心，不同場景不同設計。相較于基礎價值而言，負向優化開始逐漸融入業務當中，慢慢了解整個業務流程，很多小伙伴往往提出優化方案后被認定為優先級不高，就是沒有針對當前業務主要功能提出優化
這個階段在設計師晉升中非常關鍵，領導非?？粗卦O計是否主導項目優化，我目前公司晉升標準是設計師除業務需求外，一年至少需要2次設計主導項目推動。這個過程比做業務需求復雜的多，因為當你沒有足夠資源協助優化時，需要設計自己前期調研、設計問卷、找數據、寫產品文檔、畫原型圖、標注交互規則...整個過程由你主導。
當然這個階段的設計師會比上一個階段更能體現設計價值，并對產品產生一定的影響力。我們要把格局打開不要局限于設計本身，不是說忽略設計，是基于日常設計界面去考慮設計的意義，給產品和業務帶來的影響。能在以用戶為中心的基礎上，尋找機會點，推動業務的增長，所以這個階段的設計也被稱為UGD（User GrowthDesign）
這時候對設計的要求更高，比如需要具備用戶洞察力，數據分析能力等，從這些維度出發，去熟悉業務、分析業務，尋找設計機會點，制定設計策略，從而推動業務。這個階段的設計師，也是市場最需要并且很稀缺的。
通過一個案例我們一起討論設計價值體現，首先看一下業務目標，設計目標是由它推導而來，這個推導的過程并不是直觀可見的，需要我們進行用戶調研、問卷調查、數據分析等等一系列方式去推導，最后總結歸納出可行設計目標。推導過程是整個設計過程中最重要的環節，為了讓大家理解，我在網上查了很多案例
一般業務目標是決策人開會共同決定的，它只是某個階段大的方向，基本可以套進下面這個公式
以我目前工作正在執行的項目為例，可以組合其中一部分作為業務目標，例如：
Q4：通過提升中介版位的曝光率引導中介入駐（上傳社區資料），來增加社區內容的豐富度
阿里《五導家設計法》中對業務目標和設計目標的定義是：
1、業務目標：用［某策略］給目標用戶帶來［某價值］，以實現［某變現方式］
2、設計目標：用［某設計策略］給目標用戶帶來［某價值］，以助力［某變現方式］
這個剛開始理解會比較困難，因為很多項目其實只有一個總體的目標并不會細化到這樣的顆粒度。于是我去網上查了一些設計師的分析部分內容，整理組織一下發現大致的信息是這樣的：
由業務方提出一個需求，這個需求背后往往伴隨著一個業務指標，設計師則需要將定量指標拆解為有設計執行指向的目標。上圖中簡化XX功能的操作路徑，就需要拉出整個操作過程中的數據，觀察同級功能及子級功能有什么影響，用戶是在哪一步流失的，有什么優化途徑...，可以看出短短幾個字背后的工作遠遠比想象的多
這次設計改版也是伴隨著業務的發展而來的，為了做出貼近業務目標的設計，項目前期對產品的定位及業務底層邏輯做了深刻的理解，思考我們為什么要做這個產品？用戶通過我們產品得到什么？為了方便理解，我從項目背景開始說起
項目背景：隨著平臺買賣租賃業務迅猛發展，用戶對于房屋周邊關注度越來越高，單個房屋詳情無法滿足用戶對整個房屋周邊的了解，所以推出社區找房平臺。產品主要定位是提供小區內真實有效的房屋信息，幫助用戶省時省力的篩選出優質房源
問題：由于第三方合作平臺房屋資料更新不及時，導致C端用戶（買賣租賃）去線下看房時發現已賣已租，漸漸地對平臺產生不信任，最后很大可能棄用。
解決：為了改善這一現狀，平臺引入「社區專家」這一概念，并通過提升中介版位的曝光引導中介入駐，入駐則需上傳該小區戶型圖/平面圖/內景圖等 。也就是說中介入駐后被稱為社區專家，在APP端曝光量增加，吸引C端用戶點擊互動，從而提升房屋成交量的可能性（也就是業績）
這樣一來，我們就明確了現階段為什么要做這件事：中介通過上傳房屋信息獲得一定的曝光量；而買賣租賃用戶通過房屋信息省力省心找到符合自己預期的房源。
產品最終服務于用戶，不同產品面對的不同人群的需求是不一樣的，所以前期深入了解了用戶，明白用戶訴求，這樣能更好的聚焦設計策略，將產品的核心價值及服務價值傳遞給用戶，從而提升用戶使用體驗
接著對此次需求目標用戶（中介）進行了調研分析，當前我們的中介用戶特征具體表現為：年齡在45歲以下的用戶人群占73%左右，整體年齡不大，對互聯網接受度較高，工作業績直接與房屋成交金額掛鉤
社區專家入駐流程簡單的看就是上傳社區信息圖片，然而其實是一個系統化決策的過程，整條關鍵路徑從了解入駐優勢（信息獲?。┑皆趺瓷蟼鳎ㄉ蟼鲌D片）再到上傳成功（入駐成功）經歷了幾個關鍵節點，開始呈現一個漏斗狀的情形，轉化率越來越低。
因此在產品設計之前，我們對用戶決策的關鍵路徑進行了相應的梳理：主要為入駐前、入駐中、入駐后幾個階段，同時圍繞著每個環節去強化用戶內心感知，挖掘設計上的機會點
在這幾個階段我們主要解決的問題可以歸納以下幾點
1、入駐前：如何讓中介快速找到入駐入口，明確入駐優勢
2、入駐中：如何讓用戶入駐更順暢
3、入駐后：如何提升用戶入駐后效果感知，為再次入駐做推動
到此產品整體的設計思路已經很明確了，如果前期我們沒有對業務進行宏觀層面的拆解和分析，設計后期可能找不準設計的發力點，從而導致設計沒有貼合實際業務場景
圍繞著這些背景，經過多次溝通最終設計和產品同學達成了一致，本次主要設計目標為
1、提升用戶信息閱讀效率
2、提升用戶入駐決策效率
3、提升用戶入駐后效果感知
在明確了設計目標之后，最后一部分是設計落地了，正確的設計始終圍繞著產品策略來執行的，并通過深耕的設計解決方案來為用戶打造優質的服務體驗，那么我們將從以下幾個維度來進行視覺方案的設計
(1）以傳達信息內容為主
說到權益設計師視覺常常會體現榮譽感，就會聯想到黑金權益對比，但是不管是什么樣的視覺表現，最終的結果都是以清晰傳達信息內容為主，讓用戶看的明白這個是干什么的，對他有什么好處
如果用戶看不明白，即使信息有效觸達，最終會以為是廣告不明所以的關閉
當然這中間也不僅僅是設計的問題，產品給的交互原型稿就有問題，整個圖就沒讓人明白這個是基礎權益和置頂權益的對比。設計拿到原型搞后要提前溝通，在交互原型不確定的情況下不要開始設計，這個在《設計如何提升工作中話語權》有提到過，等交互評審多方達成一致后開始著手設計，這樣才會事半功倍
(2）利益點的展示
關于用戶入駐的利益點運營角度肯定是展示越多越好，但是產品為了減少用戶跳出率，期望查看任務是在當前頁面用彈框承載。由于彈框承載信息有限，我們盡量想在電腦一屏內展示完當前任務及主要利益點，所以在用戶能看明白的前提下不能無限增加利益點
(3）挽留彈框優化
無論什么類型的彈框，必須要做到文案簡潔。不要讓用戶看半天還沒明白你要說的是什么，然后才沒辦法也無所謂的點了確定或取消，當然大部分這種情況，他們都會點擊取消，或者右上角的關閉鍵。
而一般彈框按鈕，右邊是主操作按鈕，也就是引導用戶操作下一步的按鈕，這次優化前按鈕文案不好理解，確定操作與用戶本身理解有歧義，易造成誤操作
(1）統一入駐后的視覺效果
中介入駐前后狀態分為：入駐前、入駐中（審核中、未通過、已通過）、入駐后（免費續期）。其中入駐中未通過使用警示色紅色，為了強化中介入駐后的視覺效果也采用了紅色，這與入駐成功的綠色不符。
在視覺上用色混淆，那么后續紅色是表示警示的同時還可表示強調？那么下圖中「1筆成交」用紅色是成功了還是未成功？為了避免這個問題，入駐后視覺效果統一為綠色，在后續色彩感知上更清晰明確，無論是設計師還是用戶都不會混淆
(2）優化入駐路徑
主要按照流程最短，操作最少方向去優化，1.0版本完成整套任務流程：免費入駐 → 入駐成功 → 做任務 → 免費置頂。當1.0第一版設計稿灰度上線后，產品預期是與中介達成共贏的結果，但是灰度數據結果顯示中介用戶入駐率低
在優化前我建立了一個用戶調研群收集用戶反饋，與部分用戶電話1V1，發現有很大潛力去提升。比如與用戶溝通時，用戶說不知道入駐成功后還需要做任務；做完一個任務置頂后怎么還需要做任務；再做任務有什么作用等等
①免費入駐 → 入駐成功過程產生疑問，即入駐成功有權益還是做任務有權益？有什么不同？
②置頂一詞有歧義，他們理解置頂是整個流程完成，而產品放理解置頂是前端頁面的置頂
(3）任務彈框關閉方式
通常來說為了方便用戶關閉彈框，點擊蒙層或點擊關閉都可任務。入駐任務彈框是中介進入后強制彈出，1.0版本用戶點擊蒙層也可關閉，在2.0版本時候新增上傳社區格局圖，需要填寫篩選格局信息，關閉篩選框最常見方式點擊篩選框其它區域，由于任務本來是彈框展示區域有限，點擊蒙層是大多數人選擇，這時候可能上傳一半就打斷了，體驗非常不好。
處理方式：增加關閉按鈕點擊區域，彈框只能點關閉按鈕關閉，點擊蒙層不能關閉
買賣租賃用戶與中介的互動率在一定程度上影響著中介留存以及再次入駐意向，入駐后中介用戶在APP展示上至關重要。
由于品牌色是飽和度比較高的橙色，所以前期整個頁面的可點擊區域基本以品牌色為主，每次強調都是在原視覺上更強。當專家版位的視覺強調用橙色，視覺上可能無法凸顯；
用其輔助色藍色時，存在2個問題，①藍色輔助色視覺感比較重（新建案品牌色不能隨意修改），作為按鈕時更像是一個主按鈕；②后續設計可能與其他業務線用色混淆，用戶也可能分不清2個業務之間的關系
設計側如何解決呢？
面對這樣的僵局再做優化，就一定需要轉換思路了。跳出純頁面設計的層面去看轉化，我們到底設計什么？此時需要重新梳理模塊內容，明確產品訴求是想突出什么，結合產品訴求重新梳理內容優先級，以視覺維度重新輸出設計優化。
這一個階段就是證明之前所說內容是對的，證明你的設計正確性與有效性，并對后續的優化做準備
從入駐前中后期及APP展示在10月18號優化上線后，中介入駐成功率明顯上升，從而影響著社區入駐率也明顯上升，APP端互動按鈕點擊率也極大提升。整體來說這次改版非常成功，后續在響應式詳情頁上也會做相應的專家版位優化，社區專家曝光率最大化，同時也提升C端用戶找房效率
上面說了這么多，以上五步簡單來說：
為了什么做 (問題在哪) → 要怎么做 (如何解決) → 如何才算做好了 (評估體系) → 做好了嗎 (“定性、定量”在過程中的合作方式和態度) → 還需要優化嗎 (驗證復盤，再次出發)
上面說了這么多其實想說明設計價值的本身不是局限的，它不僅僅是大多數人看到的可感知的界面，它還包含對外增值和對內成本兩種類型：
對外增值是指價值的增加，用戶、營收、知名度等，這些都是對外增值的部分，也就是我上面從設計維度改版產品；對內成本是指成本的控制，資源、效率、投產比等，這些都是對內成本的部分
而這兩部分又可以被分為有形和無形
對外增值的有形價值，一般是指用戶行為數據、業務盈利數據這些，是能被直觀看見的。
如果一個決策是由你主導推進的，且因為這個決策引起了數據的上升，這個決策就是唯一變量，它能直接證明你的價值；
但是設計不是萬能的，大多情況下設計只能通過“影響/實現局部用戶價值”間接助力變現，我們只需關注可以通過設計手段參與、干預和落實的部分即可，這個就是我上面內容項目復盤總結的內容
當然，直接證明并不一定比間接證明更有價值。更重要的是，你要情境合理、邏輯自洽。
通常我們需要關注的指標有新增（新用戶數，日周月）、傳播（傳播周期）、活躍用戶數（DAU、MAU）、留存率以及流失率，還有aarrr的海盜指標-獲取、激活、留存、傳播、收入，這里不展開講了大家可以去搜索一下。這些數據在改版以及做新功能的時候我們經常會用到。
對外增值的無形價值是什么呢？比如公司周年慶，設計組會承擔全部的舞美設計，但是這個結果沒辦法用數據來衡量的。但是整個過程是設計全程跟進支持，使得客戶好評高于往年，甚至還在行業內有一定的傳播和討論，這些都是對外增值的無形價值。
也就是說除了直觀的數據目標，我們還可以從定義抽象的目標，抽象的目標也可以衡量。
設計組件規范可以最大化的保證設計的一致性、提升開發的效率以及方便產品的迭代優化，我們就使用了這樣的公式：組件開發時間*使用次數-投入的時間成本，以此估算出組件庫帶來的工時縮減。當然組件庫只是對內成本價值的一種，對內價值包含很多，比如設計原則提煉、設計語言統一等，這些在多個設計合作時事半功倍
大家常被到的問題：市面上開源的組件這么完善，設計師為什么花費那么多時間重新做組件？其實它存在2個問題
3.1、業務屬性不符
雖然網上存在很多第三方組件比如Ant Design、TDesign等等，研發使用這些確實提升效率，但由于設計語言不同（公司不同業務屬性不同），市面上的組件不一定與自家產品屬性貼合，需要我們結合產品愿景以及業務規劃進行重新設計。
3.2、業務特性不貼合
我們見到的很多組件只是基礎組件，可以保證基礎設計一致性，但由于業務領域的獨特性和多樣性，在一些專業的場景中有著強烈的業務屬性，需要我們對一些基礎組件進行組合，進行更專業的沉淀，這樣在實際使用的時候會更加高效。例如高級篩選、不同的場景彈框等。
推動產研設流程優化，比如我之前寫的《設計師如何提升話語權》就是我今年上半年發現了協作流程的不合理，反復溝通推動了流程的優化。這件事讓整個團隊有了更高效的合作，就屬于對內成本的無形價值。
項目復盤對于我們設計師的能力成長的作用是巨大的。它之所是最快的學習方式，因為它在是實踐中的反饋，這種直觀的經驗沉淀最終會融入自己解決問題的知識體系架構，而這將進一步反輔自己的職業成長。
復盤可以讓我們站在第三方角度，重新對項目流程進行全面的回顧與總結。結合不同的反饋，客觀的了解當前設計在整個業務目標中的價值，這是對我們設計量化最佳途徑。
和大家再說遠一點，工作可能常遇到的場景，設計優化推不動，無法進行下去。得到反饋是：優先級不高，后續有時間再優化...這個其實在大中小廠都有這個情況，屬于設計價值的第二層體驗優化，它優先級高不高，取決于這個問題是否足夠致命。
比如說這個問題是核心功能，但根本不可用，這些就是致命問題；如果核心功能可用，只是沒那么好用，也許對于你這個產品來說，就沒有那么致命。所以與其想著怎樣優化體驗，不如看看是不是還有什么可以帶來增長的方式，比如擴充下一類用戶，或者更多的生態、品類等等
另外有個例子是關于一個朋友的，這個朋友工作很拼，在懷孕的時候周末都不休息，她當時負責2個業務中的一個很差。她調研了相關用戶，把用戶做畫像分層，也找出了可以帶來增長的方式，但是發給當時的合作方，他和他leader都是想混混日子的類型，就應付了一下，也沒有往上匯報。在當時，級別差兩級去溝通就很費勁了，這家公司在績效期，也不強制要求給合作方評價，所以問題得不到解決，這些辛苦卻換不來的成長
最后朋友就離開了，但她的性格閑不下來，而是找了一份挑戰更大的工作。在之后的幾份工作中，一路得到賞識和重用，充分發揮了能力。HR告訴她主管的評價是，沒有做不好的事，就算不帶設計團隊，也可以轉行帶別的團隊甚至創業。
他現在的公司，上下級也要互相打評價。所以身為主管，本身也要真的能力強，不然會被下屬挑戰，所以大家的話語權，就靠自己的能力和人品，簡單明了，行就上，不行就下。團隊的同學都說在她來了之后，他們有干勁多了。他們之前也很積極提方案，但總是被說優先級不高，其實是沒有找準更值得做的項目。
所以建議是，首先看看是否是自己的問題，如果在和他人充分溝通后，明確問題確實不在自己身上，那你改變不了環境，就改變自己?；蛘吣惚旧硭诘墓就玫闹皇遣块T不好，那就換個部門，找個級別相對弱化，專注于能力本身和項目本身的公司，成長會非?？臁?/span>
作者：貝賢設計筆記
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
作者：姜正
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
下圖是我們優秀的技術人員利用模版直接布局出來的頁面，也可以理解為需求頁面，接下里就需要我根據頁面的內容重新定義風格設計。
當我看到這個頁面，首先要知道他是干什么的？功能是什么？是純數據展示還是監測預警？通過這些了解基本就能知道有沒有交互行為，有交互和沒交互在數據可視化的設計思路上會有很多不同，還有功能不一樣設計方向也會不一樣。
其次要分析出主次數據與總分數據，還要剖析目前圖表運用的合理性和大屏的設計比例尺寸等等，最終可以通過分析對頁面有個合理的布局展示。
通過分析對頁面重新布局，如下圖：
數據可視化頁面設計，如果頁面中有一個非常搶眼的主視覺圖，那么一般對其他的元素不會過度的設計，如果都是搶視覺的元素整個頁面太“花枝招展”了。
上圖左右兩邊的圖表只是簡單的呈現出來，這樣整體視覺上更有呼吸感，有張力，如果每個圖表都加上邊框，頁面就會顯得局促，常見的3D地理城市，主視覺為3D模型，輔助元素一般都不過度修飾。
既然是“首都國際機場”那么用3D地球來展示最佳不過了，3D地球無疑是一個重磅視覺元素，飛機圍繞地球往返飛行形成光線，這樣看上去頁面會有很多線條。
設計講究“你中有我，我中有你”所以這個頁面可以設定為以“線條”主題，盡可能的用纖細的效果設計其他元素，例如頁面中纖細的條形圖、柱狀圖、環形圖這樣的設計就能體現出元素間的關聯性，整體能達到一種視覺平衡和諧。
注：在思考用3D地球來設計時，我是提前跟開發溝通過，知道可以落地實現，然后才著手開始設計，所以工作中有拿不準的設計，要即時跟開發溝通。
但不是說所有產品標題都應該用斜體漸變色，要根據產品而定，例如政府類產品更多是要體現莊嚴的氛圍，中規中矩的形式就更為合適。
天氣溫度、空氣質量、時間是一定要加上的，原因是飛機在戶外飛行肯定會關注天氣，而對于北京機場來說關注空氣質量也尤為重要，再說說時間，既然是機場實時數據，那么當下的時間對比實時數據就非常有意義，所以時間要體現出來。
上面圖表雖然可以表達清楚全部數據，但圖表包含航班總數量，這樣的展現方式視覺上表現弱，同時不能夠直觀表達總量里面包含延誤航班和取消航班。
改版后從“出港量”“進港量”兩個維度出發，合并同類項：
出港量包含：出港延誤航班、出港取消航班
進港量包含：進港延誤航班、進港取消航班
用大字號重點突出進出總航班量，然后在下面分別羅列延誤航班數量、取消航班數量，這樣數據之間的關系表達就很清晰，一看就明白，同時兩個維度各個數據也可以互相比較。
用色說明：
延誤航班用黃色，黃色情緒映射為等待，延誤即等待；
取消航班用紅色，紅色情緒映射為停止，取消即停止。
上圖環形圖其實用的并不恰當，環形圖更適合總量的各個百分比呈現，標題“今日前五延誤進港機場”其實想表現前五名城市的延誤進港排名，排名用條形圖最為直觀。
但從頁面的整體看一下，已經有兩處用到了條形圖，柱狀圖，如果這里還是條形圖，那么頁面看起來會很單調，圖表也沒有表現的多樣性，所以現在設計要體現圖表的多樣性也能夠有排名的直觀呈現。
修改后依舊采用環形圖，把排名由高到低用注釋的形式呈現，倆者都能兼顧，這樣的設計思考方式就是設計思維，設計師既要考慮視覺，也要考慮功能目的，善于在兩者之間找到平衡。
上圖左右兩個標題唯一的區別就是一個是“進”字，一個是“出”字，這兩個字如果不仔細看很難一眼出左右的區別，所以我們在設計標題的時候，一定要提煉關鍵詞，把可以作為明顯區別的關鍵詞置前。
調整后的標題把重點區別的關鍵詞置前，觀者能夠快速識別。
此圖表數據體現是延誤航班數據，所以標題的關鍵詞應該是“延誤”，延誤放在標題中間沒能起到快速識別數據類型作用。
再者就是圖表上的數據格式錯誤，航班數量不該有小數點，因為航班數都是整數呈現。
調整后關鍵詞置前“延誤進出港機場-今日前五”用橫杠隔開“今日前五”能夠過度信息，更直觀。
原圖上進出港途中詳情是上下分開的：
開始想用進出港切換的方式呈現，就是一個大地球，一個小的縮略圖，可以點擊切換，也可以自動輪播大小切。
后考慮到此產品是沒有任何交互操作的，這里設計交互行為是不合理的，所以要換一種形式。
調整后讓兩個數據都呈現在地球上，用兩種不同光線顏色表示進出港班次。
青色：北京擴散的方向代表出港
藍色：聚焦北京的方向代表進港
如果細心查看頁面會發現，所有關于進港的都是青色，例如進港總航班量、進港人數、即將進港航班；同樣關于出港的都是藍色，目的就是要建立觀者顏色對數據類型的認知。
3D地球技法教程：
3D地球動畫效果，純用C4D軟件完成：
下面我們一一介紹：
首先找一張世界地圖，這里稱為“球皮”，ps調整色調，滿意為止。
把球皮放入材質，表面的凹凸效果用置換和凹凸。
小飛機動畫用的是對齊曲線動畫，打關鍵幀轉一圈，記得勾選切線，不然飛機會橫的飛。
國家之間樣條生成用的是插件 LON—LAT Connection，這一步很關鍵，插件使用很簡單就是選擇：洲-國家-城市～洲-國家-城市，tab切換有設置可以設置樣條曲線的高度弧度等。
上面教程說的很籠統，有基礎的同學肯定會明白，接下來我們來看如何開發落地。
3D地球效果開發落地：
首先我們要知道一個網站Echartsj 里面有個3D路徑圖，看下圖：
上圖兩個地球路徑圖組件，都可以實現我們的效果，只需要我們把色調調整好的“球皮”給到開發人員，替換組件里面的圖片即可，組件生成的地球原理是一樣的，也是由一張圖包裹成球，地球數據光線顏色可更改，把色值給開發人員即可。
1、數據可視化設計，首先了解功能，分析數據之間的關系
2、構思主題，圍繞主題設計其他元素，特殊效果跟開發溝通
3、分析數據，合理選用圖表，對圖表能靈活運用
4、不要忽視文案的設計，提取關鍵詞
5、加強技法，了解數據可視化設計網站
數據可視化大屏設計，對視覺表現、數據的合理呈現有一定的要求，這兩點都是由設計師為主導，所以設計前根據產品定義風格，了解數據之間的關系非常重要，切記不要太依賴原型圖。
作者：吳星辰
轉載請注明：學UI網》數據可視化大屏設計經驗分享【高級篇】
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
轉載請注明：學UI網》后臺數據可視化界面設計的10條經驗法則
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
數據可視化設計的核心還是數據的有效呈現，視覺上的美觀炫酷要與數據呈現契合，做到美觀性與實用性相輔相成，3D效果固然炫酷，但不能為了加而加，影響數據呈現，有的產品并非適合，讓炫酷的視覺效果助力數據可視化，才是設計師應該追求的。
作者：吳星辰
轉載請注明：學UI網》數據可視化設計 – 3D粒子模型科技感動效【進階教程】
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
本期的大屏案例為“北京市電商消費大數據”，主要呈現某電商平臺618購物節的信息數據。
如銷售總金額、區域銷售排行、男女比例、年齡分布、品牌銷售排行、歷史銷售趨勢等等。
設計任何產品首先要做的就是了解業務和需求分析，本次的案例需求非常簡單明了，只需做各指標數據的展示。
無交互的圖表設計要點
無交互的大屏展示，在圖表設計上，需要按沒有交互的形式設計。
例如不能因為數據過多，而隱藏一些通過交互才能看到的數據。
對于一組無法展示全的數據，可以只提煉最重要的指標數據進行展示，也可以通過動畫形式，播放展示等等。
實時數據和事后數據的區別
本案例提供的是618購物節事后的數據，所以在大屏的設計上可以根據真實的數據來設計呈現。
事后數據呈現，在設計上可以根據真實的數據來定義圖表，例如可以根據數據大小長度，精準的定義設計空間。
實時數據顧名思義指的就是數據在實時傳輸，產生了數據就要立即展示出來，從業務角度上可能要做其他的設計預案。
例如異常數據的處理，有突破性的數據是否設計動畫營造一種儀式感，就像天貓雙11的千億彩蛋。
定義視覺風格
定義大屏設計風格，首先要分析行業的屬性特征，然后通過情緒板等方法定義視覺調性。
例如公安系統通常運用嚴謹冷靜的藍色調；能源、教育、醫療行業的主色調，一般使用能代表環保、未來、健康的綠色調。
電商、新零售行業需要烘托購物熱鬧的場景，所以靚麗的暖色調更為合適。
過于冰冷理性的色調，并不是電商產品所追求的調性，更不符合觀者對購物場景的心理認知。
但是由于可視化大屏的面積過大，主色調不論什么顏色，背景色通常要用暗色系，以減少對觀者視覺上的沖擊。
深色背景能夠有效烘托暖色調的可視化元素，起到對比、聚焦視覺的作用。
暖色調元素可以烘托購物特征的氛圍，如紅色、橙色、紫色、都是有效的色調，但如果都是暖色元素較容易視覺疲勞。
所以暖色中搭配一定比例的冷色，能夠緩解視覺上的不適感。
冷暖色在大屏設計中的搭配有很多技法，下面我們來解析色彩搭配。
色彩解析
首先分析色環圖，了解一下色彩知識，30度為同類色、60度為鄰近色、120度對比色、180度互補色。
電商大屏冷色元素通常選用藍色系色調，通過上圖對色環的認識，來看下藍色與色環圖上的暖色都呈現什么關系。
從以上的色彩分析來看，電商大屏若呈現大面積的暖色調，再搭配大面積藍色調會呈現對比色或互補色，形成強烈對比。
所以本期案例選擇藍色的鄰近色，紫紅色進行搭配，這樣不僅能夠烘托電商的屬性特征。
還能在大面積使用紫紅色的同時保持畫面和諧統一，因為紫紅色同時包含藍色和紅色兩種色調。
藍色搭配紫紅色其實就是，實現了你中有我，我中有你的感覺。
不難發現強烈對比效果會有一種不適感，所以大面積的暖色，一定要使用跟其他元素能夠融入的鄰近色。
小面積使用對比色的技法
如果是小面積的使用，就會有很多的可能性，例如下圖阿里DataV電商類數據可視化產品的模版。
都只是在標題處使用紅色烘托電商大屏的調性， 內容區并沒有過多的使用紅色，所以各種元素間，并沒有形成強烈的對比。
但從兩張圖的對比來看，第二張處理的比第一張要高級一些，仔細看會發現，第二張背景色偏紫色。
紅紫為鄰近色，這樣標題的紅色和背景就形成了較為和諧的過渡，而第一張暗藍色的背景跟標題對比強烈，略顯生硬。
舉個反面案例，看下圖最大的問題就是過度烘托了主題主題氛圍，導致整個畫面太過艷麗，沒有細節。
更不用說數據的清晰展示了，這已經違背了大屏可視化設計，以數據信息展示為核心的設計理念。
圖片來源網絡(反面案例)
大屏設計用色調烘托主題本身很好，但對于艷麗的暖色調，要適當搭配一定比例的鄰近色和對比色。
這樣能大大緩解觀者的視覺疲勞，展示出細節，大屏看起來色彩也會更豐富有觀賞性。
案例中標題和總數據為什么使用黃色？
因為黃色和藍色、紫紅色對比性更強烈，黃色跟藍色在色環上成180度是互補色，有最強烈的對比性。
黃色與紫紅色在色環上成120度是對比色，同樣有強烈的對比性，同時黃色也跟暗色調的背景形成了鮮明的對比。
所以對于關鍵指標數據和標題，需要重點突出的元素，可以用對比強烈的色調做突出效果。
打造儀式感
設計要點要從需求出發，例如需求中有一項關鍵的業務指標要突出，朝陽區消費占全市75%。
所有區中朝陽的消費是No1，所以從這點考慮可以使用全區地圖來展示，并且打造朝陽區第一名的儀式感。
打造驚喜感
產品設計中給觀者驚喜感，無疑是好的體驗，本次案例通過增加了兩道光線動畫，打造微妙的驚喜感。
這樣的設計給大屏增添了動感，看起來更富有生機，兩道光線滑向總數據指標，會有一種數據傳輸的感覺。
同時也像滿天繁星的夜空中，劃過的流星一樣，給人帶來一種悸動的體驗。
3D圖表的設計要點
3D圖表有很強的視覺表現力，是突出重要指標的重要手段之一，但3D圖表在數據可視化設計中，一直是有爭議的存在。
有人認為由于3D的透視關系，會導致數據呈現的不客觀。
其實從設計角度可以解決不客觀問題，比如我們案例中的3D柱狀圖，由于柱形的厚度。
導致出現兩條頂端線，視覺上很難分清頂端在哪里，對指向Y軸刻度數值的體現的就不明確。
這種情況就需要在柱狀圖上標記出數據值，這樣畫面不僅有了3D圖表的視覺表現，同時也不影響數據的展示。
增強觀者認知
增強觀者對元素的認知，可以大大提高閱讀效率，比如圖文形式通常比文字視覺上更突出。
案例中“最受歡迎品牌”就可以加上品牌logo增強對類別的認知。
條形圖通常按序排列，從大到小，或從小到大，但如果有“其他”這項分類一般都要放到最后。
如果“其他”分類也按有序排列，就會有格格不入的感覺。
電商大屏通常要烘托一種熱鬧的場景，對配色的準確把握，大面積色調的使用需要和諧過渡，同時要善于運用對比色，突出元素。
多思考設計與業務的表現關系，善于從設計思維出發打造儀式感、驚喜感，增加產品價值。
作者：吳星辰
轉載請注明：學UI網》電商大屏 – 數據可視化設計經驗分享！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司
藍藍設計的小編 http://www.syprn.cn