Yahoo!韓國設(shè)計(jì)探討_網(wǎng)頁設(shè)計(jì)教程

推薦：關(guān)于“交互設(shè)計(jì)”
記錄剛才和HEXIAO閑聊中，說到的一席話。1、以前的”人機(jī)交互”更偏向于”機(jī)器”。更多的是考慮”機(jī)器”能提供什么給”人”，如何提供。如，戴國忠老師一直在

最近在做Yahoo!某項(xiàng)目，抽空比較系統(tǒng)的遍歷了Yahoo!全球網(wǎng)站。

Yahoo!韓國是亞洲設(shè)計(jì)最好的門戶之一，曾經(jīng)對Yahoo!同事和外邊朋友都提過，他們也基本上表示認(rèn)同。至于哪些方面好，最近和瀟瀟、老葉又分別討論了一次，歸納部分個人觀點(diǎn)。（看不懂韓文？沒關(guān)系，網(wǎng)絡(luò)無國界，UI更無國界。）

氣質(zhì)
極簡風(fēng)格的好處，在于能最大化的呈現(xiàn)有用信息給用戶；弊端也很明顯，不能良好的引導(dǎo)用戶。所以一味極簡的后果就是發(fā)白，白開水一樣的白。

典型如Auto, Vod之類視覺導(dǎo)向很明確的風(fēng)格，可以通過三眼原則簡單判定是否優(yōu)秀，也可以嘗試把頁面縮小到40%，看整體效果，試試還能否分辨出模塊。

色彩
韓國網(wǎng)站用色一向以大膽奔放著稱，但好作品往往讓用戶感覺不到它的花哨和刺眼，因?yàn)檫@些色彩已經(jīng)完美融合到了界面里，讓用戶在享受服務(wù)的同時，也能感受到一絲暖和。

比如Travel這個頁面色彩很豐富，但一點(diǎn)都不亂，反而有良好層次感和秩序感。

圖形
高水平插畫是前提，要害，還需要把插畫恰如其分的呈現(xiàn)在頁面上，小到Icon，大到模塊，甚至整個頁面，可不是輕易的事情。

看到Happy Photo的第一感覺是到了游樂園，仔細(xì)看看，園內(nèi)的小朋友們都在進(jìn)行拍照，再結(jié)合標(biāo)題，于是我明白了這個頁面所表達(dá)的主題。從插畫到照片，還有三個按鈕，都屬精品。

動畫
Yahoo!韓國的Logo似乎一直都是flash動畫，雖然沒按套路出牌，但我覺得也蠻符合他們的設(shè)計(jì)理念，而且這些動畫都很精美，成為一道獨(dú)特的風(fēng)景線。

全站使用量偏大，質(zhì)量不需要再吹捧，水準(zhǔn)普遍較高。

可用性
主要是呈現(xiàn)方面的可用性。

比較有代表性的Finance, Fortune, Gugi三個頁面導(dǎo)航，雖然視覺不同，但呈現(xiàn)邏輯統(tǒng)一，給用戶的位置感很好，注重細(xì)節(jié)處理：陰影層次感、色彩高亮對比、文字大小對比。

總的來說Yahoo!韓國的各頻道首頁設(shè)計(jì)都很優(yōu)秀，對國內(nèi)做相關(guān)主題的專業(yè)網(wǎng)站來說，也是很好的參考和示范，比如汽車Auto，旅游Ttravel、影視Vod等。

分享：網(wǎng)絡(luò)界面設(shè)計(jì)中的批判性思維
ScottBerkun寫的文章往往從實(shí)用角度出發(fā)，比如本文：摘要：關(guān)于網(wǎng)頁及界面設(shè)計(jì)中批判性思維的討論批判性思維是設(shè)計(jì)和工程學(xué)的核心。在很多領(lǐng)域中，從電影導(dǎo)