為什么我們談及優(yōu)秀的網(wǎng)站設計,要提及蘋果官網(wǎng)?方維網(wǎng)絡認為有三個理由。其一,就互聯(lián)網(wǎng)技術(shù)而言,蘋果是一流的公司。其二,蘋果首先將“科技與美學”進行了極致的結(jié)合。其三,蘋果是全球范圍內(nèi)最為暢銷的科技產(chǎn)品。
如果一個人既懂技術(shù),同時也懂得用技術(shù)生產(chǎn)商品,并且還暢銷,我們就沒有不學習的理由。方維網(wǎng)絡仔細審視了蘋果公司現(xiàn)在的官網(wǎng)。發(fā)現(xiàn)蘋果公司目前的官網(wǎng),至少有六點是值得建站公司和同行們借鑒和學習的,特別是在值得國內(nèi)做響應式網(wǎng)站的同行學習。
不雜
響應式網(wǎng)站是采用流動式布局,蘋果官網(wǎng)的首頁,分別展示自上而下展示了IPHONEX、IPAD以及MACBOOK、其它。每一個板塊的背景圖片就是產(chǎn)品的渲染圖,沒有出過產(chǎn)品圖片之外的圖片元素。
反觀國內(nèi)的不少響應式網(wǎng)站,一個流動板塊,背景圖片往往有人像、產(chǎn)品、景觀等很多無關(guān)的要素。這樣會讓首頁看起來很雜亂。并且,背景圖元素過多,反而容易分散用戶的注意力。
有序
見三個產(chǎn)品放到網(wǎng)站首頁,國內(nèi)的設計師會怎樣想呢?
一種設計師是這樣的:從同一個角度拍攝產(chǎn)品照片,作為背景放上去。這會讓首頁顯得呆板,用戶也會有點視覺疲勞。
還有一種美工設計師是這樣的:盡可能通過多個角度去拍攝照片,讓產(chǎn)品各個角度都得到展現(xiàn),甚至不惜使用大量圖片去詳盡展示產(chǎn)品。
蘋果是怎么做的?
蘋果X的拍攝角度是側(cè)下方,平板電腦的拍攝角度是側(cè)上方,筆記本電腦是正前方。如此一來,既顯得有序,也不會導致視覺疲勞。
內(nèi)斂
在文案方面,蘋果官網(wǎng)有兩個顯著特點。一是文案的字號整體偏小,方維網(wǎng)絡通過對比發(fā)現(xiàn),幾乎比國內(nèi)手機品牌的官網(wǎng)字號都小。其二,文案非常簡潔,遠比包括華為、小米手機的官網(wǎng)文案要簡潔很多。這樣做的好處是——用戶的注意力集中在手機圖片而不是文字上,用戶有進一步了解產(chǎn)品的沖動。也有人對國內(nèi)文案字體過大調(diào)侃過——是不是國內(nèi)用戶視力都不好?
層次
蘋果官網(wǎng)的層次構(gòu)架呈現(xiàn)“由淺入深”特點。
對于大多數(shù)的用戶來說,通過首頁-產(chǎn)品內(nèi)頁-具體功能頁三個層次,基本就可以了解到一個產(chǎn)品的全貌。
對于蘋果資深用戶或者已經(jīng)購買的用戶,包括蘋果內(nèi)置應用的使用、下載等等,也是可以“不斷縱深”,這樣層次多達五層以上。
可以說,蘋果網(wǎng)站的構(gòu)架,既考慮到大多用戶的需求,但是也會滿足小眾用戶的需求。
換位
方維網(wǎng)絡認為,蘋果官網(wǎng)的設計完全是站在“用戶”的角度去設計網(wǎng)站,而不是從客戶的角度。
舉一個簡單的例子,如果是站在網(wǎng)站運營者的角度,首頁會盡可能去展示產(chǎn)品的賣點、亮點、采用的新技術(shù)。
但是對于網(wǎng)站瀏覽者來說,大方向的需求其實很簡單,一個是大致了解產(chǎn)品,一個就是購買。所以,蘋果網(wǎng)站的產(chǎn)品介紹,就兩個選擇——進一步了解、購買。
這一點,方維網(wǎng)絡認為,應該被建站公司所學習。
如上,僅僅是方維網(wǎng)絡主要對蘋果首頁的觀察,所得出的一些觀點,不排除有過分解讀的成分??上Mㄕ就泻徒ㄕ竟灸軌蛴兴直?,大家共同學習和商榷。