相似性和一致性將會增加設(shè)計(jì)的可靠性。

創(chuàng)意的真諦，是在保證可用的情況下，尋求更好的表達(dá)方式，既要設(shè)計(jì)精湛，也要注意別讓設(shè)計(jì)影響用戶的實(shí)際使用。

（本文2249字，建議閱讀時(shí)間10min）

第五章：iphone編碼工具提供的所有標(biāo)準(zhǔn)部件

——導(dǎo)航欄

導(dǎo)航欄通常包含頁面標(biāo)題，后退按鈕及其他，基本固定在屏幕的頂部，狀態(tài)欄的下方

標(biāo)準(zhǔn)設(shè)置里，左區(qū)域—后退按鈕，中間—頁面標(biāo)題，右邊—自定義

——工具欄

通常黏附在屏幕底部，放著一些文字按鈕或不帶標(biāo)簽的圖標(biāo)

標(biāo)簽欄的按鈕作用是導(dǎo)航，用以在全局應(yīng)用主功能間的切換

工具欄的按鈕操作是針對當(dāng)前頁面的內(nèi)容，提供管理內(nèi)容的命令

——圖標(biāo)

優(yōu)秀的圖標(biāo)設(shè)計(jì)來之不易

蘋果有兩類不同的圖標(biāo)，一類提供給標(biāo)簽欄用，另一類提供給導(dǎo)航欄&工具欄?

——搜索欄

范圍選擇搜索：選擇搜索結(jié)果范圍／實(shí)時(shí)搜索：在關(guān)鍵字里沒輸入一個(gè)字，搜索結(jié)果都會更新。如果應(yīng)用可以管理或是訪問大量信息，那么用戶就會強(qiáng)烈要求搜索功能

——表格視圖

最大的特點(diǎn)是可觸摸

最常見的功能有：

1，用來作為樹狀應(yīng)用分類和內(nèi)容導(dǎo)航

2，用來顯示一張可選項(xiàng)的列表

3，用來快速瀏覽、索引一張長列表

4，用來羅列、分組內(nèi)容詳情

—表格視圖單元格

只有能給內(nèi)容帶來價(jià)值，方便掃描列表時(shí)，才需要給表格單元格添加圖形

表格視圖單元格的三種樣式?（如圖）

—設(shè)置列表&索引列表

索引列表：直接插入了標(biāo)題，標(biāo)題用一條粗線作為每個(gè)分類的開始?；瑒恿斜?，在標(biāo)題子項(xiàng)目仍在滾動通過屏幕頂部的時(shí)候，標(biāo)題會吸頂，一般用于展示分類多、內(nèi)容冗長的列表。

分組列表：是為相關(guān)的一小類項(xiàng)目所設(shè)計(jì)的，一般涌來展示設(shè)置項(xiàng)，功能菜單，和不同組別的內(nèi)容。

—編輯表格視圖的工具

標(biāo)準(zhǔn)設(shè)置中，刪除一個(gè)列表需要三步：點(diǎn)擊“編輯”—點(diǎn)擊刪除控件—點(diǎn)擊“刪除”按鈕（“防御設(shè)計(jì)”避免誤點(diǎn)的發(fā)生，不適用于一次刪除多條）

一次多條可參考：“Mail”自定義控件—圓形復(fù)選框，點(diǎn)擊“編輯”出現(xiàn)“刪除”&“移動”按鈕，以及復(fù)選框

——文本

表格視圖是放置簡短內(nèi)容的重要容器，而文本本身也是由iphone文字相關(guān)的界面元素來管理的。設(shè)計(jì)自定義單元格時(shí)，甚至在應(yīng)用里任何用到文本的地方，開發(fā)者都會用到以下四種文本容器：

1，標(biāo)簽用于顯示很短的文本（比如輸入框的標(biāo)簽、簡要說明、或者信息）

2，文本視圖適于處理長文本，同時(shí)允許用戶對文本進(jìn)行編輯h

3，網(wǎng)頁視圖是內(nèi)嵌在頁面的瀏覽器窗口?？梢杂脕盹@示一張網(wǎng)頁，也可以用來展示自己精心編排的文本。

4，文字輸入框可以讓用戶輸入簡短的文本或數(shù)據(jù)的輸入?yún)^(qū)域

編輯文本

占位文本：提醒預(yù)期內(nèi)容

鍵盤布局

ACSII／數(shù)字和標(biāo)點(diǎn)符號／URC／郵箱地址／數(shù)字鍵盤／電話撥號鍵盤，姓名電話鍵盤

撥選器，能進(jìn)行多維度的選擇

列表，能顯示標(biāo)題，將選項(xiàng)進(jìn)行分類描述

動作選單，將再次決定的操作藏在了頁面外，直到需要的時(shí)候才會出現(xiàn)

按鈕的兩種狀態(tài)：

非激活不能使用時(shí)的禁用狀態(tài)／雙態(tài)按鈕（開關(guān)控件），在按鈕是“開”的時(shí)候，有選中狀態(tài)

分段控件，在某種程度上就是有用的二級導(dǎo)航

本章總結(jié)：

1，多用標(biāo)準(zhǔn)控件，用一致性增加可靠性

2，屏幕上不能超過兩條“欄”—上邊導(dǎo)航欄，下邊就是標(biāo)簽欄或是工具欄。不要把搜索欄固定著，而要順著屏幕滾動

3，多用表格視圖（據(jù)說表格視圖是最神通廣大的iphone標(biāo)準(zhǔn)界面元素）

4，認(rèn)真為每個(gè)文本輸入框選好鍵盤，選擇是否開啟自動糾錯功能

5，減少配置項(xiàng)，不用把配置項(xiàng)放到“設(shè)置”應(yīng)用里

iphone最有效的界面原則：點(diǎn)擊你想操作的部件即可操作。

第六章：與眾不同—創(chuàng)建自己獨(dú)特的視覺風(fēng)格

作為一名應(yīng)用設(shè)計(jì)師，界面如何設(shè)計(jì)，不僅會影響用戶使用iphone的方式，也會影響用戶對應(yīng)用的感覺。

——應(yīng)用的個(gè)性是什么？你希望大家看到你的應(yīng)用會是什么感覺？

選好應(yīng)用的個(gè)性，才能開始做視覺創(chuàng)意。

“有效性”往往就是最正確的個(gè)性，畫一個(gè)情感氛圍的框架，遵循這個(gè)框架，能夠讓之后的決策保持一致，情感氛圍是營銷宣傳的基礎(chǔ)。

——做好設(shè)計(jì)工作

設(shè)計(jì)工作分為兩個(gè)方面：1，完全自定義一套界面。2，精心的重新“打扮”標(biāo)準(zhǔn)iphone元素

“打扮”時(shí)候要注意：

1，工具欄、導(dǎo)航欄、搜索欄、要保持一致以保證應(yīng)用框架色彩的統(tǒng)一

2，工具欄的色彩要有品味，不能讓邊框喧賓奪主

3，保持標(biāo)準(zhǔn)控件的整體視覺風(fēng)格（顏色漸變，圓角視覺頂光效果）

4，對熟悉的圖標(biāo)和控件進(jìn)行細(xì)小的改動，就能讓界面鮮活起來，變得與眾不同

5，注意對比，應(yīng)用要保持良好的易讀性

6，慎用字體

7，重視感知價(jià)值

用逼真的效果感染用戶，借鑒現(xiàn)實(shí)生活中的物體和材質(zhì)

—設(shè)計(jì)自定義工具欄圖標(biāo)的幾條建議：

1，工具欄上的每個(gè)圖標(biāo)不但需要互相之間的有所區(qū)別，還有有別于系統(tǒng)內(nèi)置的圖標(biāo)

2，清晰地傳達(dá)出按鈕背后的操作含義

3，標(biāo)簽欄中文字標(biāo)簽?zāi)芙忉寛D標(biāo)的含義

4，視覺隱喻

圖形界面使用視覺隱喻快速解釋了軟件復(fù)雜的內(nèi)部機(jī)制

啟示，指的是展現(xiàn)應(yīng)用用途和操作方式的視覺提示。應(yīng)用的界面從真實(shí)世界借鑒的越直接，啟示就會越明顯

（照搬實(shí)物的好處就是無需再次驗(yàn)證即可知道人類工程學(xué)上會很好用，因?yàn)樵镆呀?jīng)驗(yàn)證過了）

所有的隱喻，只要做好了，就會提申傳統(tǒng)的表格視圖的展示，能鼓勵用戶瀏覽更多、探索更多。

5，要堅(jiān)持不懈的將經(jīng)歷放在達(dá)成用戶的目標(biāo)上，但同時(shí)要明白，效率并不總是比樣式重要

本章總結(jié)：

1，觸動人心的設(shè)計(jì)會讓應(yīng)用魅力十足。在開始設(shè)計(jì)前，一定要選好個(gè)性方向

2，在標(biāo)準(zhǔn)控件上使用自定義顏色或圖形，能讓控件煥然一新。奢華的材質(zhì)能增加應(yīng)用的感知價(jià)值，逼真的界面元素讓用戶有點(diǎn)擊欲

3，圖標(biāo)重在意義清晰而不是個(gè)性，圖標(biāo)干凈的輪廓勝過浮華的細(xì)節(jié)

4，從真實(shí)世界借鑒界面隱喻，但要確保借鑒的應(yīng)用能適合于手機(jī)，同時(shí)最好能用標(biāo)準(zhǔn)控件