首頁

選擇極簡主義風格做設計,不是沒有道理

資深UI設計者

關于極簡主義

實際上極簡主義這個詞在人類活動的各個領域中都被地使用著,Merriam-Webster 詞典種對于它的解釋是“在音樂、文學和設計領域中以極其平衡簡潔而著稱的一種風格或技術”。極簡主義正在被越來越多的領域所接納,其核心的特征是簡約而富有意義。

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

手機QQ,是如何做注冊流程的?

用心設計

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

手機QQ,是如何做注冊流程的?

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

資深UI設計者

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

圖表設計

1. 圖表基本類型

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

柱狀圖   分類照片照片什么照片什么什么項目之間的比較;

餅圖   構成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項目之間的比較;

散點圖   相關性或分布關系;

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

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

如何避免交互設計中的“刻板印象”

用心設計

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

從案例中學習如何避免交互設計中的“刻板印象”


米大師web改版-設計總結

用心設計

米大師web是什么?

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

米大師web改版-設計總結

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

資深UI設計者

@乘與九設計:學習版式設計就是學習如何處理信息重點,因為在任何設計中,最重要的信息需要首先被注意到,然后是次要信息。下面介紹幾種適用性強的區(qū)分層次的手法給大家。

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

1.  添加垂直空白空間

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

資深UI設計者

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

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

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

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

這5個牢不可破的設計規(guī)則,是你打造優(yōu)秀動效的標準

資深UI設計者

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

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


滴滴試駕商業(yè)B端平臺項目總結

用心設計

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

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

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

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

資深UI設計者

交互篇

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

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://yvirxh.cn

存檔