還有半個月，我們就要跟2020年說再見了～～ 世界每一天都在按照它的意志變化著，每年也都在影響著設計趨勢的走向，今天我們就花點時間來討論一下，2021年可能會出現的UI/UX的設計趨勢。
3D設計將有很大可能繼續延續，成為2021年的設計趨勢，廣泛應用于UI、網站、角色、以及動畫設計中。
在2019年底，設計圈突然刮起一陣新擬態風（Neumorphism），最初是烏克蘭設計師Alexander Plyuto在Dribbble
發布的一張設計作品，引發大家的激烈討論和爭相模仿。
新擬態（Neumorphism）的出現，為當時已經流行很久的扁平化設計開辟了一種新的表現形式，很多人猜測和議論，此風格會不會接替「扁平化設計」成為新的設計主流。
從美學價值上來說，新擬態（Neumorphism）足夠現代、看起來也頗具有時尚感、科技感也很足。
不過隨著時間的發展，設計師們漸漸發現，在實際的應用上，新擬物化本身確實不能算是一種系統全面的設計風格，因為在很多具體的設計上，新擬態比較難以保證可用性和易用性，在層次的表達上，也有很多局限。
以IOS14和Mac OS Big Sur操作系統發布為標志，一種新的擬物風格正在悄悄流行。
這種把陰影、透明度以及模糊的背景結合到一起的設計思路，使界面呈現出介于玻璃和塑料板之間的質感，被Michal Malewicz稱為Glassmorphism（玻璃擬態），對比之前火爆一時的Neumorphism（新擬態），這種新趨勢更加垂直。
這種垂直性讓用戶可以通過它看到底層的元素，用戶可以確定界面的層次結構和深度。他們可以識別出哪一層在哪一層之上，就像虛擬玻璃一樣。
· 透明度（使用背景模糊的磨砂玻璃效果）
· 類似于物體漂浮在太空中的多層方法
· 背景上鮮艷的色彩突出了模糊的透明度
· 半透明物體上的細微淺色邊框
這種隔著一層玻璃的質感，呈現出一種獨特的「虛實結合」的美感
值得一提的是，玻璃擬態與「 macOS Big Sur 和 iOS 14 」在視覺美學上也保持著高度的一致，尤其是在系統的設計美學邏輯上是統一的。
相比于看起來高級但是炫技多于實用性的「新擬態」，「玻璃擬物化」這種風格在各大操作系統的實行和驗證之下，實用性更強，視覺美感上也得到目前的操作系統的驗證。
不過作為善變的人類，我們很容易就會對流行的趨勢感到厭倦，所以每隔幾年就會流行到另一種不同的風格。扁平化的風格已經流行了很長一段時間了，或許現在又會慢慢向色彩更豐富、更立體、更炫麗的風格回歸了。
插圖和3D并不一定適合所有人，有時候真人和真實的物品會對用戶產生更大的吸引力，讓他們更加感同身受。
許多設計都使用了多色搭配，使得自己的設計呈現出神奇、空靈、包羅萬象的感覺，而且，鮮艷的色彩更容易區分和讓人記住。
使用模糊彩色背景的設計看起來有種特別的溫暖和熱情。
極簡主義本身是一種設計理念，應用到UI或者平面設計領域當中的時候，可以理解為：設計中的每一個元素都應該是有用的，它簡單，干凈，漂亮，且實用。極簡主義的設計易于用戶理解，參與度也高。
極簡主義的好用之處在于它凸顯關鍵，為用戶呈現最重要的東西，并且讓用戶關注最重要的事情。
越來越多的設計呈現整合、規整、有秩序的視覺結構，使用戶增加使用和觀看的樂趣。
「野蠻主義」一詞，最早出現于1950年，由瑞典建筑師漢斯·阿斯普隆德用以描述烏普薩拉一座名為「Villa G?th」的現代磚房。
顧名思義，野蠻主義的特征十分「簡單粗暴」，通常都由不斷重復的元素拼接而成，以筆直的線條和鋒利的棱角居多。對于大型建筑物而言要么追求奇形怪狀，要么追求嚴格對稱，落成的建筑外墻多為毫無修飾的磚塊和混凝土，整體看起來異常冰冷和沉重。
而在數字設計中衍生的的「野蠻主義」是一種故意試圖顯得原始、隨意、無裝飾的樣式?？桃獾牟辉O計使這些網站幾乎沒有美感甚至顯得有些簡陋。
盡管很少有人將這種設計風格歸類為漂亮,但它對于某些內容類型確實具有獨特的表達魅力。而且具有鮮明大膽的風格。
野蠻主義設計風格短期內應該不會深入到UI設計中去，更多的會在網站，或者雜志的設計運用此種設計思想。
此處說的簡化，不是指視覺效果的簡化。設計流程做的太復雜，不論對于用戶或者是設計師都是不利的。
優秀的設計師會兼顧美學和實操效果，把流程簡化到減無可減，給用戶以絲滑流暢的體驗效果。
2021年，設計將變得更多元、更新穎，不同風格也會相互碰撞，新技術也被應用在設計中。我們作為設計師，要更好的理解和跟上新趨勢的發展，擴大自己知識的范圍，例如設計美學和心理學知識等，就可以知道設計趨勢如此流行的原因和源頭。在此基礎上利用好新知識和新工具，為更好的服務大眾時刻準備著。
文獻：Diana Malewicz （UX Collective） 素材來源dribbble，侵權刪
今天先跟大家分享到這里，謝謝觀看～
轉自：站酷
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
今天早上，權威色彩機構 Pantone 公布了2021年度雙流行色：灰+亮麗黃。
這是繼2016年水晶粉+寧靜藍之后，第二次推出組合年度色，寓意光明，傳遞力量與希望。
灰+亮麗黃這兩個獨立的色彩，聯手打造出夢寐以求的色彩組合，像是自然風化的巖石上浮起的日出，帶來了一種更深層的體貼和踏實感，同時也表現了對未來充滿希望的樂觀精神。
這正是經歷過艱難的2020年后，世界所需要的。
PANTONE 17-5104 Ultimate Gray是海灘上的鵝卵石和自然元素的顏色，其風化的外觀彰顯了經得起時間考驗的能力，象征著堅實而可靠，體現了恒久不渝的感覺。
PANTONE 13-0647 Illuminating則是充滿活力的明亮歡快黃色，是充滿陽光的溫暖黃色陰影。
灰與亮麗黃的雙流行色組合，突顯不同的元素如何互相支持，寓意著陽光和友善，凝聚了更深程度的體貼感。
這個色彩組合實用又穩固，溫暖又樂觀，為我們帶來韌性和希望。
Jil Sander Pre-Fall 2021
當人們期望尋求能量來強化自己，克服持續的不確定感時，堅實可靠而又熱情洋溢的色調，恰好能夠滿足我們對生命力的追求。
在過去幾年里，潘通的選擇充滿了社會意義，被看作是對全球情緒的捕捉。
而在經歷了記憶中最黯淡的一年之后，2021年的組合色旨在以堅韌的精神基底傳遞積極和幸福即將到來的訊息，給人們帶來希望，讓人感到一切都將變得更加光明。
Prada 2021SS
持久耐看的灰和生動活潑的亮麗黃，聯手表達出我們所需要的堅韌的正向態度。
這種力量與正向的結合，是一種結合了洞察力、創新和直覺，以及對智慧和經驗尊重的顏色。
它啟發了重生的能力，推動我們前進，邁向新的思考方式與新觀念，最能代表 Pantone 2021年度代表色的精神。
針對這組雙流行色，Pantone 還推出了5種不同的官方配色系列，表現灰和亮麗黃的多功能性，以幫助大家更好地理解和應用。
AVIARY 鳥舍
▼
【鳥舍】是生動活潑，令人愉悅的色彩組合，有著異想天開的獨特性和極強的爆發力。
持久耐看的灰帶來屬于大自然基本元素的顏色，溫暖樂觀、充滿活力的亮麗黃為色彩組合注入更多能量，高雅的云端舞者白則為系列注入戲劇感。
ENLIGHTENMENT 啟蒙
▼
【啟蒙】是一個面對未來、年輕的色彩故事，喚起一個催眠的空間，將我們的心靈延伸到另一個界域，激發出我們重新開始想象的渴望。
灰與亮麗黃的配比，融合了智慧、經驗以及我們想要前進，邁向新的思考方式與發掘新的深刻見解的渴望。
與此同時，銀金屬色的鉛水晶則增添一絲閃爍的月夜光澤。
INTRIGUE 魅惑
▼
【魅惑】是一個迷人的色彩百匯，擁抱各種影響因素的大融合。一方面流露奇特又強烈的個人主義風格，同時又顯示一種大眾化的吸引力。
其四季皆宜的持久性，在加入穩定可靠的 P灰與象征陽光的亮麗黃之后被突顯出來。
ORBITAL 軌道
▼
【軌道】反映了探索星際旅行的狂熱，是在令人著迷的外太空星系中發現的閃爍著金屬色調的調色板，能讓人聯想到遙遠的星系。
SUN AND SHADOW 光影
▼
【太陽與陰影】是一種永恒而無性別的色彩組合，描述著我們周圍的原始之美。灰和亮麗黃為大地色系注入更多的希望和力量，將今年的雙色年度色的特殊韻味發揮到。
除了這五組配色之外，Pantone 還推出了一系列灰+亮麗黃的色彩營銷案例。
色彩營銷案例
可以預見，在接下來的一年里，我們會更多地看到這些色彩，因為它們意味著對時代精神的內在定義，傳達著消費者的期望與態度。
現在，咱們就先來康康這組能夠引起全球共鳴色彩的無限可能吧！
時尚領域
Agatha Ruiz de la 2021SS
Prada 2021SS
Alice + Olivia 2021SS
友善、愉悅又樂觀的亮麗黃，是一種年輕個性的色彩，明媚肆意，預示著陽光燦爛的一天即將到來，讓人忍不住想要親近。
把亮麗黃帶入服飾中，可以給整個造型增加一種明亮感。
Alexander Mcqeen 2021SS
Brandon Maxwell 2021SS
灰有著洗凈鉛華的淡然與不爭，它游離于所有顏色的邊緣，卻能與任何色彩作搭配。彰顯著低調內斂的品質感和恰到好處的高級感。
Prada 2021SS
將灰與亮麗黃相結合，給低調耐看的灰加入一些明亮感，可以帶來一種另類吸引力，傳達出陽光與力量的訊息。
除了服飾之外，灰和亮麗黃還經常出現在圍巾、鞋履、包袋、披肩等配飾上，產生一種奪目的搭配效果。
美妝領域
灰與亮麗黃是熱色調與冷色調的混搭，運用在美妝領域可以營造戲劇化的風格。
家居裝飾領域
灰與亮麗黃的組合，非常適合用來為家里任意一個房間的氣氛定調，增添一絲陽光與正面的氣息。
黃色往往作為家具家居上的提亮高光色，而灰色則會被設計成基底色，常出現在水泥家具或地板中的顏色。
將亮麗黃與灰并用在桌布、床單及家飾品包括枕頭與桌上擺飾會帶來生機與活力。
以灰做為扎實的基礎，襯托吸引注意、強化直覺、活潑的亮麗黃，是位于家中或商業空間的任何辦公室最理想的色彩組合，點亮通往開放心靈，尋找追求知識的欲望、原創力及豐富智謀的路徑。
把大門涂上亮麗黃色，并在外側加工時用上穩固可靠的灰，可以傳達著溫暖歡迎的訊息。
包裝設計領域
將擁有最高可見度與反光度的亮麗黃搭配堅韌的灰，不論出現在何處都能引起注目。
結合友善的亮麗黃與默默令人安心的灰，應用在裝置設計上，為可靠、智慧與經驗的扎實基礎，注入一股活力。
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
一覺醒來，2020 年潘通年度色就這么發布了。
這款被命名為為「經典藍」（Classic Blue）的色彩沉穩耐看，雋永優雅，按照潘通官方的說法，「經典藍」仿佛暮色四合時的天空，寧神靜心，讓人駐足?！附浀渌{」是一種穩固可靠的色彩，給人確信感，撫慰著每一個期待穩定者的心靈。
為什么會選擇這樣一種藍色，潘通色彩研究所的執行董事 Leatrice Eiseman 在潘通官網上，予以詳細的解釋。
「我們生活在一個亟需信念和信任的時代。潘通 19-4052 經典藍 ，這種色彩正是自信和恒久的外化體現，這種堅實可靠的藍色調，更能與人產生深層的共鳴，令人心安。一望無際的藍色能夠喚起人類對于廣袤無垠夜空的無限遐想，經典藍鼓勵著我們透過顯而易見的事實，拓展思維，放飛想象。
經典藍敦促著我們更加深入地思考，開闊視野，進行更加深入的交流?！?
——Leatrice Eiseman 潘通色彩研究所執行董事
從色彩心理學的角度上來看，藍色色相本身有著信任、信念的含義，也是的色相。在此之前，潘通曾經多次選擇藍色作為年度色， 2000 年的時候選擇天藍色（Cerulean），在 2005 年的時候則選擇了藍綠色（Blue Turquoise），2008 年的年度色叫鳶尾藍（Blue Iris），2016 年的年度色則是靜謐藍（Serenity）。
相比于這4種藍色，「經典藍」更為沉靜穩重，沒有一點攻擊性，也不顯得沉重，輕松而易于互動。
「經典藍」無疑是一個略顯保守，但是非常貼合當下語境的色彩。它充滿了確信感，讓人覺得安全，屏蔽了焦慮。同 2019 年充滿前進感的「活力珊瑚橙」相比，「經典藍」更加內斂和篤定，悄無聲息地增加每一個的信心。
除了發布這一年度色彩之外，潘通色彩研究所還專門制定了5套配色方案，這些配色方案應該會在接下來的 2020 年，得到更加廣泛的應用。
沉思
這是一套舒緩的配色方案，涼爽的藍色調和同樣柔和的暖色組合到一起，給人以沉靜的感覺。
呼吸
這套名為呼吸的配色方案當中，加入了更為經典的黑白色，選擇了對比更加強烈、更加富有活力的搭配方式。這樣的色彩搭配更容易喚起觀者的幸福感，讓你的設計更加具有田園牧歌的氣息。
沙漠暮色
「經典藍」的靈感來源之一就是夜幕降臨時的天空。而這套名為沙漠暮色的配色方案，就與此相關。充滿金屬質感的潘通色更能夠凸顯「沙漠」的閃亮質感，而恰為對比色的「經典藍」讓這套配色方案優雅無比。
異域風情
這套配色方案比起之前的配色更加豐富，更顯混搭，仿佛加入了天然的調味料。這種健康而自我的色彩搭配方式，讓人仿佛身在異域，不同于此地的文化，迥異與此時的感覺，獨特卻令人著迷。
非傳統
打破常規的桎梏，選擇異乎尋常的色彩搭配，而足夠傳統的「經典藍」恰恰構成了這種搭配方式當中，作為基礎的底色。這套配色方案指向時尚，突破規則，如同小品，有趣而俏皮。
為了更加方便線上的設計師來使用這些配色方案，優設的小編從官方提供的這些配色方案當中，精心挑選了 9 套適合進行數字設計的配色方案，并且標注上了相應的 HEX 值便于精準取色，請盡情取用：
文章來源：優設網 推薦：陳子木
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
講到設計初期的頁面構圖規劃問題，其實這個構圖是服從你的展示方式的，即故事線。設計前期規劃階段，先想好打算怎么表達，再選擇對應的構圖方式。表達上我們講究總分主次關系 ，那么構圖上依舊遵循這個規則，先具體再抽象。
全屏平鋪式的構圖方式是最常見的一種構圖方式，如下圖無意中構成橫平豎直的輔助線將內容一格一格展現出來，界線清晰分割明確。因此模塊之內的內容就會顯得格外的清楚和突出，給人一目了然的感覺。注意哦，平鋪并不代表完全一個一個格子碼好，比如下圖中的深紅色區域，沒有被網格框住但也碼的很清楚，淺紅色區域中有一對一的也有一對二的對應關系，故此類型的構圖中加上這些靈活的變化就會顯得沒那么生硬。并且這種構圖方式是遵循F型網頁閱讀習慣的，因此重要內容放哪大家知道了吧~
圓形就是一個典型的中心放射式，圓是有圓心的，通過構造不同大小的同心圓起到聚焦、凸顯作用。伴隨一個一個同心圓自然而然形成放射線，把重要表述放中間，其他表述按照放射線編排起來。引導用戶的視線聚集在我們重點突出的功能點上，先主后次，有起有落。
視線引導式主要是依靠點線面的關系形成一條清晰的視覺引導線，引導用戶的視線，避免雜亂無章的堆砌。視線流動的軌跡多則是從上至下從左到右移動，故在大屏上從左到右，從主到次，減小用戶的負擔和閱讀疲勞。如下圖是我同事做的一張大屏，指標瑣碎，每個指標與指標間沒有太強的相關性。當時發現大方向上有一定的前后關系，故最后用這種方式把數據串起來。設計稿上需要把樣式給全，看上去有點碎，實際開發后效果還是蠻不錯。
水平羅列式的構圖方式有點像全屏平鋪式，同樣是利用人從左至右的閱讀習慣。如下圖，不一樣的是四個大類有明顯的前后關系，并且彼此之間存在對比。利用無形之中形成的水平線條把內容串在一起，將同級且對比的意思表達出來。
三角排列式的構圖方式，核心思想就是一個穩！從上至下的三角構圖，能把信息層級羅列得更為規整和明確。這張大屏是我做的某地數字駕駛艙中的一個分頁，用來總覽這個分支的三個內容，每塊內容上面是政策解讀下面是數據結果，清晰明確。
頁面的氛圍個人主要認為是通過恰到好處的細節堆砌出來，這些細節要自然合適不突兀，講究一個“巧”字。對于我來說這些細節就好像歐亨利小說的結局一樣，意料之外又在情理之中。不過講道理這些氛圍的東西并沒有很明顯的一定之規，有些方法在這個場景下合適在那個場景下就不合適了，需要設計師在做的時候不斷嘗試，也是一個緣分。
抄現實是我們在設計中最直接的也是最常用的一種表達方式，它的含義就是提取現實中存在事物的點線面關系。因此往往在發散思維中找到與主題相關的靈感點后，用方式提取其中的內容后，能緊密的結合主題。它將抽象的主題通過實體表達出來，并以之作為內容信息的載體，能夠合適的存在于頁面之中。這個緯度的內容我直接舉幾個案例描述下。
公安的項目是我同事做的，在用戶那邊得到了一致的好評，并且也是團隊前期重點研究的一個DEMO。這個項目好在業務邏輯清晰，并且在表達方式上做到合理合適的程度。如下是項目其中一張大屏的一處細節，需求是需要排列公安系統中處置人員的不同分布，在大屏中也是核心區域。
一般在頁面核心區域我們會花點心思將這塊的內容做充實做飽和，畢竟第一眼需要留下好印象。設計的時候提取了警徽的基礎形狀、警徽的構成、胸徽的線條排布、旌旗的基礎形狀、放射線的構圖方式，然后將文案排布形成設計結果。最后客戶這邊對于這塊內容直接過稿，認為設計環節帶出了警隊的特色，給了高度的評價。
駕駛艙的項目是我直接參與主導的，當時這個項目的歡迎屏風格稿做了好幾版本的，用戶一直都不認可。過程中去除主觀因素，總結用戶對于駕駛艙的認知和理解?？蛻舻男枨笫邱{駛艙需要在“駕駛”的時候，眼中不光有艙內的內涵，也要有艙外的風景。如下是歡迎屏的基礎狀態（交互操作并未展開），設計的時候提取了汽車儀表盤的基礎形狀和風格組成、星光點與點的關系、逆光山體風景的天空漸變，然后組合在一起形成設計結果。最后客戶這邊看到后過稿，這個設計也留到了項目最后。
如下的作品是behance上一個大佬的作品，作品的名字叫做山海經，我們也是經常拿出來學習參考。在人物設定中，作者將古代的烏紗帽、官服、官徽紋樣等內容融入角色的道化服之中，并且角色周邊環境中大量融入一些官府的元素，比如官兵舉得牌子、衙門的建筑體等。整個作品雖然融入大量的古代元素，但是用賽博朋克的方式表達出來，成品沒有一絲違和感。確實給了大家一個方向，原來國風的東西可以這么玩。
1.使用足夠并且容易區分層級的顏色去構造頁面。數據可視化的項目往往信息的量級是不可控的，準備工作需要做充分。
2.合適的字體能讓你的頁面事半功倍。挑選字體得對比，確保不同的使用場景下有一致性的顯示。條件允許下，針對自身業務場景打造對應的顯示字體（羨慕臉.jpg）
3.好的構圖可以讓表達更上一個臺階。根據故事線的講述，挑選對應的構圖方式，做到從總到分、有主有次。
4.氛圍彰顯作品的細膩程度。細節決定成敗，在作品中增添“巧”的細節，會讓觀賞者更加投入獲取信息的節奏中。
文章來源：tob.design 作者：王亮亮同學
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
從入行到如今的這些年中，眼中的設計風格不斷變化。伴隨這些年行業的興起，從最早的擬物風到現在的內容當道，越來越多的設計師參與其中，為行業貢獻著自己的理解。但也發現同質化的現象越趨明顯，個人認為這里面有設計師本身的問題，也有行業風氣的問題。同質化的現象有很多的組成因素，可能是頁面視覺是直接的拿來主義，亦可能是脫離不了舒適圈的習慣為之。
我很擔心的一件事情就是我們一味的反對同質化的假，最后會演變成另外一種假。是一味的擯棄，還是部分的接納。這是一個界限的問題，而這個界限我還沒想明白。如今風格太現成，都像麥當勞一樣，思想的麥當勞，短暫的吃下去了，飽了，不去想了。這個慣性思維很可怕，最可怕的是可能有段時間自身都意識不到這個問題。
那么如何跳出這個慣性思維？我這邊借用馮小剛導演在十三邀里說的一段話來解釋。創作過程太正常很多時候是經驗在發揮作用，每次都和自己的經驗作斗爭，最后可能會出現一個在經驗之外又讓自己激動的東西。簡而言之就是革了自己的命。可能哪天我想明白這個問題，會再寫一章如何創新來講這個問題。
那么本章主要講我們是如何在前期定義一張大屏的風格？主要可以從幾個方面來講：配色、字體、構圖、氛圍。
定義大屏配色的前提是對于用戶的政務有著充分的調研，明白是主管哪個行業的，分別用對應的色系去定調子。
舉個例子，生物醫藥、環保等行業通常選用能表達健康安全的綠色；公安、教育、政府等通常選用能表達科技未來的藍色；消費業、服務業等行業通常選用能表達熱鬧、朝氣的暖色調。
它們有個共性就是主色調不管傾向于哪個顏色，背景通常是對應顏色的暗色系。因為可視化大屏使用環境通常是在室內、展廳等這種外部環境比較暗的地方，避免對于觀賞者視覺上的不適應。而且這也有幫助觀賞者對于數據的聚焦比對的工作，暗色調的背景加上高亮的配色，也容易在界面中將層次做出來，這點特別適用與3D城市的構建，以后我們會講述如何在城市中做出層次對比的方法。
色彩心理學普遍還是適用于可視化大屏的，顏色對于人意識的傾向性還是比較強烈的。但是需要明確的是在數據可視化領域中，有些配色規則并不適用。在傳統UI設計中我們一般會擬訂主色輔色特殊狀態色，甚至在灰階會把標題、正文、背景的顏色區分做全。這樣做的好處就組件一致性，給人統一的感覺。數據可視化一般會定一個主基調，圍繞這個主基調會用至少5-6中以上的調色板進行設計。
假設我們需要做一個政務的可視化系統，在設計初期敲定了以靛藍（H:200）為主色調的設定。那么我們會尋找在這個顏色周邊的鄰近色去做這個靛藍色調的搭配，比如在青（H:180）和深藍（H:220），使得整個大面積的色彩整體上過渡會比較自然。通過對純度S和明度B的調節，我們可以找到很多色調用于數字、文字、點線面等視覺元素。然后在靛藍色調的對比色上去尋找用于高亮的展示，比如綠（H:120）這類的，起到強化主色調的層級作用。最后找到靛藍色的互補色左右的紅（H:10）和黃（H:45）用于重點強調內容。主色調的互補色需要少量并且珍惜的使用，需要有但不是大面積得使用。
色彩是為了突出內容的重要信息，請有選擇、有策略的使用顏色，切勿濫用。配色沒有絕對的好壞，只有在當前場景下是否適合，色環理論只能大致告訴你一些配色的方式，最重要的是靠設計師自己眼睛去感受顏色帶來的沖擊力。上述的配色方式僅僅是我們工作的一個慣用方式，不同項目敲定的內容也不同，請靈活使用。
當然我們在這邊提及的色調并不是一個確定的值，而是圍繞選定顏色周邊的一個色域?？赡茉谖淖只蛘邤底稚蠒赜脗鹘yUI的規則，保持特定的統一。但是在點線面、配飾、特殊狀態的觸發等元素上使用這些色域去提高整個界面的層次和細節，使得畫面沒有那么硬，各個板塊之間是有舒服得過渡。這里的色域以前是需要自己將色調于黑白二色融合的漸變中選取不同位置的顏色組成色板，如今AntDesign的輪子比較友好，填入主色就可以對應生成有層級的顏色。
我們上述的配色方案是有傾向觀賞展示型的，由于用戶使用大屏普遍都是匯報展覽并且用戶樣本容量小。故在表達的過程中大量借鑒了運營設計的方式方法，因此配色方式存在包容性不夠的現象，對于色盲色弱的人群是有障礙的。比如青色、藍色、紫色在色域展開的過程中，選取其中幾個顏色做疊加色板樣式時，灰色模式下存在顏色拉不開的現象?？赡苁恰八{色”是對色障人群最友好的顏色，AntV保留MPC疊加色板，但同時在使用建議中也寫明推薦使用MOB疊加色板。
在數據可視化領域中，還需要界定清楚你做的是偏向觀賞展示型的還是偏向實戰分析型。這兩者的區別主要在觀賞性的數據可視化往往需要大量的視覺語言去烘托氣氛、用輔助性的元素去增強觀賞的趣味。實戰分析型的主要是需要消除不必要的視覺雜音、強化傳達的力度。因此這就是一個尺度的問題，是偏向品牌創意的手法多一點，還是偏向傳統UI的手法多一點，君可自決~
以下的案例是我自己工作中犯的錯誤，拿出來共勉（捂臉233333）。做的時候由于可視化的經驗并不是很多，在選用顏色的過程中并沒有把顏色的層級拉的特別開，導致長時間觀賞容易產生識別不清的問題，進一步講有可能在比對數據過程中產生認知障礙?；厥滓豢矗醒氲暮诵膮^插畫的比重大于數據本身要表達的內容，出現了喧賓奪主的情況。這也是一些設計師容易犯的錯誤，需要再次明確所有的手法和表達方式都是服從一個原則，即清晰有效地傳達與溝通信息。
設想一下，一個充滿數據的界面本身就是會伴隨視覺疲勞的。人是有惰性的，會自然的抗拒一些不清晰不明確的展現方式。數據可視化在我們理解中就是通過設計師清晰有效地傳達與溝通信息，使人有能力抗拒自己的惰性去從枯燥的數據中分析出超額信息。
數據可視化和大量數字打交道，選對數字的字體挺重要的。涉及到字體版權的問題請自行解決，在推薦字體之前有兩件事情需要注意下：
第一、文字習慣左對齊，數字習慣右對齊。文字左對齊是人一般從左至右閱讀，數字右對齊能夠快速識別數據量的大小，容易與其他數據比對。因此在選用數字字體的時候，盡量使用字間距相同的字體（比如Lato字體和DIN字體，注意PS中比對的時候需要選擇度量標準，使用視覺的字間距會有問題），這樣比對數據的時候字間距相同更容易產生比對結果。
第二、選用數字字體的時候需要檢查下常用字符是否有缺失、是否顯示正常。比如錢幣的符號“￥”和“$”以及“%”。還有就是“1”和“7”、“0”和“O”這兩個需要能夠清晰識別。（國外的很多字體是沒有人民幣的符號的，DIN的0和O并不是特別好識別，故很多公司會自己改良字體滿足自身業務的要求）
我們最長使用的就是思源黑體、思源宋體，開源并且字體庫全。缺點就是比較中性，在數字上辨識度不是很友好，因此我們在數字上最常使用的就是DIN字體。DIN 是德國標準協會，Deutsches Institut für Normung 的首字母縮寫。1975年起，德國政府把DIN作為國家標準體系，DIN 標準在國際和歐洲范圍內被廣泛使用。DIN 字體繼承了嚴謹可識別度高，被廣泛運用。
DIN也是有缺陷的，支付寶設計師SKY在專欄里也講過4的開頭較大，以及5，6字體的圓形不夠一致，7縮小后識別度問題，所以很多公司都會基于這些問題進行二次設計，比如微信錢包、京東金融、百度金融都在一些地方對DIN字體進行了微調后使用。
接下來我們直接推薦幾個有風格的英文和數字字體給大家（私貨環節！）：
Futura這個字體是我自己特別喜歡的一個字體，字體表現很現代，看上去特別利落，繼承了包豪斯的設計理念。
Optima也是我個人比較心水的一款，字體充滿人文主義。字體本身嚴格遵循了黃金分割原則，比例優美，字里行間充滿了變化。
Garamond簡直就是襯線體之中的典范，就這么說吧，經典的設計中一定會出現他的身影。
Bodoni被譽為“現代主義風格最完美的體現”。字體粗細對比強烈，給人浪漫的感覺。
Didot和Bodoni很相似，都是給人浪漫的感覺，不同的是Didot在數字上面做了不一樣的處理，兩者在電商上使用都蠻多的，一般用做價格顯示。
DIN被德國人視為“國民字體”，有著悠久的歷史。德國的路標和路牌的標準字體就是DIN。其中的4這個設計挺有個性和特點的，容易辯識出來。除了前面說的問題，真的是精準的徳國工藝阿（dog臉~）
lcdD是常見的電子表數字的字體風格，更加端正鮮明的視覺效果，運用在數字提示等內容上，傾斜風的設計讓字體更有自己的獨特魅力。
Lato就是那種非?，F代科技感的一款，并且具備了很多常用自己的特點，屬于那種用了不會出錯的字體。
Avanti和DIN在字形上是很相似的，但是它的字形更加飽滿。差異主要在3、5、8這三個數字以及G、Q都做了不一樣的處理，上半部較小而下半部較大，多了一些變化和趣味性。這個字體還有一個細體，一粗一細，靈活使用。
Tensans和Avanti也很相似，如5和8上下部分的比例，6和9的轉折以及中圈部分都挺相似的，有點像Avanti字體的加粗版本。但是Tensans特征更加明顯，比如2、3、4、7的轉角尖銳，切角鋒利，具有很濃重的現代工業氣息，比較適合速度、剛猛、游戲等主題的設計。
Impact這個字體第一感覺就是厚重醒目，視覺沖擊力很強。特粗的筆畫、緊縮的間距以及狹窄的中宮，特別適合大標題和醒目的價格展示。
字體字面比較秀長，筆畫流暢，簡約大方。適用于化妝品、服裝等女性向。
和上面哪個BebasNeue是有點相像的，字面細瘦，挺拔優美。多了一些襯線體的字重和體勢的變化，設計感與裝飾感更強，尤為時尚，在女性、文化、時尚類中用的格外多。
Gaoel有著Avanti的韻味，但是更加年輕、圓潤，令人驚喜的是大寫的字母有著統一的特點，特別未來。不過需要注意的是該款沒有小寫，小寫就直接變成如下樣子。整體字體設計很圓潤，年輕化，可愛非常適合一些偏年輕化的產品，同時字重非常適合金融產品的字重效果！
Proxima Nova的style還是比較多的，我個人用的比較多還是在它的細體上做修改，比較纖細現代。
Gotham號稱發布會字體，特別現代干凈的一款字體，這些年看到的較多是手機發布會的海報設計，纖細的字體壓在海報上很有力量。
Expansiva也是特別有個性的一款字體，用于做數字的也比較多，目前看到的可視化設計中存在，但是使用量并不多，由于字形骨骼的因素，用于數字上比較多。
文章來源：tob.design 作者：王亮亮同學
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
故事線，即故事框架，在前面的系列有略微提到過，畢竟如何串起信息點以及頁面的構圖方式是服務于故事線的。在我們服務用戶的過程中，發現有些項目的表述方式是重復的。那重復的原因是啥呢？簡單的想了下這些問題，不難發現用戶吸收信息的方式和業務邏輯大致是相似的，所以我們在做項目的過程拿到用戶給出的需求后想出的解決辦法中也是具有一定的相似性。
解決辦法中的表述方式是單獨存在的，是對應不同的業務場景，我們想要的是將故事線的方法論總結下來，畢竟思想是永恒的。專門用一章講一下我們總結的方法論是因為這些故事線本身是抽象的，具有高度的總結性，能夠適用于大多業務，也方便新人設計師在做需求的時候有一定之規可以參考。
發現現象-提煉問題-問題分析-解決問題這條故事線，是我自己寫文章的時候想出來的，確實故事線最早的體現就是工作報告之中。這個可算是黃金故事線，百分之八九十都能套進去。因此適用面特別廣，我們經常使用這條故事線來講民生問題，特別在脫貧攻堅的專題中用的較多。那么就圍繞脫貧攻堅專題來講一下怎么鋪開這條故事線。
以茶農的故事作為切入點，我們發現實際的場景是這樣的。A地的茶葉產業鏈較完整 ，B地是A地的幫扶對象，但是B地的經濟民生一直不溫不火的狀態。從大數據的角度，通過監控B地產業鏈的指標不難發現其實是有文章可以做的，簡單來論述下主要是以下四塊內容。
發現現象：B地移植了A地的茶葉產業做法，本以為能大力提升B地經濟 ，但是從B地的GDP、產業增加值、人均可支配收入并沒得到明顯持久性提升。
提煉問題：通過監控B地的茶葉市場調研數據，不難發現B地的市場和A地的高度重合。B地的經濟不溫不火應該是做法全盤照抄A地，并未形成自身特色，在市場上未拉開差距，一直以低廉利潤來維持銷量，產生不了其他高額的產品附加值。
問題分析：通過分析B地的茶葉市場調研數據，發現在其他緯度上B地的茶葉產業市場并沒有拓展。比如A地深耕多年在銷售渠道上，建立了產業全國銷售網，從數據上分析上表示祖國東南板塊基本被A地壟斷，但是其他板塊并沒有全部滲透，B地是否可以向那些板塊進軍。諸如此類的問題都可以從數據層面分析出來。
解決問題：當核心問題被提出分析后，得到一些改良意見。那么未來的產業運轉以這些意見為參考，建立起合適的監控指標，用來佐證這些改良意見是否具有成效。
這條故事性適用性廣，挺多問題都能放進去。但是需要明確一件事，每一步的對應指標需要有代表性，不然說明不了問題，還有上面的故事線是如何鋪開的僅僅作為解釋。
宏觀-中觀-微觀這條故事線，是我在做經濟項目的過程之中挖掘出來的。當時在做項目的時候主要還是從宏觀和微觀兩個角度去論述，通過化繁為簡、以小見大來表達我們的想法。最后通過總結整理后，發現加上一個中觀緯度會更加順暢和飽滿。這條故事線適用于不同領域至上而下的政策傳導和政府關懷的信息串聯。
就拿這個經濟項目為例子講一下這條線怎么鋪開。當時拿到的需求是客戶想通過數據看下十三五規劃后一個變化，怎么去響應中央的號召，怎么通過解讀工作將政策和人民群眾建立起橋梁，怎么將人民群眾落到實處。其實這就是一個從宏觀到微觀過程，換句話說就是方向-工作-成果。通過歸類提煉信息點，我們不難發現可以將信息分成三塊內容。
宏觀：中央經濟會議的主基調、國家層面的重大項目、國家統計局頒布的監測重點指標；
中觀：省委或者地方上是怎么解讀政策的，并且針對自身特點增添了什么內容；
微觀：人民群眾的生活變化——物價的監控指標、人均收入的監控指標、生活質量的監控指標；
分清楚這些后就用設計語言一步一步的表述下去，形成從上到下的一整套解釋。順便提一嘴，需要在橫向上做上數據比對分析。這樣縱向有業務，橫向有數據，整條線才算飽滿。
基礎-工具-落地-成果這條故事線，是我同事在和警察叔叔斗智斗勇好幾個月后積累出來的，經過我們不斷實踐總結出這條故事線。這條故事線是從大量的業務邏輯中提取的，環節和環節之間并不是完全獨立，是互補互存的，描述的過程中需要4個環節同時存在才能為最后形成的結論產生背書。這條故事線適用于描述自有業務的從無到有的演變過程，體現自身在對應領域的耕耘。
那么就拿我同事這段不堪回首的往事來解釋這條故事線是怎么鋪開的（dog臉~）。當時的需求是這樣的，我們的客戶即警察叔叔需要向外界介紹他們工作成果（向保護我們安全的警察叔叔致以最高的敬意?。?。我們抽調了很多相關的歷史重大事件的破案歷程來詮釋警察叔叔的辛苦，但是警察叔叔們均不滿意。他們認為還是太片面了，并沒有將大局講清楚。反復和客戶溝通最終確認了業務，因此有了這條故事線的雛形。簡單來論述下主要是以下四塊內容。
基礎：公安存檔的犯罪記錄庫與人臉識別前端設備相結合產生大量的預警，在庫內形成預警日志；
工具：簡單來說同一類犯罪，比如賭博經常出現在某個片區，通過建立模型可以知道大致動向。那么不同的規則不同的對象可以建立不同的模型，即犯罪模型就是工具；
落地：把模型推廣用出去，使用模型進行分析。比如多位賭博人員被捕捉到經常出現在大屏上某個特定的片區，多地協調開始偵辦該犯罪活動。
成果：將繳獲贓款、犯罪人員、案件細節反補入基礎庫中，形成業務上的閉環。
這條故事線需要將自身想表達的業務嵌入這四個環節之中，并且從頭至尾必須同時存在，缺少哪個環節最終的閉環無法形成。多地業務反饋，形成良好的閉環是優勢互補、避免資源浪費的最好體現。
核心-緯度1/緯度2/...緯度N這條故事線，是在做西湖項目的時候發現的。主要的做法就是以一個核心為內容，分不同的緯度去詮釋這個核心的價值。在表達方式算是總-分的概念，可能最后在從分的地方再繞回來。相比其他的故事線，這比較“面”。將一個大問題分割成幾個小問題，一塊一塊去介紹。這條故事線適用于核心內容比較寬泛，涉及業務領域較多的主體單位。
簡單介紹下這個項目用來解釋這條故事線是在怎么鋪開的。西湖的項目是一個大結合體，是西湖管委會關于自身治理的一個成果展示。由于管轄的區域中存在較多不同領域的內容，故此采用這種方式論述。主要是以下五塊內容。
核心：西湖景區主要是旅游產業，對應的核心是景區游玩人數（即公園年卡辦理數、收費景點入園人數）。那么圍繞這個核心就有挺多緯度是可以影響的，最后確定下來的是五個緯度。
緯度1：治景。監控實施客流，以及分景點監控其客流量和停車服務，實現動態分析擁擠程度；
緯度2：治業。監控與西湖相關的產業和企業的狀態值，掌握周邊合作企業的發展狀態；
緯度3：治安。轄區內以網格為單位，監控網格內治安事件的狀態，比如綜合治理、市場監管等事件的發生數；
緯度4：治水。西湖大面積是水，因此監控西湖的水質水量也是重要的一環；
緯度5：治山。監控西湖的山體內基礎資源的布設，是便民利民的體現，也是管理成果之一；
形象的解釋就是核心是塊大餅，不同的緯度就是去分這塊大餅。最終的目的是讓受眾更好的了解故事，因此分大餅的時候請不要過于深入展開某個緯度，各個緯度偏向均衡介紹。避免過于陷入某個緯度導致宏觀核心不可觀。
起初-然后-接著-最終這條故事線是按照用戶行為沉淀出來的，一般人在介紹自己經歷的事情的往往也是用這樣的格式。其實這個故事線我們也是偶爾在需要點題的內容上做分析詮釋，拿出來講只是想多個內容多個探討的資源。這條故事線適用于具體案例一步一步按照節奏講述的場景。
那我們拿一個用戶滿意度的流程來解釋這條故事線是在怎么鋪開的。這個用戶滿意度的項目是分析市民來窗口辦理業務的效率以及情緒，從宏觀層面統計轄區內所有網點窗口的業務辦理效率。需要我們將市民來窗口辦理業務的整個流程清楚細致的剖析，通過對業務流程的觀察，我們利用這條故事線大致分了以下四步。
起初：排隊取號階段。分析目前所有網點窗口排隊取號的擁擠程度（取號量和等待人數）
然后：業務辦理階段。分析目前所有網點窗口業務辦理的速度效率（辦結量、過號量、辦理時長）
接著：現場評價階段。分析目前所有網點窗口現場及時反饋的情況（數量、滿意率、網點排名）
最終：回訪評價階段。分析目前所有網點窗口業務辦理的質量（是否最多跑一次、回訪評價）
按照節奏講述具體案例有個需要明確的是，信息的接收方會隨著介紹陷入具體的場景，這時候當講完后繞回來輔以幾個總結性指標來概括整個場景，會更加適合信息傳達。
以上五條故事線均是從表達中抽離出來的，它和視覺手法等都是為信息傳達服務的，目標都是為了受眾更好的接受信息。故事線本身是抽象的，需要多使用在業務上才會熟悉。上述講述的這五條，其實大家細心點會發現并不是完全獨立，存在換套說辭就可以融在一起的情況。我們自己在使用的過程中也是多條一起講問題，衡量的標準就是把故事講清楚。
文章來源：tob.design 作者：王亮亮同學
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
引子
說起大數據這個領域，可是近些年相當炙手可熱的產業，而伴隨這個產業提供了很多就業機會。黨和國家大力推進政府數字化轉型，我們也受益于這波浪潮并在其中得到了成長。我們主要是作為第三方企業幫助政府推動數字化轉型，在這個過程中承擔數據可視化設計的環節。大數據時代下，黨政機關的數據量也是龐大且復雜的，我們的用戶也需要新的技術去面對日常工作，對于設計而言是一個頗有挑戰的課題。
寫本系列的初衷是想把工作過程中的一定之規總結沉淀下來，坦誠的講我們也是站在前人的肩膀向前。比如我們的后臺數字化解決辦法中融合了螞蟻金服AntDesign的精神和阿里云對于體驗的標準化反饋機制，并且針對自身業務在某些緯度上做了傾向性的調整和變化。
在此多說一句，我們很榮幸站在這個時代的浪潮上去觀賞中國崛起的史詩畫卷，但是我們也時刻保持著冷靜和客觀。我們很欽佩那些將比較成熟的東西標準化，拉高整個行業的體驗基準線的團隊。標準化一定是一件需要全行業一起推動的事情，在此獻上我們的一些總結和思考。
與傳統的數據可視化設計體系相比較，由于我們的用戶是黨政機關、事業單位，因此更有傾向性的選擇和探索。長時間的觀察用戶，發現外界普遍存在夸大事實的宣傳和固執己見的成見。對于LOGO又大又紅的需求，其實有絕大多數是溝通存在了障礙。
在我們為用戶服務過程中，存在經常加班和反復改稿的現象，在一定程度上造成資源浪費。作為B端的設計師，冷靜的復盤項目過程，排除其中的主觀因素，客觀的分析現象。認為問題可能是很多同事無論在業務理解和前期規劃都有一定的障礙和不適之處，不能和用戶達成目標的一致性。發生這樣的問題是因為組內大部分設計師C端的思維并未完全過渡到B端，在工作中沒有凝煉自己的方法論。故此，寫本系列是奔著將我們過去總結的方法論給到新人設計師，為了更好的融入工作，減少試錯成本。
要搞清楚這個問題，首先我們需要解釋下什么是數據可視化。
數據可視化主要旨在借助于圖形化手段，清晰有效地傳達與溝通信息。但是別輕易認為是簡單的將數據轉換成圖表，而是以數據為視角，看待世界。換句話講就是用一些方式方法將以數據為內容的信息直觀清晰的展現在用戶面前，幫助用戶了解真實的世界，明白數據背后隱含的變化規律。
那么問題來了，用戶需要看的是什么？
舉個例子：有的時候我們給黨政機關做可視化大屏的時候，用戶在宏觀角度下并沒有明確表達需要展現的內容，往往這個過程中我們需要挖掘用戶的心態。一千個人眼中有一千個哈姆雷特，每位來視察的領導對于看到的內容都有不一樣的詮釋。通過經驗判斷，有些常用的內容是有價值的，比如GDP增速、一產二產三產的產業增加值等。這邊我不是說讓大家都去碼這些指標，這種拿來主義我們從來不倡導。我們是想讓大家明白，用以上的指標是因為這些內容是地方官員工作成果和工作成績的體現，這些指標是通過大量計算的一個結果值，是反應政績的一種量化指標。以往匯報的時候，講訴的時間并不長，因此要抓住機會講結果。
知道用戶關注哪些內容后，就冒出一個問題，讓用戶怎么看！簡而言之，你怎么去碼這些關注的內容。在政務系統長期的建設下，我們對用戶的數據有多龐大是有所了解。哪怕歸集數據的主體是一個小的部門，定義其工作性質的就有幾百個指標。你需要理解用戶是長期在哪種環境下的，收到的信息是以什么樣的方式傳遞的。
舉個例子：你注意下我們這篇文章的主次關系，有沒有發現是按照大標題-標題-中標題-小標題-正文的方式敘述的。有空看下政府的紅頭文件或者當地的報刊雜志，都是按照規范的行文方式傳遞信息的。那么用戶長期在這樣的環境，就會依賴這種方式去接受信息。
將信息結構化，用寫文章寫書那樣的方式將信息傳達，建議使用總-分或者總-分-總的方式。當你這樣還不能梳理清楚，可以借鑒扉頁-目錄-章節等方式去表達。
有的時候，緣分就是那么巧妙。我們的自我要求和用戶的訴求趨于同步，一個故事講的好不好直接關系著一群人的工作成果。這里的故事化換句話說，就是框架。正所謂大道至簡，信息傳播最牛逼的就是把一個特別復雜的內容用最樸素近人的語言總結，比如獨立之精神，自由之思想。
我們以一個案例來剖析如何有組織有節奏的表達內容，以下是有關于經濟的內容，僅供參考。
首先，先拆解經濟的信息點，信息本身是有層級有關系的。單獨存在的信息點沒有比較，是無法從側面反應客觀規律的。為了我們盡量少的產生紕漏，先開始逐層拆分。我們明確信息點有哪些，根據上一節的內容，我們獲知信息點取決于用戶需求，而傳播信息點又受傳播媒介影響，即表達目的。總結而言，就是用戶想看什么和你想讓用戶看什么？這個地方需要仔細想想，不然起步就錯了。
在經濟大屏中領導一般關心的是工作成果和工作成績。
當確定這兩個內容的時候我們繼續細化拆分信息點。當前這兩大類是很籠統，不具備結論性。我們需要繼續拆分信息點，直到可以對這兩大類提供結論。此時我們的慣用方法就是用宏觀-微觀作為拆分依據，如下：
故事化的作用就是將信息點有組織有節奏的表達出來，零散的信息點毫無意義的。換句話說就是用框架的形式清晰完整的表達內容。好的故事是有主有次，主能概括、次能點題。
主要故事線：用戶接受度高，能夠概括整個屏幕的內容，快速了解頁面概況或者特別關注的重要信息。
次要故事線：對主要故事線起到解釋補充的作用，能夠全面闡述頁面信息或者點題的作用。
那么這邊就清楚了，主要故事線就是宏觀內容，次要故事線就是微觀內容。解釋下，次要并不是說不重要。像這邊的微觀內容代表的就是地方上的信息，需要存在但不是全面展開，它是宏觀的基礎土壤，往往我們在介紹的時候是用來點題，以小見大的。
最早我們就說用戶關注的不是數據項，數據項是過程的產物，真正的關注點是最終處理后的信息。我們訴求的信息點是從用戶想看什么和你想讓用戶看什么中挖掘出來的，需要有數據背書。即數據關聯信息點。
1.明確用戶關心的內容是重中之重，它決定起調的方向。有的時候陷入項目之中，往往是關注項目細節忽略了大局觀，所以經常低頭做事也需要抬起頭看看路。
2.按照用戶習慣的方式去梳理信息點，減小使用成本。用戶長時間沉浸在有條理有層次的環境中，因此灌輸信息的方式也要依循這個節奏。
3.歸類提煉信息點，用故事去串聯信息，用數據背書信息。有條有理的去表達我們的想法，能夠讓人更好的接受并且理解。
文章來源：tob.design 作者：王亮亮同學
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
編輯導讀：當各大電商平臺忙著雙十一的時候，拼多多似乎是個獨特的存在，不慌不忙，圍觀在旁。拼多多為什么不重視雙十一？他們主要在忙什么？文章從這兩個問題出發，對此展開了分析解讀，一起來看看~
孫悟空是石頭縫里蹦出來的。阿里系幾位P8Plus的朋友和阿德哥聊時說，拼多多也是石頭縫里蹦出來的！
“打京辦”成立這么多年，沒承想打出個拼多多。剛剛發布的拼多多Q3財報顯示：首次單季度盈利，第三季營收142億元；GMV達1.45萬億，同比增長73%；活躍買家達7.31億……
在資本市場上，拼多多迅速趕超京東300億美元達1600億美元市值，成為國內僅次于阿里、騰訊、美團的第四大互聯網公司。
自2014年起，投資界便開始流傳“電商已是死賽道”的共識，拼多多的崛起給了投資界一記響亮的耳光，也再次說明了“長江前浪推后浪，江山代有才人出?！?/span>
與當年打京辦、投蘇寧等手腕比，似乎阿里對拼多多已無招可施，重啟聚劃算、推淘寶低價版眼看也只是“補課動作”。而拼多多，卻正在暗暗部署更多領域，圈內人說，“誰如果小看黃錚的野心，就等承認自己是一個傻X”是同樣的邏輯。
“摁不住的拼多多！”阿里的多位朋友如是說。
今年的雙11因為“你懂的”原因而顯得波瀾不驚，除了天貓交出4982億元、京東交出2715億元的答卷之外，似乎乏善可陳……
“拼多多天天都是雙11！”
拼多多的朋友告訴阿德哥，所以他們不希罕宣布成績。
當然，這并非拼多多的官方回應，官方回應說，拼多多更在意消費者的購物體驗。拼多多的Slogon是，多實惠，多樂趣。
一個小混混有了另立山頭的志向后，并非馬上另立山頭，他首先做的，不是去激怒原有的老大，而是，開辟自己的新陣地，帶自己的小弟。
拼多多只是不公布成績，并非沒有參與“雙11”盛宴。
曾國藩說，聰明的人都懂得“藏拙”，但只有少數人懂得“藏鋒”。
沒有滿減、蓋樓、升級列車、養貓……只有簡單的“低價”，拼多多副總裁陳秋說，本次雙11，拼多多的一切優惠都將以最簡單的方式面向用戶，消費者不用做滿減計算題，看到的即是最優價。
前幾天，夫人非要去郵局給小侄子寄一堆童裝，這與阿德哥的習慣大相徑庭。可到了郵局，除了服務的眼神不對之外，價格真讓我驚喜：30多斤一大箱的衣服，郵寄費30元。
總說國企服務沒跟上，可價格也真是“良心價”啊?！白怨耪媲榱舨蛔。偸翘茁返萌诵摹?，黃崢說。
總是低價得人心！
阿德哥曾做過了多次田野訪問，得出兩個基本結論，一是老家很多親朋基本都知道淘寶，但大都卻正用拼多多；另一個是阿里、京東多年的鐵粉，居然瞬間被拼多多“拉走”。
“618”期間，一個朋友在京東購買售價1099元的Beats solo3藍牙耳機，已準備在京東下手的他，突發異想去拼多多“多看了一眼”，499元。你沒看錯，不要599元！
這個朋友今天已是拼多多的優質用戶，幾個月時間里，貢獻了近三萬元的GMV。
打開拼多多APP，限時秒殺、斷碼清倉、XX特賣、9塊9特賣……不要小看這樣的戰陣：因為大量的特價版塊，外加重頭推出的“百億補貼”，拼多多給用戶展示出的，可不就是天天雙11嘛？
而其背后的玄機則在于：通過不斷上新的各種大促，拼多多對于品牌的露出與銷量拉動，早已遠超傳統電商“泛賣貨”模式，它一改小商家陪煉大玩家的傳統模式變成了“讓更多的商家可以雨露均沾”。
如果非得去探尋一下拼多多的崛起路徑，吃瓜瓤的多半會說，沒有淘寶就沒有今天的拼多多，沒有微信也沒有今天的拼多多。
這可以視為正確的廢話。
當年抗美援朝的路上，也曾有不少志愿軍睡著了。
移動互聯網大潮來臨的時候，互聯網的生態發生了全新的變化，拉長時間線，誰臨陣換了大將，誰展開了整風運動？
江山代有才人出，丁磊的知音，段永平的弟子，黃崢當立。
簡而言之，阿里為中國的電商事業立下了汗馬功勞，基本讓國人實現了在“消費互聯網”端的揚眉吐氣；而騰訊的QQ、微信，則讓國人實現了網絡“非主流意見市場”上聚集了最多的人。
創業，天時、地利、人和。黃崢不會都得，但都掙得了。
淘寶“開卷考試”帶來了最初的商家和貨品，微信“熱鬧人群”帶來了交易場景，砍價、拼單激發了社交流，拼多多，用了不到三年的時間，創造出了“新電商速度”。
隨后是C2M新品牌計劃，百億補貼的大品牌計劃，而快速上市帶來的則不僅是高光，更是贏得了“黃金時間”。
按照傳統電商資本套路，拼多多三季實現單季贏利之后，還有一年到一年半的“高增可虧損”黃金時間。換而言之，拼多多依然可以繼續實現補貼、營銷推動，而不必太在意贏利。
這樣的時間窗口，縱觀天下電商，唯拼多多有之。
有疑問的人，不妨多看看拼多多今年的前二季財報的營銷費用率，答案擺在那兒呢。
恐怖的是，黃崢的野心并非只在“實物電商”，據說，在拼多多，更多的大殺器正在路上。
上天并非偏心，了解黃崢的人，知道，他只是大器晚成，而非天縱其才。
并非拼多多不重視雙11，而是黃崢不重視，一是因為拼多多已上了軌道；二是因為黃崢最近只關注另一件事——賣菜。這便是多多買菜。
疫情期間，拼多多便推出了線下團購工具“快團團”，協助各地商家收集社區需求，從而實現在線下單。
此前8月，多多買菜正式上線，開始與興盛優選、美團買菜展開直接競爭，先是APP端出現多多買菜頻道，更是迅速推出同名小程序與“多多買菜門店端”服務號：采取的是與本地商超合作，線上賣菜、線下提菜的路徑。
與別家合作前置倉自建供應鏈模式不同的是，多多買菜采取了只幫“合作商家”在線賣菜的方式，換而言之，多多買菜把實惠送給了合作商家，而它想要的似乎只是“用戶”。
在這一邏輯下，拼多多采取了極為激進的補貼方式，以更高方式補貼團長，打出的旗幟是10億量級，除此之外，還采取了“三高”戰術：高補貼拉新、高頻率回訪、率入駐。
賣菜熱不熱？
阿里、騰訊、美團、滴滴、字節跳動盡數入局，而當前跑得最猛的是拼多多——多多買菜。
多位競品人士告訴阿德哥，多多買菜團隊更加年輕，除了在品控方面并未實現良好管控之外，其犀利程度、其執行力，遠超阿里鐵軍。
騰訊陣營拉出了興盛優選、食享會；而阿里系除了為十薈團、你我您合并之后的新十薈團打通阿里供應鏈之外，更是在近期有了新動作：菜鳥驛站團購接入了大潤發的商超，盒馬推出了盒馬mini和盒粉群，據傳零售通事業部亦正在籌備新的社區團購部門。
實際上，今年的互聯網，除了5G軟硬概念之外，最大的賽道是賣菜，它超過了前幾年前輩造出的“新零售”概念。
今年，以賣菜為核心的生鮮賽道上，目前已宣布和匯聚的資金已超過200億元。
黃崢似乎看準了這條賽道，而現在的增量搏殺，僅僅是開始。
“此一時”的策略，是黃崢鐵了心要拿下僅比外賣吃飯稍弱的剛需——買菜，既高頻，又具備想像力。
要知道，首先撬動農村及五環外的，是拼多多。而拼多多C2M端的大成，其實在農產品，賣空一個地方的農產品，早已在拼多多持續實現。
而在未來嫁接進自己的供應鏈，顯然在邏輯上已是必須。而當務之急，是拿下更大規模的“增量”用戶。
黃崢絕非魏延，僅僅是有反骨，他也更不會是鄧艾、鐘會，他是司馬一族。
黃崢如是說，我認為最好的利用營收的方式就是投資R&D、基礎設施、用戶認可度、品牌知名度。重要的是，
培養人們的消費習慣，讓人們以拼多多為最主要的消費平臺。
黃崢之野心，蒼天可鑒，近在咫尺的數據是：年活躍買家已增至7.313億人，第三季度平均月活躍用戶為6.434億人。
與之對應的是，阿里最近的數據是：年活躍買家7.57億，2020年9月，中國零售市場移動月活躍用戶8.81億人。
有人在意ARPU值、GMV，但拼多多似乎更在意客單量、復購率和用戶數。
依阿德哥判斷，電商格局正在乾坤大挪移。
嗯，了不起的蓋茨比，摁不住的拼多多。
文章來源：人人都是產品經理 作者：韓志鵬
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
在這個流量為王的短視頻時代，人人皆可拍視頻。對于短視頻創作團隊來說，腳本是提率、保證主題、節省溝通成本的重要工具。但腳本的制作并不簡單，也嚇跑了許多準備拍攝短視頻的創作者。其實，對于短視頻小白來說，寫劇本并不難用，本文作者就通過這3大黃金原則，教你寫好一個抖音短視頻腳本。
編者按：2020年已經余額不足了，2021年的平面和視覺設計趨勢會是怎樣的？今天的文章來自資深設計師 Iveta Pavlova，看看她所總結的12個趨勢：
我們迫切地希望2020年盡快過去。
疫情，隔離，線下教育受阻，線上學習成為了主流，網購替代了去超市采購，娛樂和溝通都從面對面改為遠程。需求的轉變，也帶來了新的增長。
無論是人還是企業，都需要比以往更快地適應變化。技術和趨勢上也反映出了類似的情況。新的時尚和技術正在推進，你會注意到很多事情和以往有所不同。
快速、直觀的導航，更加具有安全性的設計、節能、深色模式，這些趨勢和要求開始越來越顯著，這些趨勢所影響的已經不僅僅是網頁，APP，還有大把的公司品牌，LOGO設計、營銷策略、 插畫設計等等，它們呈現出一種連鎖反應式的變化。
今天的這篇文章，我們深入梳理一下 2021 年將會出現的視覺和平面設計領域的流行趨勢走向。
從總體上來說，3D設計這一趨勢是在往上走，越來越成熟，也適配地越來越廣泛。設計師和品牌也在充分利用的技術來呈現3D效果，在軟件層面的支持也相當的完善，從整體視覺到UI元素、交互、體驗，3D 近乎無處不在。
而在3D設計這個領域當中，寫實和超現實一只手最為流行風格方向。從目前已有的很多設計來看，這些 3D 建模渲染出來的角色和場景，大多作為視覺主體來呈現，在頁面中占據主導地位。而將圖像和文本結合起來的方式也在影響著3D設計，很多更加貼近潮流的設計當中，會將照片和3D元素結合到一起，產生極有調性的視覺風格，加入動畫，能夠瞬間讓設計脫穎而出。
在這些 3D 的設計范例當中，很多令人驚嘆的作品并不非出于藝術來這么設計，相反是為了更好地引起用戶注意力。在這個注意力匱乏的時代，3D 設計是大殺器。
Emoji 是另外一個流行趨勢。表情符號已經突破了「傳統」的聊天領域，開始廣泛地運用到平面、視覺甚至 UI 當中。它開始充當一種介乎文字和視覺之間的新型語言，它還能傳遞出情緒，這就很給力了。
于是，各種 Emoji 在平面和視覺設計中，被用來消解嚴肅，營造氛圍，讓設計更加輕松。在未來幾年中，Emoji 這一元素應該會被應用得更加廣泛，并且會以更加富有想象力的方式，呈現在方方面面的設計當中。
十年前，富有有機感的自然元素隨著扁平化設計的興起而逐步淡出主流趨勢，但是如今，它又再次流行起來了。
自然的線條，柔和的光線，泥土和樹葉的色調，貼合自然特征的漸變，再一次被主流所擁抱。
不過如今的這些自然元素的運用，會更加簡約，無論是小元素還是大插圖，通常不會用得很滿，材質和肌理的運用也會相對克制。
促使自然元素的流行的另外一個原因，是疫情和隔離。長時間沒有機會外出會讓用戶對于自然元素更加青睞，哪怕它們僅僅只是存在于設計當中。
自然元素并不會受限于領域，無論是技術相關還是商業領域，自然元素都適用。
當大腦看到的視覺信號和通常認知不一樣的似乎，大腦會下意識注意到它，會讓眼睛躲看看，盡量想辦法處理好……而這，也就是視差錯覺元素在設計當中的獨特價值！
對于看不清楚的東西，人就越是想看，上頭，上癮！
而從2020年開始，視差錯覺開始從小眾、古早的設計領域當中走了出來，被時尚和商業所青睞，越來越多的品牌開始借用這種手法來抓住用戶注意力，這種視覺奇觀的價值在今年得到了體現，在即將到來的 2021 ，可能會更加流行。
不過，這種設計要注意控制好復雜度，太繁復復雜了可能會讓人覺得不適，小心使用。
字體設計一直在流行。而在 2020 年，3D 的字體設計開始出現在各種地方，有趣的概念和想法層出不窮。
逼真的3D字體，和現實的元素交錯，制造出獨特的視覺效果，這是 3D 字體在 2021 年最有可能流行的玩法。與此同時，3D 字體的排版效果結合動畫、肌理、圖案將會是最主要的呈現方式，因為目前最前沿且流行的軟件和技術，都可以做到，且非常適合這樣來搞事情。
自定義的手繪插畫是創造獨特設計的一種常用形式。但是手繪插畫風格很多，而卡通插畫能夠脫穎而出的原因其實很簡單：有趣，多變，功能強，效果好。
卡通插畫本身是認知度最廣的一種形式，可以繁復可以簡單，最重要的是，它的趣味性足以讓人駐足，表達形式可以非常巧妙，也可以引人發笑，在品牌推廣和營銷上，有著獨特的優勢。
金屬效果其實正在越來越流行，而其中能得到最廣泛喜愛的始終還是金色。所以，帶有黃金質感的元素，或者類似風格的視覺設計，將會在 2021 年得到更加廣泛的流行。
當然，除了黃金之外，白銀、黃銅、鉛類似這樣的金屬質感同樣會隨之風靡，金屬的光澤、粗糲質感，光影的變換，都是這種視覺元素標志性的特征。
有的設計，會聚焦于黃金質感本身：
還有的設計，會江黃金和其他的具有現代特征的材質（比如大理石、玻璃、塑料）結合到一起使用：
從數字媒體誕生開始到現在，像素藝術其實一直都沒有真正過時。
Minecraft 和樂高是讓像素藝術「文藝復興」的重要推手，更加成熟的 3D 技術讓三維立體的像素效果得到了大規模的普及。
在2021 年，你可能會看到更多更加富有調性的 3D 像素藝術設計作品，它們有趣又復古，但是在技術和效果上，又有著現代的痕跡和獨特的趣味。
制造簡約和富有凝聚力的設計的方式有很多，其中之一是對色彩進行精簡。在時間有限并且目標明確的情況下，單色調和雙色調的設計其實是很不錯的選擇。
正是因為此前各種炫酷多彩的設計流行了接近10年，厭倦了信息過載的用戶和設計師開始擁抱單色調和雙色調的色彩組合，最主要是這樣的設計更加易于產出，也易于吸收理解。
單色調和雙色調的設計，最突出的優勢，其實是讓形體更加突出，讓視覺更加明確、和諧，對于用戶而言， 這樣的設計也更加平靜、舒適。
不要小看最基礎的幾何圖形，實際上在最近2年，設計師們用自己的作品證明了一件事情：即使是最簡單的幾何元素，同樣可以創造出繁復、有趣、富有想象力的設計。
值得注意的是，這種設計趨勢的特點在于多個幾何元素的拼接組合，這種方式消解了單個幾何元素的單調感，反而能夠制造出豐富而強大的視覺體驗。
想要把握這種趨勢，你可以使用 3D 的幾何元素來進行拼接：
也可以用好樸素但是可以玩出很多花樣的平面幾何元素，這種設計會更加抽象：
字體和排版設計其實是時代的鏡子。流行什么樣的元素和風格，反映了當下用戶的心態和想法。如今正在流行的排版視覺風格，是混雜了繁復變化的懷舊視覺風格，它們可能會在 2021 年呈現出爆發式的流行。
這種情況可能是源自于疫情隔離所催發的懷舊情緒，而其中對于規則的打破和略顯繁亂的風格變化，似乎也源自于類似的情緒。
去掉色彩的設計，會顯得更加簡約，對比明確。同事，采用無色彩的設計，會讓設計本身足夠特立獨行，尤其是在如今這個多彩的世界當中。
經典的黑白色調柔和而迷人，它的魅力是獨特的，甚至是不可替代的。無論是陰影、動畫、液態效果還是有機元素，它都會更加顯得形體化和輪廓化。
預測未來總是一件有趣的事情，而在如今這個階段，對于未來趨勢的預測，也包含了另外一層意義，就是對于未來的期待。想要把握未來，繼續前進，那么就需要不斷地追索。
文章來源：優設 作者：Iveta Pavlova
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://www.syprn.cn