|
先上圖吧，看看前后的變化，也許咋一看，好像變化不大，但這中間的細(xì)節(jié)，值得去細(xì)細(xì)的研究一下。
改版之前
改版后
你發(fā)現(xiàn)了幾處重要的變化？為什么要這么改呢？
在改版之前，Sun的設(shè)計(jì)師也經(jīng)歷了很多的討論，到底是要滿足一些新需求而全盤來(lái)過(guò)，還是一點(diǎn)一滴，慢慢變化。后來(lái)Sun征求了很多社會(huì)上的界面設(shè)計(jì)專家的意見(jiàn)，認(rèn)為當(dāng)前的布局其實(shí)已經(jīng)工作的非常好，在其基礎(chǔ)上精益求精才是正道。
第1，中間焦點(diǎn)區(qū)域的圖片變化，原來(lái)的圖片是電波圖案，將很多信息收納其中，感覺(jué)是很理性的傳達(dá)。改版之后的圖多是非常感性的高清晰人物大照片或者吸引眼球的美景，并且每隔20秒就會(huì)變化一下。吸引人！這種變化，似乎是品牌形象的一個(gè)徹底的更新。
第2，Sun的主標(biāo)志導(dǎo)航從中間挪到最上邊。原來(lái)的頁(yè)面第一次看到，沒(méi)想到會(huì)是sun主站點(diǎn)。把企業(yè)標(biāo)識(shí)放在中間某區(qū)域，感覺(jué)非常的奇怪。改版之后感覺(jué)版面的邏輯清晰多了。并且適當(dāng)?shù)恼{(diào)節(jié)了顏色，把News部分變成深藍(lán)背景條，從頁(yè)面的視覺(jué)重量上，整個(gè)頁(yè)面輕盈優(yōu)雅了很多，下半部分比原來(lái)要整潔清晰。
第3，內(nèi)容分布的變化。中間右半部分由原來(lái)的產(chǎn)品入口，變成促銷活動(dòng)，Save 50％， 20％這類信息很抓眼球，并且這一部分內(nèi)容可能會(huì)更新更加頻繁，讓整個(gè)首頁(yè)顯得更有生命力。下面四個(gè)面板，里面的內(nèi)容也發(fā)生了變化，其中還加入了CEO’s Blog內(nèi)容。
第4點(diǎn)，下面四個(gè)面板的視覺(jué)變化，這部分我很喜歡。比較明顯的分區(qū)，標(biāo)題導(dǎo)航性增強(qiáng)。排版上，非常細(xì)致的準(zhǔn)備了引言介紹，小圖片和列表形式的條目。而作為搜索導(dǎo)航用的Find and Buy,使用了淡黃色的四個(gè)小條，既避免了稀疏感，又巧妙的讓關(guān)注度不高于第一焦點(diǎn)，也從四個(gè)面板中突出出來(lái)。
嘿，真的很喜歡新的Sun首頁(yè)設(shè)計(jì)，你的看法呢？
相關(guān)鏈接：Sun.com , Sun.com Home Page: Hocus Focus
原文地址：http://www.uxstudy.com/2006/12/30/weekly_design_sun_homepage_redesign/
更多UI博客精選
| 
