關(guān)于極簡(jiǎn)主義

實(shí)際上極簡(jiǎn)主義這個(gè)詞在人類活動(dòng)的各個(gè)領(lǐng)域中都被地使用著，Merriam-Webster 詞典種對(duì)于它的解釋是“在音樂、文學(xué)和設(shè)計(jì)領(lǐng)域中以極其平衡簡(jiǎn)潔而著稱的一種風(fēng)格或技術(shù)”。極簡(jiǎn)主義正在被越來越多的領(lǐng)域所接納，其核心的特征是簡(jiǎn)約而富有意義。

作為一種視覺設(shè)計(jì)的新方向，極簡(jiǎn)主義在20世紀(jì)60年代的紐約很受歡迎，當(dāng)時(shí)的新老藝術(shù)家正在探索將抽象幾何元素融入繪畫和雕塑藝術(shù)。相應(yīng)的，極簡(jiǎn)主義在當(dāng)時(shí)的諸如包豪斯運(yùn)動(dòng)、建構(gòu)主義運(yùn)動(dòng)中，留下了濃墨重彩的一筆。在涉及視覺藝術(shù)的不同領(lǐng)域，極簡(jiǎn)主義的核心原則基本都是優(yōu)雅地保留關(guān)鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構(gòu)圖等一切元素都被有效地組織起來。今天我們?cè)谏畹母鱾€(gè)領(lǐng)域都可以看得到極簡(jiǎn)主義的影子：建筑、藝術(shù)、攝影、文學(xué)、音樂、UI設(shè)計(jì)，甚至食物。

如何搭建數(shù)據(jù)可視化系統(tǒng)，用豐富的設(shè)計(jì)語(yǔ)言清晰表達(dá)復(fù)雜和龐大數(shù)據(jù)，并形成鮮明的設(shè)計(jì)風(fēng)格？我們把數(shù)據(jù)可視化的元素進(jìn)行拆分并建立相應(yīng)的規(guī)范體系。

圖表設(shè)計(jì)

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場(chǎng)景，也是做數(shù)據(jù)可視化最常用的圖表類型：

柱狀圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

餅圖   構(gòu)成即部分占總體的比例;

折線圖   隨時(shí)間變化的趨勢(shì);

條形圖   分類照片照片什么照片什么什么項(xiàng)目之間的比較;

散點(diǎn)圖   相關(guān)性或分布關(guān)系;

地圖   區(qū)域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式，不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現(xiàn)數(shù)據(jù)，達(dá)到數(shù)據(jù)可視化的目標(biāo)基本方法：

@乘與九設(shè)計(jì)：學(xué)習(xí)版式設(shè)計(jì)就是學(xué)習(xí)如何處理信息重點(diǎn)，因?yàn)樵谌魏卧O(shè)計(jì)中，最重要的信息需要首先被注意到，然后是次要信息。下面介紹幾種適用性強(qiáng)的區(qū)分層次的手法給大家。

在開始設(shè)計(jì)之前，關(guān)鍵要先梳理好哪些是重點(diǎn)信息，哪些是次要信息。接著就是要講重點(diǎn)放在什么位置，是標(biāo)題，內(nèi)容，還是圖片。這些信息的重點(diǎn)就是版式的層次結(jié)構(gòu)。一旦確立好層次結(jié)構(gòu)，接下來就是靠常用的視覺形式來處理即可，例如通過字距，筆畫粗細(xì)，顏色，以及字體等等。方法如下：

1.  添加垂直空白空間

魚小干：在談到企業(yè)產(chǎn)品的營(yíng)銷時(shí)（本文中提到的“企業(yè)產(chǎn)品”是指“給企業(yè)客戶使用的軟件/應(yīng)用”），一種觀點(diǎn)認(rèn)為客戶肯定是靠線下推廣來獲取的，另一種觀點(diǎn)認(rèn)為應(yīng)該讓用戶主動(dòng)購(gòu)買而不是被動(dòng)推銷，持這種觀點(diǎn)的公司尤其重視通過產(chǎn)品官網(wǎng)來獲客。無論持哪種觀點(diǎn)，不可否認(rèn)的是官網(wǎng)是客戶對(duì)你產(chǎn)品的第一印象，很多潛在客戶在購(gòu)買之前都是先通過官網(wǎng)來了解產(chǎn)品的。然而很多公司在產(chǎn)品官網(wǎng)設(shè)計(jì)這件事上投入的精力還不及線下推廣的萬(wàn)分之一，有的只把官網(wǎng)當(dāng)作擺設(shè)，粗制濫造套個(gè)模板結(jié)束，甚至還忽略了移動(dòng)端適配。

作為企業(yè)產(chǎn)品的設(shè)計(jì)師，我們要如何設(shè)計(jì)好看又好賣的產(chǎn)品官網(wǎng)，有沒有一些套路可循？

企業(yè)產(chǎn)品官網(wǎng)的作用是傳達(dá)信息和促進(jìn)轉(zhuǎn)化。傳達(dá)信息是告訴訪客這款產(chǎn)品是什么/能為你公司做什么/為什么值得我購(gòu)買，再配合一些增強(qiáng)說服力的手段來促進(jìn)轉(zhuǎn)化——將盡量多的訪客（潛在客戶）轉(zhuǎn)化為注冊(cè)用戶并最終完成購(gòu)買。按照用戶瀏覽網(wǎng)站的順序，有以下5大設(shè)計(jì)要點(diǎn)：

1. 善用首屏大圖吸引視線
2. 銷售主張明確傳達(dá)產(chǎn)品價(jià)值
3. 合理的導(dǎo)航方便訪客獲取信息
4. 無處不在的CTA推動(dòng)轉(zhuǎn)化
5. 客戶案例增強(qiáng)信任感

轉(zhuǎn)場(chǎng)動(dòng)效在UI界面中所起到的作用無疑是顯著的。相比于靜態(tài)的界面，動(dòng)態(tài)的轉(zhuǎn)場(chǎng)動(dòng)效更符合人類的自然認(rèn)知體系，有效地降低了用戶的認(rèn)知負(fù)載，屏幕上元素的變化過程，前后界面的變化邏輯，以及層次結(jié)構(gòu)之間的變化關(guān)系，都在動(dòng)效的加持之下，變得更加清晰自然。從這個(gè)角度上來說，動(dòng)效不僅是界面的重要支持元素，也是用戶交互的基礎(chǔ)。

動(dòng)效設(shè)計(jì)，尤其是協(xié)助交互的轉(zhuǎn)場(chǎng)動(dòng)效，如今日趨成熟。通過大量的案例分析和過來人的經(jīng)驗(yàn)，我們逐步總結(jié)出優(yōu)秀轉(zhuǎn)場(chǎng)動(dòng)效的5個(gè)核心的規(guī)則，今天的文章，我們就來分享這5個(gè)知識(shí)點(diǎn)。

交互篇

什么是滴滴試駕商業(yè)B端平臺(tái)App

商業(yè)B端平臺(tái)app是滴滴出行旗下試駕針對(duì)廠商內(nèi)部開發(fā)的一款app，通過進(jìn)入試駕B端，廠商能夠快速的獲取相關(guān)數(shù)據(jù)。app內(nèi)有滴滴試駕在c端的基本數(shù)據(jù)和畫像分析。合作廠商還可以查詢具體與試駕合作項(xiàng)目的基本情況、畫像分析、車輛情況等數(shù)據(jù)。

簡(jiǎn)單的來說就是從滴滴試駕c端提取數(shù)據(jù)到B端以供廠商查尋。

我上周參加了一個(gè)工作坊，也算是ThoughtWorks與我所在團(tuán)隊(duì)的交流活動(dòng)。如果你有了解過IXDC，你能夠在15年的活動(dòng)中找到四個(gè)由他們團(tuán)隊(duì)組織的工作坊，其在一個(gè)就與我上周參加的那個(gè)相同——《從1到100》。如果我今天把這篇文章發(fā)出去，就算是這個(gè)工作坊的劇透了吧（也是經(jīng)過他們?cè)试S了的）。

這個(gè)工作坊講的是一個(gè)完整的設(shè)計(jì)方法，即拿到一個(gè)項(xiàng)目需求，如何從設(shè)計(jì)思考（DesignThinking）開始，確定用戶畫像，構(gòu)建場(chǎng)景地圖，頭腦風(fēng)暴，繪制故事版，設(shè)計(jì)產(chǎn)品，直至用戶測(cè)試。他們把整個(gè)流程分為四個(gè)階段：

• 探索：用戶、需求
• 定義：目標(biāo)、資源
• 設(shè)計(jì)：產(chǎn)品形態(tài)
• 驗(yàn)證：測(cè)試反饋

我們現(xiàn)在所面臨的網(wǎng)絡(luò)安全問題一直都很嚴(yán)峻。無論是更改社交媒體帳號(hào)，注冊(cè)新論壇，還是下載新的APP，我們都的數(shù)字身份一直都存在各種各樣的潛在安全風(fēng)險(xiǎn)。開發(fā)團(tuán)隊(duì)花費(fèi)了大量的時(shí)間精力投入到開發(fā)和設(shè)計(jì)當(dāng)中，改進(jìn)流程，優(yōu)化加密方案，來規(guī)避這些問題。

黑客攻擊有網(wǎng)絡(luò)安全專家和開發(fā)者來應(yīng)對(duì)，而用戶所面對(duì)的多數(shù)問題，則更多的需要設(shè)計(jì)師來動(dòng)腦筋解決。通過流程和UI優(yōu)化，設(shè)計(jì)師能夠讓用戶盡可能地規(guī)避一些潛在的安全問題，即使這個(gè)過程中可能會(huì)產(chǎn)生體驗(yàn)上的障礙和不適。

1、不同內(nèi)容的交互界面應(yīng)該看起來不同

每當(dāng)用戶要執(zhí)行關(guān)鍵性的任務(wù)或者操作的時(shí)候，比如更改賬戶設(shè)置與密碼，這個(gè)時(shí)候用戶應(yīng)該保持緊張和專注，那么設(shè)計(jì)上就應(yīng)該幫助他們進(jìn)入這樣的狀態(tài)。因此，UI 應(yīng)該讓用戶清楚他們應(yīng)該做什么。

上篇文章簡(jiǎn)單的介紹了數(shù)據(jù)可視化的基礎(chǔ)，將數(shù)據(jù)進(jìn)行設(shè)計(jì)可視化后，可以讓我們有一種全新的方式去認(rèn)識(shí)數(shù)據(jù)，改變對(duì)數(shù)據(jù)的呈現(xiàn)和思考方式。那現(xiàn)在就讓開始做一份數(shù)據(jù)的可視化表，一步步的來看下我們?nèi)绾潍@取數(shù)據(jù)，以及如何進(jìn)行可視化的展示。

在上章內(nèi)容中，提到了關(guān)于【數(shù)據(jù)可視化迭代過程】的步驟，這也能看出整個(gè)過程包含的步驟，大致有：

1. 確定主題 - 2．?dāng)?shù)據(jù)獲得 - 3.圖表選擇（表達(dá)）- 4圖表繪制

當(dāng)然了我們也可以看到可視化是要一個(gè)不斷迭代的過程，步驟之間都需要多次的迭代修改的。

確定主題

這肯定是第一步了，在做數(shù)據(jù)可視化的時(shí)候，首先你要明了你要做什么，想要從數(shù)據(jù)獲中取什么信息，有了目標(biāo)才能明確的往下做。

那我們這次還是來做關(guān)于空氣質(zhì)量PM2.5的數(shù)據(jù)展示，了解歷年來PM2.5的實(shí)際情況和發(fā)展趨勢(shì)。