大圖對比:iOS 7 跟 iOS 6 有什麽區別?

iOS 7發布了,簡單的線條,刺眼的留白,鮮豔的顏色,少了很多裝飾的應用圖標……但從設計的角度上來說,手勢沒變、區別也很小,最大的變化就是審美變了,從一個為小白用戶設計的界面趨向於成熟用戶的調調,下面對比iOS 6來說幾點它的顯著UI風格變化。

目前整個設計的趨勢是讓UI少一些修飾,之前的蘋果推崇擬物化設計,讓用戶一目了然那個東西是乾什麼的。此次iOS 7的設計卻讓整個調調發生了變化,總的來說,手勢沒變、區別也很小,最大的變化就是審美變了。
1. 顏色和邊界
iOS 7的顏色和邊界在這個應用上有很明顯的區別。 iOS 7捨棄了邊界,依靠色彩來體現交互、信息的分隔;相應地控制也變成了隱形的,基於標籤或者圖標以及主題顏色(每個應用都有不同,聯繫人用藍色、 音樂用紅色、筆記用黃色)的控制。另外細長的字體並不是所有人都看得慣,但是事實就是之前iOS 6那個邊框就這樣被移開了。

2. 扁平化
嚴格來說iOS 7不是完全扁平化的,界面還有微妙的陰影、燈光效果、漸變以及視差效果。一句話,它當然變平了,但不是純粹二維的。

扁平化的直接目的是要強調內容而非介質,所以相對於iOS6,iOS 7上應用重點在內容上強調了它的美學和概念特性,功能和信息裝飾則只出現在必要的地方。所以以下面的應用為例,桌面應用沒有很明顯的強調該應用的功能、控制感,重點只關注“做事情” 的清單。

新界面的發光非常明顯,頂部的導航按鈕就像互聯網上的“<”符號一樣直觀。

下面是接電話的界面
之前的凸凹變化、握柄、壓花、陰影、內發光、硬按鈕邊界等設計元素佔去了60%的顯示屏空間。新版本則直接讓你看到來電者的大照片,旁邊有幾個選項(字符)掛在旁邊可供你選擇。

3. 明亮度

1)iOS 7比iOS 6要光亮多了,界面也看起來更開闊,透氣的空格無處不在,整體的界面風格也更加均勻。下圖是iOS 6的一系列應用拼圖。
2)下圖是iOS 7的一系列應用拼圖,可以發現它在盡可能的情況下趨向相同的屏幕風格。
3)下面是把兩張大圖拼在一起的效果。
如果減少顏色的複雜性,就可以看得更明顯。等於是iOS 6幾個不同的視覺風格在iOS 7上已經變成了兩個主要的主題:紙張般的、明亮的風格佔據75%;剩下的就是暗色的實用風格。
4. 主屏幕
目前爭論最多的似乎是主屏幕,特別是它的新圖標,主屏幕更多的是一個桌面啟動器,你會經常訪問,但不會一直盯著它。 iOS 7的主屏幕比iOS 6要明亮、簡單,圖標間的間距也有了變化,單個圖標的像素也看起來更大了,下面的文字標籤也變大了,最下面一排應用圖標墊了一層淺淺的“磨砂板” 設計。
總的來說,犧牲了邊界,換取了圖標的易讀性,更加突出圖標的內容。

但是設計上有些小問題(拐角的半徑、 內容的強調形式、梯度的不一致、背景的反差以及那幾個被人詬病的圖標,比如Note和Reminder, 就設計地過於抽象和空洞了)。這些完全是主觀上的問題,蘋果應該可以解決。我們也相信蘋果在正式版本發布的時候會做一些小改變的。
小結——設計重心回歸內容

從本質上來說,iOS 7捨棄了人工製品的花哨,回歸到了設計的本質,致力於追求簡單,達到直擊內容的目的。之前的光澤感、斜邊緣、陰影和邊界將一去不復返。視覺上不再是讓精緻的圖標要讓我們集中、緊張,吸引我們的全部注意力,而是盡可能地放鬆,去關注應用圖標所關注的內容。

如果說以前的設計是為小白用戶而存在的,現在的就是為了成熟的移動用戶設計的, 更加註重感情和直覺,而不是那些精緻的邊框。 iOS 7現在希望達到的目的是:“你用著設備想的更多的而是這個設備、這個應用怎麼提高我的生活?讓用戶把注意力轉移到任務、內容上面,而不是被過度追捧的設計哲學” 對我廣大用戶來說,現在唯一的問題只剩下:“iOS 7想長大,想成熟,但是用戶們願不願意呢?”


資料來源:雷鋒網

如果喜歡我們的文章,請即分享到︰