商品離不開視覺設(shè)計(jì)，通過視覺設(shè)計(jì)建構(gòu)視覺識別，達(dá)到品牌識別的高度，現(xiàn)實(shí)也是如此，任何一家成功的軟件開發(fā)公司都必須構(gòu)建一套自己產(chǎn)品視覺品牌規(guī)范，引導(dǎo)市場銷售，這是產(chǎn)品在市場銷售和使用環(huán)節(jié)中產(chǎn)品品質(zhì)和信譽(yù)度的直觀體現(xiàn)。視覺的一致性和細(xì)節(jié)考慮本身就是軟件易用性的一個(gè)方面，也是企業(yè)對用戶負(fù)責(zé)的態(tài)度來對待設(shè)計(jì)，從細(xì)節(jié)中關(guān)注用戶的體驗(yàn)。下面的文字來自iconfans，我配上vista圖并排版，希望能直觀的理解視覺識別在軟件產(chǎn)品中的應(yīng)用。

軟件界面設(shè)計(jì)要素

界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。具體包括軟件啟動(dòng)封面設(shè)計(jì)，軟件框架設(shè)計(jì)，按鈕設(shè)計(jì)，面板設(shè)計(jì)，菜單設(shè)計(jì)，標(biāo)簽設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，滾動(dòng)條及狀態(tài)欄設(shè)計(jì)，安裝過程設(shè)計(jì)，包裝及商品化。

在設(shè)計(jì)的過程中有較多注意的關(guān)鍵問題，以下列出幾點(diǎn)：

2011年10月，相繼寫了兩篇《交互設(shè)計(jì)那些事兒》（一）（二），至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來，加上幾周前，在新的團(tuán)隊(duì)又進(jìn)行了一次分享，頗有點(diǎn)心得，又懶得去重新修改原有文章，就在此進(jìn)行一些補(bǔ)錄吧。

還是個(gè)人經(jīng)驗(yàn)，眼界有限，歡迎拍磚。

一. 再談術(shù)語

面向?qū)换ケ容^陌生的團(tuán)隊(duì)進(jìn)行分享，少不得再介紹下那些讓人云里霧里的術(shù)語。這次，咱們?yōu)檫@些術(shù)語做一個(gè)關(guān)系圖：

從下至上是各種術(shù)語的演變史。中間代表“做的事情”，左邊代表做這件事情的“人”，右邊代表做這件事情需要的“指導(dǎo)思想”。

設(shè)計(jì)離不開設(shè)計(jì)師的功勞與美工的作圖，更離不開開發(fā)者的付出。真正要實(shí)現(xiàn)一整套引導(dǎo)界面對于有經(jīng)驗(yàn)的開發(fā)者而言也不是非常困難，只是大多數(shù)人沒有重視這一部分的工作，

有不少產(chǎn)品的細(xì)節(jié)耐人尋味。雖然細(xì)節(jié)未必決定成敗，但把細(xì)節(jié)做好，體現(xiàn)了產(chǎn)品人的品味和態(tài)度。或許不少產(chǎn)品的細(xì)節(jié)很多用戶未必真正注意到，但這些細(xì)節(jié)可能讓他們不知不覺方便不少。本文就希望發(fā)掘一些優(yōu)秀的細(xì)節(jié)，讓他們被更多的人知道了解，也向所有注重細(xì)節(jié)的產(chǎn)品經(jīng)理致以敬意。

全球移動(dòng)互聯(lián)網(wǎng)大會(huì)上，馬化騰的一番講話，一下把QQ手機(jī)版重新推到了聚光燈下。而在全球移動(dòng)互聯(lián)網(wǎng)大會(huì)的第二天，QQ全新手機(jī)版正式上線。騰訊對于QQ手機(jī)版的期望，源自于騰訊架構(gòu)調(diào)整后對QQ手機(jī)版發(fā)展的自信，以及數(shù)量是微信兩倍的5.5億的活躍用戶。

從架構(gòu)調(diào)整就可以看出，手機(jī)QQ的變化是必然的，而且來得猛烈。體驗(yàn)這一次的新版本，可以發(fā)現(xiàn)其中明顯的改變，核心是突出QQ的移動(dòng)化特性。新版本沒有了頭像的彩色灰色，弱化在線狀態(tài)，將“在線狀態(tài)”這一標(biāo)志性設(shè)計(jì)，放入深層的“動(dòng)態(tài)”入口，轉(zhuǎn)而主推純聯(lián)系人列表，強(qiáng)調(diào)手機(jī)QQ發(fā)揮移動(dòng)硬件設(shè)備消息即時(shí)可達(dá)的能力。

了解自己的學(xué)習(xí)特性

一個(gè)好的交互設(shè)計(jì)師往往了解自己學(xué)東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長。

學(xué)習(xí)與成長并不是件陌生的事，每個(gè)人都有自己的故事。試著回想你學(xué)習(xí)其他東西的行為與習(xí)慣，透過一些整理，你可以逐步認(rèn)識自己是怎樣的學(xué)習(xí)者，并試著讓你的團(tuán)隊(duì)知道與支持你。這可以是了解如何成長的第一步。身為一個(gè)設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)，也能在更了解組員的學(xué)習(xí)特性之后，一起創(chuàng)造出更合適的學(xué)習(xí)環(huán)境。

舉個(gè)例子：

• 某設(shè)計(jì)師的學(xué)習(xí)特性是…
• 我沒有辦法只看書或理論而產(chǎn)生我的設(shè)計(jì)觀點(diǎn)，我是一個(gè)從做中學(xué)的交互設(shè)計(jì)師。
• 不好玩、不友善的學(xué)習(xí)環(huán)境，我學(xué)不起來。

　　這個(gè)一個(gè)Lite版本的PPT，今天我把它轉(zhuǎn)成日志和大家一起交流，我也正著手書寫完整版本的PPT，也期望能盡快和大家分享我更多的idea。

　　今天和大家分享的是視覺營銷和品牌傳達(dá)，本PPT主要講述通過視覺營銷來達(dá)到傳達(dá)品牌的目的。

　　視覺營銷，傳達(dá)品牌。我們簡單來說，即是視覺傳達(dá)和品牌營銷。我用下面的圖來說明文字的關(guān)系，會(huì)顯得更容易理解：

科技新趨勢與設(shè)計(jì)

交互設(shè)計(jì)當(dāng)然離不開硬件和軟件的發(fā)展變化。什么是科技前行的方向？百度上海移動(dòng)互聯(lián)網(wǎng)用戶體驗(yàn)負(fù)責(zé)人MoonMonster總結(jié)了13個(gè)潛在的趨勢，其中包括私有物品智能化、智能家電的變革、機(jī)頂盒的戰(zhàn)火、語音、體感、社交綜合癥等。他說：

如果嘗試畫一個(gè)圈，中間是人，離用戶最近、最核心的圈子就是私有化的一些設(shè)備，再外圈一些才是PC、家電等，所以如果有公司能夠占據(jù)私有物品圈中的核心地位，那也將意味著給它帶來驚人的市場和機(jī)會(huì)。

“人，是世間萬物的尺度”——普羅泰戈拉。設(shè)計(jì)從人類使用工具之始就產(chǎn)生了，隨著人類文明的發(fā)展，若干年來，工具發(fā)生了天翻地覆的變化，但期間人始終為人，操作電腦的現(xiàn)代人與最初使用石斧的原始人在生理特征上幾乎沒有發(fā)生任何變化，雙手、五感、大腦……設(shè)計(jì)的本質(zhì)并沒有發(fā)生變化，以人做為標(biāo)準(zhǔn)依舊可以度量設(shè)計(jì)。

而Bri Design創(chuàng)始人馬力，則從“少即是多”、“形式追隨功能”等經(jīng)典設(shè)計(jì)思想的角度出發(fā)，結(jié)合科技趨勢預(yù)測設(shè)計(jì)的演進(jìn)：

很多時(shí)候，設(shè)計(jì)就像是在和用戶博弈，你猜你猜你猜猜猜，猜到算你走運(yùn)。用戶的認(rèn)知成本很高?，F(xiàn)在和將來，界面設(shè)計(jì)都在努力的降低用戶的認(rèn)知成本，將信息架構(gòu)扁平化，讓用戶更容易找到信息。用戶的不同使用場景(如無明確目的的瀏覽、有明確目的的定位/搜索)需要得到更好的支持。

從信息架構(gòu)和交互流程的角度，無論未來的潮流如何變化，歸根結(jié)底，都是在不斷降低認(rèn)知成本，讓界面所承載的信息內(nèi)容更直接、便捷的呈現(xiàn)在用戶面前。這實(shí)施上也可以成為 Flat Design。

界面設(shè)計(jì)不應(yīng)當(dāng)太搶用戶的注意力，如同路易斯·沙利文設(shè)計(jì)的建筑一樣，精簡到不能再精簡，任何一個(gè)界面元素，都必須要為功能服務(wù)，必須有它存在的目的。簡約、干凈在今后一段時(shí)間仍然會(huì)是主流。

設(shè)計(jì)潮流都是一波一波，最終的結(jié)果就是審美疲勞，審美效用逐漸減少，正如經(jīng)濟(jì)學(xué)中的邊際效用遞減，直至下一個(gè)潮流出現(xiàn)。我曾經(jīng)開玩笑的總結(jié)過：“平久必凸，凸久必平；圓久必方，方久必圓……”。

Google Glass, Leap Motion 等等新技術(shù)、新產(chǎn)品的出現(xiàn)，正將交互的可行性區(qū)間不斷向外推進(jìn)?，F(xiàn)在盡管還沒有一個(gè)能真正產(chǎn)生像當(dāng)年鼠標(biāo)的發(fā)明那樣有劃時(shí)代影響力的交互設(shè)備和技術(shù)，但是我們可以看到那些輕巧的靈敏的交互方式不斷綻放出來。

首先說一說我對這兩個(gè)概念的理解：

skeuomorphism design（擬物化）：

模擬現(xiàn)實(shí)世界的物體，以及他和人的交互方式（第二點(diǎn)常常被人忽略），來設(shè)計(jì)一款產(chǎn)品的UI。例如：記事本程序不僅有紙的質(zhì)感，還有翻頁的效果，maybe還能撕下來。采用skeuomorphism設(shè)計(jì)的典型代表，就是喬老爺搗鼓出來，傳播到全世界的蘋果ios，還有那大名鼎鼎的《iOS Human Interface Guidelines》。

這篇文章將展示很多很酷的范例，甚至還提供了一個(gè)免費(fèi)的用戶界面工具包供你下載和使用。但如果是你自己的話，你打算怎么做？給點(diǎn)提示，色彩是扁平化趨勢中最重要的一部分。

扁平化設(shè)計(jì)進(jìn)修