文章略長，不過肯定是考據(jù)狂和狂熱粉的最愛，你是從哪一代開始追iOS的呢？

2007年1月9日，喬布斯向世界展示了iPhone一代，這是這位已故傳奇向這個(gè)時(shí)代饋贈(zèng)的最佳禮物，同時(shí)也預(yù)示著，一場精妙絕倫的大戲正式拉開帷幕，iPhone,iPad以及Touch對(duì)”移動(dòng)設(shè)備”進(jìn)行了重新定義。更華麗，也更具人性化。

世界變幻莫測，那時(shí)候的移動(dòng)操作系統(tǒng)中，iOS只是個(gè)”小字輩”，資歷尚淺，到了今天呢，多少操作系統(tǒng)黯然消失在我們的視線中，而iOS儼然成為了操作系統(tǒng)江湖的”老字輩”。

老，并不意味著iOS失去創(chuàng)意了，恰恰相反,iOS以嶄新的姿態(tài)繼續(xù)前行。隨著逐年的增強(qiáng)和提高,iOS已經(jīng)變成了市場上最具個(gè)性、支持最廣泛的操作系統(tǒng)。

iOS6，經(jīng)過數(shù)年的磨礪，已經(jīng)無限接近擬物設(shè)計(jì)的最頂峰，用隱喻設(shè)計(jì)引導(dǎo)者用戶，操作簡單易懂。而且多平臺(tái)(iPhone、iPad)上的體驗(yàn)相對(duì)一致，對(duì)于開發(fā)者和設(shè)計(jì)師來說，這都是一個(gè)理想的”溫床”。

再想一個(gè)問題，比較一下iOS1和iOS6，你會(huì)發(fā)現(xiàn)還是擁有很多共通點(diǎn)的。蘋果像是一位頗有耐心的面包師，慢慢的烘焙，花了數(shù)年時(shí)間，為我們特制了一款色香味俱全的”蘋果派”，你想想其他操作系統(tǒng)的做法吧：無限的功能蔓延，蔓延來蔓延去，淘汰了一批，又新來了一批功能。

這是個(gè)怪圈，蘋果很明智的沒有選擇這種道路。iOS努力的保持著整體的一致性，與此同時(shí)又不放棄前衛(wèi)創(chuàng)意，難能可貴。

而今年的9月18日，iOS7發(fā)布——新的啟航。

來看看iOS的歷史，看看蘋果是怎樣一點(diǎn)一滴進(jìn)行優(yōu)化、完善的。

從OS X中蔓延出來的IOS

在iPhone早期的聲明中，我們會(huì)發(fā)現(xiàn)會(huì)叫做”iPhone OS”。

剛開始的時(shí)候，蘋果內(nèi)部爭論不休，他們?cè)诳紤]是否要和Mac OS X一樣使用Unix內(nèi)核，這樣做會(huì)保持新手機(jī)的系統(tǒng)和OS X的一致性。

但是，這畢竟是一個(gè)完全不同的新品牌，應(yīng)該有所區(qū)別。因此，采用Unix內(nèi)核的操作系統(tǒng)被命名為”iPhone OS”，這個(gè)名字一直使用了4年。直到2010年六月發(fā)行iOS4的時(shí)候，出于簡化的目的，開始稱之為”iOS”

iOS 1: iPhone誕生

雖然現(xiàn)在很難以想象當(dāng)時(shí)的情形，但是當(dāng)iPhone1公布的時(shí)候，如果嚴(yán)格比較功能的話，iPhone落后他的競爭對(duì)手一大截，Windows Mobile,Palm OS,Symbian,BlackBerry的操作系統(tǒng)都有一大堆功能，遠(yuǎn)超iPhone。

編者按：今天這篇譯文全程滿滿當(dāng)當(dāng)?shù)亩际歉韶洠嗟膶?shí)用經(jīng)驗(yàn)，比如讓元素在各個(gè)尺寸中保持邊界清晰的技巧，切片的專業(yè)方法，命名規(guī)則等，絕對(duì)值得每個(gè)UI設(shè)計(jì)師收藏起來！

GW模式。（G=graphic,W=words）即為圖案＋文字模式。圖案經(jīng)常為一些可以表示“空白”隱
喻的圖案或者是自家應(yīng)用的吉祥物相關(guān)的圖案，抑或是可以為跟頁面引導(dǎo)相關(guān)的圖案。文字一般包含：標(biāo)題，說明。標(biāo)題通常是解釋此處空白的原因，如
“Oops,地理定位被關(guān)閉啦，無法使用該功能哦”，“網(wǎng)絡(luò)出問題啦”等，說明則解釋出現(xiàn)此狀況的原因和解決辦法等。文案的風(fēng)格經(jīng)常根據(jù)產(chǎn)品的調(diào)性去設(shè)
計(jì)，有些走賣萌路線，有些走高冷路線，有些甚至走狂暴路線等等。鑒于此類型是一種最常見的類型，單純的包涵文字或單純包涵圖案的設(shè)計(jì)手法也歸納到GW模式
中。如下圖：

為什么傳統(tǒng)的標(biāo)注方法讓人難受？

沒錯(cuò)，Markman 是傳說中的標(biāo)注神器，看起來也確實(shí)方便快捷，但是當(dāng)一個(gè)頁面中，要同時(shí)標(biāo)注間距、大小、顏色和字號(hào)時(shí)，過多的信息一齊扔給工程師，就會(huì)讓人有些抓狂。比如這樣：

移動(dòng)應(yīng)用的設(shè)計(jì)中，最容易被忽視的地方就是空白或者異常情況的設(shè)計(jì)。從傳統(tǒng)PC時(shí)代web的異常頁面如404，502等頁面的設(shè)計(jì)體驗(yàn)遷移過來，移動(dòng)應(yīng)用的空頁面，網(wǎng)絡(luò)故障頁面等展示也有相似的設(shè)計(jì)模式。從以前的純文本的排版設(shè)計(jì)，到后來404成為設(shè)計(jì)師們
展示圖形創(chuàng)意的舞臺(tái)，移動(dòng)應(yīng)用的空白情況頁面的設(shè)計(jì)也從純文本提示到后來精彩紛呈。然而在移動(dòng)應(yīng)用的設(shè)計(jì)中，空白頁面的的作用不僅僅在于給用戶以溫柔或者
精彩的提醒，安撫用戶焦急或是疑惑的情緒，更重要的是，空白情況頁面可以引導(dǎo)用戶去填補(bǔ)“空白”。人都是害怕空虛寂寞冷的，當(dāng)你面對(duì)一個(gè)空虛寂寞冷的頁面
的時(shí)候，善意的指點(diǎn)迷津的一些語言和畫面告訴你咱們還是可以有方法來填補(bǔ)你的寂寞空虛冷，這時(shí)候，用戶的操作行為就會(huì)被觸發(fā)，潛移默化中指引用戶完成填補(bǔ)
空白的工作，那么，無論從用戶個(gè)體的活躍度上還是整體的留存率，活躍度上，你設(shè)計(jì)的空白頁面做到了拉升的作用，對(duì)電商產(chǎn)品和社交產(chǎn)品等來說，這些頁面可謂
是自己展示產(chǎn)品調(diào)性，曝光功能，加深引導(dǎo)的黃金地段。

圖標(biāo)設(shè)計(jì)要求熟練運(yùn)用軟件，涉獵各種矢量特性、蒙板以及構(gòu)造實(shí)體幾何，因此，會(huì)需要同學(xué)們運(yùn)用不同的軟件工具與技巧，今天的譯文全都是超實(shí)用的技巧干貨，周末來補(bǔ)充點(diǎn)有料的。

1.很多人都知道無論是在 iOS 的系統(tǒng)還是一些第三方應(yīng)用的輸入模式下，只要左右晃動(dòng)手機(jī)即可激活「撤銷」操作，但也許你不知道是，如果再次晃動(dòng)手機(jī)則可對(duì)「撤銷」操作進(jìn)行恢復(fù)。

轉(zhuǎn)載一組追波上設(shè)計(jì)大師 Virgil Pana 的動(dòng)效作品

時(shí)代總是在螺旋式地發(fā)展變化中，設(shè)計(jì)潮流也是如此。隨著移動(dòng)端扁平化設(shè)計(jì)推進(jìn)，越來越多的設(shè)計(jì)師不滿足于僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合，而把更多的心思投入到精益求精的視覺設(shè)計(jì)中。從平面設(shè)計(jì)引申過來的技巧在這時(shí)起到了畫龍點(diǎn)睛的作用：一些細(xì)節(jié)上的處理，為移動(dòng)產(chǎn)品的界面大大地提升了品牌逼格。

通過分析蘋果官方在 WWDC 上的演示情況，看見平均每一次用戶與 Watch 的交互操作所耗費(fèi)的時(shí)間，在 2 到 5 秒之間。假如你只能從這篇文章中記住一點(diǎn)，那它應(yīng)該是——為用戶提供信息時(shí)，要盡可能的快。這一點(diǎn)對(duì)于 Watch 來說真的非常非常重要。

1. 優(yōu)化 JPG 圖片

Apple Watch 的用戶通常是在行走過程中，瞥一眼那塊 4 厘米大小的屏幕。所以他們需要的是更快的加載速度，而不是高清圖片。