向Yahoo Mail的主頁(yè)學(xué)習(xí)_網(wǎng)頁(yè)設(shè)計(jì)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:Yahoo!韓國(guó)設(shè)計(jì)探討最近在做Yahoo!某項(xiàng)目,抽空比較系統(tǒng)的遍歷了Yahoo!全球網(wǎng)站。Yahoo!韓國(guó)是亞洲設(shè)計(jì)最好的門戶之一,曾經(jīng)對(duì)Yahoo!同事和外邊朋友都提過,他們也基本上表示
向Yahoo Mail的主頁(yè)學(xué)習(xí)什么?
- 視覺重點(diǎn)(Logo、宣傳圖片、說明文字)在左邊,鼠標(biāo)的操作重點(diǎn)(登錄框、注冊(cè)鏈接等)在右邊,這是基于人從左到右閱讀習(xí)慣,用右手翻書右手使用鼠標(biāo)(絕大部分人)的使用習(xí)慣
- 登錄框和注冊(cè)誰重要?一次注冊(cè),多次登錄,毫無疑問登錄應(yīng)該更重要一些,這就決定了登錄框的設(shè)計(jì)應(yīng)該處于最易用的位置
- 如何處理登錄的流程?ID->密碼->記住登錄->登錄按鈕->忘記ID或密碼->登錄幫助
- 按鈕是按鈕,鏈接是鏈接?登錄(sign in)是一個(gè)按鈕,注冊(cè)(sign up)是一個(gè)鏈接
- 視覺設(shè)計(jì),簡(jiǎn)潔而不簡(jiǎn)單
- 登錄表單的設(shè)計(jì),比如fieldset和label的應(yīng)用
- ……
看Yahoo Mail的主頁(yè)的變遷
1. Yahoo Mail 2000-2001年首頁(yè),這是一個(gè)很熟悉的頁(yè)面了,因?yàn)槿藗兊拈喿x習(xí)慣,所以重要的注冊(cè)和登錄放在左邊
2. Yahoo Mail 2001-2002年首頁(yè),視覺重點(diǎn)雖然在左邊,對(duì)于大多數(shù)人來講,鼠標(biāo)的操作重點(diǎn)在右邊,于是登錄框在右邊區(qū)別顯示,Yahoo Mail首頁(yè)的整體結(jié)構(gòu)基本形成,這個(gè)時(shí)候說明文字不管好不好辨認(rèn)能夠圍繞圓球排列或許是一種技術(shù)表現(xiàn)
3. Yahoo Mail 2002-2003年首頁(yè),對(duì)齊說明文字,突出要害詞
分享:關(guān)于“交互設(shè)計(jì)”記錄剛才和HEXIAO閑聊中,說到的一席話。1、以前的”人機(jī)交互”更偏向于”機(jī)器”。更多的是考慮”機(jī)器”能提供什么給”人”,如何提供。如,戴國(guó)忠老師一直在
相關(guān)網(wǎng)頁(yè)設(shè)計(jì)教程:
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(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萬部iPhone遭蘋果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
- 2007流行網(wǎng)站導(dǎo)航設(shè)計(jì)欣賞
- 如何使用查找我的iPhone教程
- 網(wǎng)幅廣告點(diǎn)評(píng)之華碩S6粉色真皮筆記本
- 產(chǎn)品初期的用戶群劃分
- 網(wǎng)頁(yè)設(shè)計(jì)中的版式原理--均衡
- 網(wǎng)站 (100-1)% 的內(nèi)容是導(dǎo)航
- 當(dāng)當(dāng)網(wǎng)斷臂營(yíng)銷引譴責(zé):電子書免費(fèi)傷了誰?
- 低效的鍵盤和高效的登錄框
- 活動(dòng)網(wǎng)站設(shè)計(jì)點(diǎn)評(píng)之笛莎娃娃
- web2.0是互聯(lián)網(wǎng)上的現(xiàn)代主義
猜你也喜歡看這些
- 符合Web標(biāo)準(zhǔn)的超鏈接
- 伴隨著Web標(biāo)準(zhǔn)發(fā)展
- 從GMail認(rèn)識(shí)的W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- 相冊(cè)的自動(dòng)播放效果SlideShow
- 2005年web標(biāo)準(zhǔn)發(fā)展回顧
- 使用web標(biāo)準(zhǔn)能帶來什么商業(yè)價(jià)值?
- 利用CSS改善網(wǎng)站可訪問性
- 用CSS floats創(chuàng)建三欄頁(yè)布局
- 用UL實(shí)現(xiàn)非Table四行三列布局
- 到底什么是Web2.0 - Web2.0學(xué)習(xí)指南
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁(yè)設(shè)計(jì)教程-向Yahoo Mail的主頁(yè)學(xué)習(xí)
。


