老婆說，和我結(jié)婚兩年了，才大概知道交互設(shè)計(jì)是做什么的。（我還經(jīng)常給她講我在做什么設(shè)計(jì)）

老爸前幾周把我介紹給他朋友，說我是做人機(jī)智能的。（HCI和AI還是有點(diǎn)遠(yuǎn)好吧lol）

所以，對家人和朋友，做設(shè)計(jì)的人經(jīng)常講不清楚自己是干什么的?！?

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

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

也是這個(gè)意思，其實(shí)很多人不能用一句話講清楚自己是做什么的，價(jià)值是什么。

我覺得設(shè)計(jì)師一定要在這個(gè)點(diǎn)上沒有問題，因?yàn)楹喍痰恼Z言歸納能力對設(shè)計(jì)師太重要了。

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

試想下這樣的場景：

一個(gè)技術(shù)人員問：這個(gè)產(chǎn)品為什么要做專家訪談？

一個(gè)市場營銷人員問：設(shè)計(jì)中的品牌性到底如何體現(xiàn)？

一個(gè)朋友問：你明明是理工科畢業(yè)，不是學(xué)美術(shù)的，為啥要做設(shè)計(jì)？

一個(gè)業(yè)務(wù)線領(lǐng)導(dǎo)問：這個(gè)產(chǎn)品設(shè)計(jì)的統(tǒng)一性做的如何？哪兒有問題？

一個(gè)產(chǎn)品經(jīng)理問：老聽你說Affordance，到底是什么意思？

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

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

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

@Akane_Lee ：我和群里設(shè)計(jì)師聊，發(fā)現(xiàn) Prototype、Wireframe、Mockup 因?yàn)榉g有時(shí)候皆統(tǒng)稱為「原型」的關(guān)系，導(dǎo)致大混淆，所以來說明下這三者的不同，不清楚這三個(gè)術(shù)語有什么區(qū)別的同學(xué)來漲姿勢咯 >>>

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

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

這次要分享的也是一款不錯(cuò)的CSS3動(dòng)畫按鈕，當(dāng)我們將鼠標(biāo)滑過按鈕時(shí)，按鈕會(huì)展現(xiàn)不同方式的動(dòng)畫效果，大家可以具體看看演示。

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

編者按：今天這篇總結(jié)了幾個(gè)優(yōu)秀的全屏背景網(wǎng)站特點(diǎn)，關(guān)鍵是幫同學(xué)們掌握在一張大圖上放不同元素的技巧，理解了本質(zhì)后對PPT、平面設(shè)計(jì)、海報(bào)設(shè)計(jì)等都有很大幫助，非常實(shí)用 >>>