【導(dǎo)讀】為了在手機(jī)屏幕給定的范圍內(nèi)展示出更多內(nèi)容，優(yōu)秀的導(dǎo)航欄設(shè)計(jì)將起到關(guān)鍵性作用，對(duì)于不同的操作也當(dāng)因地制宜地選則不同的設(shè)計(jì)方案。

　　導(dǎo)航的設(shè)計(jì)是 App 設(shè)計(jì)發(fā)展過(guò)程中很值得玩味的地方，由于移動(dòng)設(shè)備特別是智能手機(jī)的屏幕尺寸有限，設(shè)計(jì)者們通常會(huì)將屏幕空間盡量留給主體內(nèi)容，優(yōu)秀的導(dǎo)航設(shè)計(jì)會(huì)讓用戶(hù)輕松到達(dá)目的地而又不會(huì)干擾和困惑用戶(hù)。

　　經(jīng)典導(dǎo)航：tabbar

　　Tabbar 的導(dǎo)航方式是由誰(shuí)發(fā)明的筆者不得而知，不過(guò)相信大家都同意是由蘋(píng)果將其傳播開(kāi)來(lái)。不僅很多蘋(píng)果的官方應(yīng)用采用了這種設(shè)計(jì)，蘋(píng)果同樣大力推薦應(yīng)用開(kāi)發(fā)者優(yōu)先采用這種方式。從某種角度來(lái)說(shuō)，tabbar 基本就是導(dǎo)航的標(biāo)準(zhǔn)設(shè)計(jì)。

　　表格的應(yīng)用

　　由于工作原因，經(jīng)常接觸到表格。我們發(fā)現(xiàn)，表格不但廣泛的運(yùn)用在各類(lèi)數(shù)據(jù)收集和分析，同時(shí)通過(guò)表格這樣一種二維矩陣來(lái)整理和陳列信息時(shí)(即便最后的展示方式并非一個(gè)典型的表格樣式)，能夠很好的表達(dá)信息之間的邏輯關(guān)系，易于幫助理解橫縱信息之間的關(guān)系。

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

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

界面設(shè)計(jì)是為了滿足軟件專(zhuān)業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(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ì)，安裝過(guò)程設(shè)計(jì)，包裝及商品化。

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

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

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

一. 再談術(shù)語(yǔ)

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

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

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

有不少產(chǎn)品的細(xì)節(jié)耐人尋味。雖然細(xì)節(jié)未必決定成敗，但把細(xì)節(jié)做好，體現(xiàn)了產(chǎn)品人的品味和態(tài)度。或許不少產(chǎn)品的細(xì)節(jié)很多用戶(hù)未必真正注意到，但這些細(xì)節(jié)可能讓他們不知不覺(jué)方便不少。本文就希望發(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ī)版正式上線。騰訊對(duì)于QQ手機(jī)版的期望，源自于騰訊架構(gòu)調(diào)整后對(duì)QQ手機(jī)版發(fā)展的自信，以及數(shù)量是微信兩倍的5.5億的活躍用戶(hù)。

從架構(gòu)調(diào)整就可以看出，手機(jī)QQ的變化是必然的，而且來(lái)得猛烈。體驗(yàn)這一次的新版本，可以發(fā)現(xiàn)其中明顯的改變，核心是突出QQ的移動(dòng)化特性。新版本沒(méi)有了頭像的彩色灰色，弱化在線狀態(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é)東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長(zhǎng)。

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

舉個(gè)例子：

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

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

　　今天和大家分享的是視覺(jué)營(yíng)銷(xiāo)和品牌傳達(dá)，本PPT主要講述通過(guò)視覺(jué)營(yíng)銷(xiāo)來(lái)達(dá)到傳達(dá)品牌的目的。

　　視覺(jué)營(yíng)銷(xiāo)，傳達(dá)品牌。我們簡(jiǎn)單來(lái)說(shuō)，即是視覺(jué)傳達(dá)和品牌營(yíng)銷(xiāo)。我用下面的圖來(lái)說(shuō)明文字的關(guān)系，會(huì)顯得更容易理解：