首頁

華為設計總監(jiān)為您講述產品的設計邏輯

藍藍設計的小編

老婆說,和我結婚兩年了,才大概知道交互設計是做什么的。(我還經常給她講我在做什么設計)

老爸前幾周把我介紹給他朋友,說我是做人機智能的。(HCI和AI還是有點遠好吧lol)

所以,對家人和朋友,做設計的人經常講不清楚自己是干什么的?!?

以前雅虎的老大說過一句話:

When I worked at Apple, I remember the panic Steve Jobs inspired simply by walking the halls & asking "What are you working on?"

也是這個意思,其實很多人不能用一句話講清楚自己是做什么的,價值是什么。

我覺得設計師一定要在這個點上沒有問題,因為簡短的語言歸納能力對設計師太重要了。

我之前寫過一些設計準則、設計思辨的文章,很多朋友問我,有點復雜,有點專業(yè),能否簡單明白地說一下。的確,對于設計師本來的圈子來說,這些思路可能不是難題;但是對于設計師面對的廣大群體來說,很多設計的話題需要有一種更簡單的說話方式來概括。

試想下這樣的場景:

一個技術人員問:這個產品為什么要做專家訪談?

一個市場營銷人員問:設計中的品牌性到底如何體現(xiàn)?

一個朋友問:你明明是理工科畢業(yè),不是學美術的,為啥要做設計?

一個業(yè)務線領導問:這個產品設計的統(tǒng)一性做的如何?哪兒有問題?

一個產品經理問:老聽你說Affordance,到底是什么意思?

基于屏幕的圖片尺寸的邏輯關系及移動界面的尺寸知識點

用心設計

我知道這個標題念起來會讓你覺得非常拗口,如果你是中文系畢業(yè)的,或許還能從中挑出語病來,但我想你明白我要表達什么意思,對不對O(∩_∩)O哈哈~

要講的東西其實都是很簡單的邏輯關系,但可能很多人都跟我一樣稀里糊涂的做了多年設計卻一直沒搞明白其中的關系。當然你不明白其中的關系并不影響你 做出好的作品,但作為有理想有擔當有著歷史責任感…(此處省略一萬字的排比)…的設計師,明白這些基本的知識點,能讓你更好的…(想了下并沒有什么實際好 處(┬_┬)…)

涅磐之路!AVIARY設計師的MATERIAL DESIGN改版實戰(zhàn)

周周

the-journey-to-material-1

在過去的三年里面,我一直帶領著 Aviary 的Android設計師團隊。非常榮幸我能為大家設計這款攝影APP,讓大家能釋放創(chuàng)造力,通過這款APP來拍攝出如此之多優(yōu)質的照片。隨著Google 推出Material Design 這種全新的設計語言,我們的產品設計團隊也開始針對Photo Editor 進行重新設計。今天這篇文章,我會仔細分享我們重新設計它的故事,以及設計經驗和進度,你可以看到這個全新設計語言是如何重塑這款APP的。

術語小科普!聊聊線框稿、視覺稿與原型的區(qū)別

周周

wireframe-mockup-prototype-differeces-1

@Akane_Lee :我和群里設計師聊,發(fā)現(xiàn) Prototype、Wireframe、Mockup 因為翻譯有時候皆統(tǒng)稱為「原型」的關系,導致大混淆,所以來說明下這三者的不同,不清楚這三個術語有什么區(qū)別的同學來漲姿勢咯 >>>

html5動效系列二十:HTML5 SVG世界地圖 地圖可拖拽和縮放

藍藍設計的小編

前我們已經向大家分享過一些基于HTML5的地圖應用,比如jQuery矢量SVG地圖插件JVectorMap,以及這款HTML5/CSS3帶區(qū)域地圖的聯(lián)系表單。今天要分享的這款HTML5地圖應用是一張世界地圖,地圖元素是使用SVG繪制的,并且地圖可以拖拽和局部縮放,效果非常不錯。

html5-svg-world-map

html5動效系列十九:純CSS3實現(xiàn)質感發(fā)光動畫按鈕

藍藍設計的小編

之前我們分享過很多漂亮的網頁按鈕動畫,大家可以移步至CSS3按鈕分類下查看各種各樣的CSS3按鈕。這次要分享的這款CSS3按鈕有著質感的背景,并且鼠標滑過按鈕時按鈕邊框還會發(fā)光,呈現(xiàn)出3D立體的視覺效果。

pure-css3-texture-shine-button

html5動效系列十八:HTML5/CSS3鼠標懸停動畫菜單按鈕

藍藍設計的小編

這次要分享的也是一款不錯的CSS3動畫按鈕,當我們將鼠標滑過按鈕時,按鈕會展現(xiàn)不同方式的動畫效果,大家可以具體看看演示。

css3-hover-button-animation

html5動效系列十七:HTML5/CSS3鼠標懸停動畫菜單按鈕

藍藍設計的小編

今天要給給位分享一款基于CSS3的鼠標懸停動畫菜單按鈕,這款菜單是由一個個小按鈕組成,當我們將鼠標滑過菜單項時,按鈕上的圖標將出現(xiàn)懸浮的動畫。

平衡的藝術!有哪些技巧可以搞定大圖設計?

周周

design-big-image-skills-1

編者按:今天這篇總結了幾個優(yōu)秀的全屏背景網站特點,關鍵是幫同學們掌握在一張大圖上放不同元素的技巧,理解了本質后對PPT、平面設計、海報設計等都有很大幫助,非常實用 >>>

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔