基于品牌基因淺談蘋果官網界面設計的借鑒意義

（江南大學設計學院214122）

當下中國很大比例的互聯網產品發展主流仍是快速市場戰略，這種戰略的首要著眼點為經濟利益。這些產品常常會忽視用戶體驗，同時也呈現出不清晰的品牌形象。用戶對品牌的關注度之高，品牌對一個企業的現實意義，都是對企業旗下的互聯網產品的設計提出的重大挑戰。企業想要創造出一個用戶滿意度高的知名品牌極其困難。互聯網產品的更新迭代周期更加短暫，很多企業為了產品能夠搶占市場份額，不惜犧牲用戶體驗，各種可用性問題即便在產品上市時也沒有真正解決。產品在迭代時，推倒重新設計，極大浪費了人力物力，時間成本也很高。這樣做忽略了歷代的產品的成熟用戶群，品牌基因毫無連續性，用戶會因為困惑而難以接受，甚至弄不清楚使用中的產品到底屬于哪個品牌。幫助中國的互聯網企業在其產品界面設計中構建特色鮮明的品牌基因體系顯然具備深遠的現實意義。

一、品牌基因的構建對互聯網產品的現實意義

品牌基因是產品信息與品牌文化的集合，是品牌的核心價值，規定了品牌結構的基本特征及其自動生成的機制，在適合的外界環境條件下，自動生成特定品牌。因此，意識到品牌建設的重要性但卻僅僅將著眼點放在提高品牌知名度等非產品層面上是遠遠不夠的。目前中國很多互聯網產品在其產品設計層面上，缺乏品牌辨識度，用戶很難識別出該產品是哪一家公司旗下產品，這樣一來也就很難形成統一的、高效的品牌忠誠度。所以良好的用戶體驗不僅僅是產品好用、易用，同時也包括產品在品牌上的一個共識，是用戶在每一代產品更新換代時，也能清晰的辨認出產品的品牌和每一代帶給用戶的新體驗，讓品牌榮譽感和忠誠度持續下去。

二、蘋果官方網站界面迭代設計分析

按照品牌基因表達方式，可以將品牌基因分為顯性基因和隱性基因。顯性產品品牌基因通常可以通過人們的視覺感知系統進行感知，如產品的外觀形態、布局、色彩等。隱性產品品牌基因往往不能通過人們的視覺感知系統進行感知，但卻能夠通過語言或行為進行描述和表達，如品牌核心價值觀。顯性品牌基因是品牌核心價值觀的直接體現，是品牌基因中能夠最直觀被產品受眾所識別、感受的部分。因此一款互聯網產品需要展現給消費者其獨有的品牌基因時，產品的界面便是最好的媒介。蘋果官網的界面設計以其鮮明的特征、一貫延續的設計語言，雖作為一個獨立產品，但將自己完美融入了蘋果龐大的產品系中，這便是蘋果始終貫徹將自己優秀的品牌基因注入到各個產品的歷代設計之中的具體表現。

在Mac OS X之前，蘋果官方網站一直使用著類似于報紙雜志的設計風格。2000年Mac OS X這一UI設計史上重要的里程碑得以開發，一些設計布局直至進入仍能看到其影響。2000年，蘋果在官網主頁的界面設計了一個一直沿用至今的頂部導航欄。名為Aqua的水滴質感成為了頂部導航欄的視覺設計語言，這種設計風格對UI產生了非常深遠的影響，開創了之后很長一段時間的UI擬物化設計浪潮。界面不同功能板塊的劃分不再是以前理性刻板的直角分割，引入了大量圓角矩形的設計，使界面看上去更加親切活潑，大大減少了科技與日常生活的距離感。這一代的官網主頁界面的主要品牌標示視覺元素為巨型“APPLE”文字加上頂部導航欄最左側的水滴質感的紅色蘋果LOGO，產品展示開始使用白色背景加大幅產品照片的形式，整體視覺語言簡潔、趨于統一。

2001年，為了進一步統一官網界面的視覺語言，主頁品牌標示進行了延續性升級。升級后頂部導航欄的LOGO更加符合“水滴”設計語義，更改為藍色，同時去掉了之前一直使用的巨型“APPLE”文字，使得頁面白色背景部分更加整體，減少了畫面的割裂感。除此以外，其它的設計元素均沿用了上一年的版本。

2002年，如當年力推的iPod，蘋果系列產品的工業設計均開始大規模使用白色和銀色。為了匹配整體設計風格，官網首頁上的藍色蘋果LOGO更換成了銀色。忠于材質本來的顏色質感，蘋果“現代主義”設計風格在這一年基本成型。

2005年后，蘋果官網首頁界面的整體布局設計成型，一直在最顯著位置以巨大的空間著重推薦自己的最新產品。在這個階段，頁面信息重要層級的區分非常明顯，信息易讀性很強，用戶體驗進一步加強。同時為了頁面往后迭代的可延展性，蘋果在網頁視覺設計上不在拘泥于白色背景加產品圖的經典形式，從而有了更豐富、更具有趣味的視覺元素。

2007年中期，蘋果重新設計了官網頂部導航欄，之前版本中導航欄各個Tab之間的明顯視覺分割被淡化，轉而利用格式塔原理，用Tab之間的距離來進行分隔。減少明顯視覺分割帶來的結果是界面視覺更加整體。同年橫空出世的iPhone從硬件到軟件同樣使用了統一的圓角矩形設計，擬物化設計在iPhone的設計語言中發揮得淋漓盡致。

自2010年之后，蘋果官網的設計方案趨于穩定，2014年iOS7發布之后，蘋果式的扁平化風格也用到了官網設計之中，整個界面顯得更加簡潔精致，富有未來感，單頁設計、動態加載、視差滾動等一些新的交互技術都會在官網上體現出來。

三、從蘋果官方網站界面迭代看蘋果的設計基因

蘋果公司的核心價值觀為“一切始于簡潔”。簡潔、透明、直白，意味著更低的學習、使用成本。總領全局的頂部導航欄、極少的交互層級、明確的信息重要級、簡單明了的信息分區、通俗易懂的文案、巨幅清晰的產品圖片、單屏極少的信息、最簡單的點擊交互操作、統一的圓角矩形設計元素……這些在蘋果官網界面中一直踐行的設計語言，無一不在提升著用戶的使用體驗，也無一不體現著蘋果的核心價值觀，更是蘋果品牌基因的最顯性表現。

四、結語

從蘋果官網的設計脈絡中，我們不難看出一個優秀的軟件產品品牌基因形成的過程。第一，始終圍繞用戶體驗進行設計，設計是為人的設計，讓使用者能用、易用、樂用始終是互聯網產品設計的第一要義；第二，明確、統一、整體、可拓展性強的設計語言；第三，在迭代過程中，一旦確定符合公司核心價值觀的設計語言，盡量不要有突變性的改動，不要增加用戶學習負擔；第四，盡量少的交互層級；第五，清晰簡潔的信息架構；第六，合理適度的情感化設計，純技術與大眾的距離過于遙遠，情感化設計能夠拉近用戶與互聯網產品之間的距離，同時也能使用戶對于品牌更加親切。蘋果公司的設計所體現的這些優秀品牌基因，對于中國的互聯網產品建立自己的品牌基因，極具借鑒意義。