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