首頁(yè)

選擇極簡(jiǎn)主義風(fēng)格做設(shè)計(jì),不是沒(méi)有道理

資深UI設(shè)計(jì)者

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

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

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

手機(jī)QQ,是如何做注冊(cè)流程的?

用心設(shè)計(jì)

QQ作為一個(gè)連接人、內(nèi)容與生活的社交平臺(tái),其注冊(cè)帳號(hào)將是我們產(chǎn)品中非常重要的一環(huán)。基于Mobile端與Pc端的區(qū)別,我們?cè)谑謾C(jī)版QQ的設(shè)計(jì)上要求更輕、更快、更便捷的給用戶下發(fā)QQ號(hào)。目前手機(jī)版QQ的用戶量覆蓋率已達(dá)8億以上,所以現(xiàn)有新QQ號(hào)的注冊(cè)情況多為已有號(hào)碼登錄情況下的小號(hào)注冊(cè)。所以如何幫助用戶快速注冊(cè)新QQ號(hào),并且使用戶在流程中獲得良好的用戶體驗(yàn)就是我們思考的問(wèn)題。

手機(jī)QQ,是如何做注冊(cè)流程的?

可視化系統(tǒng)搭建 遇見(jiàn)大數(shù)據(jù)可視化系列文章之四

資深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. 圖表基本類(lèi)型

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

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

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

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

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

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

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

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

如何避免交互設(shè)計(jì)中的“刻板印象”

用心設(shè)計(jì)

一直在看奇葩說(shuō),聽(tīng)到很多次的一個(gè)詞叫“刻板印象”。而人之所以有“刻板印象”,是因?yàn)橛衏ategorical thinking(類(lèi)別型思維),它往往使我們產(chǎn)生對(duì)事物的固有看法和理解,是在看到某些特定人、事、物時(shí)第一時(shí)間想到的,這些就形成了“刻板印象”。毋庸置疑,使用“刻板印象”(經(jīng)驗(yàn))能無(wú)形中提升工作效率;減少溝通和開(kāi)發(fā)測(cè)試成本;也不會(huì)太多的打破用戶習(xí)慣。然而,它也會(huì)帶來(lái)負(fù)面影響,讓我們對(duì)真實(shí)世界失去客觀判斷。

從案例中學(xué)習(xí)如何避免交互設(shè)計(jì)中的“刻板印象”


米大師web改版-設(shè)計(jì)總結(jié)

用心設(shè)計(jì)

米大師web是什么?

米大師web是計(jì)費(fèi)平臺(tái)部為公司以及合作方提供的,web端泛娛樂(lè)業(yè)務(wù)支付解決方案。后臺(tái)以SDK包提供給業(yè)務(wù),前端以支付彈窗形式適配所有業(yè)務(wù)場(chǎng)景。

米大師web改版-設(shè)計(jì)總結(jié)

專(zhuān)業(yè)科班系列!如何快速提高你的版式設(shè)計(jì)水平?

資深UI設(shè)計(jì)者

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

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

1.  添加垂直空白空間

用騰訊這個(gè)套路,幫你設(shè)計(jì)好看又好賣(mài)的企業(yè)產(chǎn)品官網(wǎng)

資深UI設(shè)計(jì)者

魚(yú)小干:在談到企業(yè)產(chǎn)品的營(yíng)銷(xiāo)時(shí)(本文中提到的“企業(yè)產(chǎn)品”是指“給企業(yè)客戶使用的軟件/應(yīng)用”),一種觀點(diǎn)認(rèn)為客戶肯定是靠線下推廣來(lái)獲取的,另一種觀點(diǎn)認(rèn)為應(yīng)該讓用戶主動(dòng)購(gòu)買(mǎi)而不是被動(dòng)推銷(xiāo),持這種觀點(diǎn)的公司尤其重視通過(guò)產(chǎn)品官網(wǎng)來(lái)獲客。無(wú)論持哪種觀點(diǎn),不可否認(rèn)的是官網(wǎng)是客戶對(duì)你產(chǎn)品的第一印象,很多潛在客戶在購(gòu)買(mǎi)之前都是先通過(guò)官網(wǎng)來(lái)了解產(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ì)好看又好賣(mài)的產(chǎn)品官網(wǎng),有沒(méi)有一些套路可循?

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

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

這5個(gè)牢不可破的設(shè)計(jì)規(guī)則,是你打造優(yōu)秀動(dòng)效的標(biāo)準(zhǔn)

資深UI設(shè)計(jì)者

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

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


滴滴試駕商業(yè)B端平臺(tái)項(xiàng)目總結(jié)

用心設(shè)計(jì)

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

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

實(shí)戰(zhàn)案例!滴滴試駕商業(yè)B端APP 項(xiàng)目設(shè)計(jì)經(jīng)驗(yàn)總結(jié)

實(shí)戰(zhàn)案例!滴滴試駕商業(yè)B端App 項(xiàng)目設(shè)計(jì)經(jīng)驗(yàn)總結(jié)

資深UI設(shè)計(jì)者

交互篇

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

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

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

日歷

鏈接

個(gè)人資料

存檔