Yahoo!韓國(guó)設(shè)計(jì)探討_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:關(guān)于“交互設(shè)計(jì)”記錄剛才和HEXIAO閑聊中,說(shuō)到的一席話。1、以前的”人機(jī)交互”更偏向于”機(jī)器”。更多的是考慮”機(jī)器”能提供什么給”人”,如何提供。如,戴國(guó)忠老師一直在
最近在做Yahoo!某項(xiàng)目,抽空比較系統(tǒng)的遍歷了Yahoo!全球網(wǎng)站。
Yahoo!韓國(guó)是亞洲設(shè)計(jì)最好的門(mén)戶之一,曾經(jīng)對(duì)Yahoo!同事和外邊朋友都提過(guò),他們也基本上表示認(rèn)同。至于哪些方面好,最近和瀟瀟、老葉又分別討論了一次,歸納部分個(gè)人觀點(diǎn)。(看不懂韓文?沒(méi)關(guān)系,網(wǎng)絡(luò)無(wú)國(guó)界,UI更無(wú)國(guó)界。)
氣質(zhì)
極簡(jiǎn)風(fēng)格的好處,在于能最大化的呈現(xiàn)有用信息給用戶;弊端也很明顯,不能良好的引導(dǎo)用戶。所以一味極簡(jiǎn)的后果就是發(fā)白,白開(kāi)水一樣的白。
典型如Auto, Vod之類(lèi)視覺(jué)導(dǎo)向很明確的風(fēng)格,可以通過(guò)三眼原則簡(jiǎn)單判定是否優(yōu)秀,也可以嘗試把頁(yè)面縮小到40%,看整體效果,試試還能否分辨出模塊。
色彩
韓國(guó)網(wǎng)站用色一向以大膽奔放著稱,但好作品往往讓用戶感覺(jué)不到它的花哨和刺眼,因?yàn)檫@些色彩已經(jīng)完美融合到了界面里,讓用戶在享受服務(wù)的同時(shí),也能感受到一絲暖和。
比如Travel這個(gè)頁(yè)面色彩很豐富,但一點(diǎn)都不亂,反而有良好層次感和秩序感。
圖形
高水平插畫(huà)是前提,要害,還需要把插畫(huà)恰如其分的呈現(xiàn)在頁(yè)面上,小到Icon,大到模塊,甚至整個(gè)頁(yè)面,可不是輕易的事情。
看到Happy Photo的第一感覺(jué)是到了游樂(lè)園,仔細(xì)看看,園內(nèi)的小朋友們都在進(jìn)行拍照,再結(jié)合標(biāo)題,于是我明白了這個(gè)頁(yè)面所表達(dá)的主題。從插畫(huà)到照片,還有三個(gè)按鈕,都屬精品。
動(dòng)畫(huà)
Yahoo!韓國(guó)的Logo似乎一直都是flash動(dòng)畫(huà),雖然沒(méi)按套路出牌,但我覺(jué)得也蠻符合他們的設(shè)計(jì)理念,而且這些動(dòng)畫(huà)都很精美,成為一道獨(dú)特的風(fēng)景線。
全站使用量偏大,質(zhì)量不需要再吹捧,水準(zhǔn)普遍較高。
可用性
主要是呈現(xiàn)方面的可用性。
比較有代表性的Finance, Fortune, Gugi三個(gè)頁(yè)面導(dǎo)航,雖然視覺(jué)不同,但呈現(xiàn)邏輯統(tǒng)一,給用戶的位置感很好,注重細(xì)節(jié)處理:陰影層次感、色彩高亮對(duì)比、文字大小對(duì)比。
總的來(lái)說(shuō)Yahoo!韓國(guó)的各頻道首頁(yè)設(shè)計(jì)都很優(yōu)秀,對(duì)國(guó)內(nèi)做相關(guān)主題的專(zhuān)業(yè)網(wǎng)站來(lái)說(shuō),也是很好的參考和示范,比如汽車(chē)Auto,旅游Ttravel、影視Vod等。
分享:網(wǎng)絡(luò)界面設(shè)計(jì)中的批判性思維ScottBerkun寫(xiě)的文章往往從實(shí)用角度出發(fā),比如本文:摘要:關(guān)于網(wǎng)頁(yè)及界面設(shè)計(jì)中批判性思維的討論批判性思維是設(shè)計(jì)和工程學(xué)的核心。在很多領(lǐng)域中,從電影導(dǎo)
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 成功構(gòu)建網(wǎng)站的方法
- 頁(yè)面設(shè)計(jì)中的層次感
- Web2.0視覺(jué)風(fēng)格進(jìn)化論二
- 網(wǎng)站中應(yīng)避免出現(xiàn)彈出窗口
- 文字的可讀性與辨識(shí)度
- 英文版企業(yè)網(wǎng)站的設(shè)計(jì)要小心
- 富媒體廣告設(shè)計(jì)點(diǎn)評(píng)之法派中國(guó)十年
- 網(wǎng)站設(shè)計(jì)直接影響企業(yè)的“錢(qián)途”
- 網(wǎng)站項(xiàng)目開(kāi)發(fā)中的新工種—內(nèi)容設(shè)計(jì)師(一)
- 安靜的結(jié)構(gòu):控制頁(yè)面的視覺(jué)
猜你也喜歡看這些
- 第8天:CSS布局入門(mén)
- 第9天:第一個(gè)CSS布局實(shí)例
- 第12天:校驗(yàn)及常見(jiàn)錯(cuò)誤
- 無(wú)延遲翻滾的圖形/CSS混合風(fēng)格的按鈕
- 使用Web標(biāo)準(zhǔn)建站第1天:選擇什么樣的
- 從GMail認(rèn)識(shí)的W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- 一個(gè)簡(jiǎn)單又不簡(jiǎn)單的Css設(shè)計(jì)實(shí)例
- 使用web標(biāo)準(zhǔn)能帶來(lái)什么商業(yè)價(jià)值?
- 利用CSS改善網(wǎng)站可訪問(wèn)性
- 使用Web標(biāo)準(zhǔn)建站第2天:什么是名字空間
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-Yahoo!韓國(guó)設(shè)計(jì)探討
。




