非設(shè)計(jì)師談設(shè)計(jì)之Apple改版(2)_網(wǎng)頁設(shè)計(jì)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
推薦:輸入表單的三種布局原文:http://dedream.blogbus.com/logs/5992307.html關(guān)于輸入表單的三種常用布局,大家應(yīng)該都比較熟悉了,第一種是這樣,稱為右對(duì)齊/左對(duì)齊,左邊的標(biāo)簽右
- 首先,頁面變胖了。淘寶前段時(shí)間變胖的時(shí)候我們的UED還有過一篇文章記錄。以前apple實(shí)際寬度是適合800像素的,現(xiàn)在完全是全屏1024寬,更寬敞�?梢苑鸥鄸|西。
- 導(dǎo)航重新組織重新設(shè)計(jì)了,這是最大的變動(dòng)。這不光是重新設(shè)計(jì)了,最重要的是重新組織了導(dǎo)航。我們看下面,以前是2級(jí)導(dǎo)航,選了一層之后還有另一層需要選�,F(xiàn)在不用。第一層,apple按照主打產(chǎn)品分類,也就是在用戶心中,提到apple,會(huì)聯(lián)想到的產(chǎn)品:Mac、iPod、iPhone…非常簡(jiǎn)單非常直觀。
做了一年的活動(dòng),和大少爺總結(jié)起來,“把信息進(jìn)行分類”應(yīng)該是最重要的環(huán)節(jié)了。幫助用戶更快更方便的找到自己想要的東西,這才是設(shè)計(jì)。 - 導(dǎo)航上增加了search。這個(gè)早就該有啦。Mac風(fēng)格的搜索欄很簡(jiǎn)單。
- 一直都覺得apple的首頁很好看,簡(jiǎn)單畫了一個(gè)首頁的iBoard(詮釋的dalson臺(tái)灣GG跟我說的詞,一般我說頁面Layout和視覺路線)。我們會(huì)發(fā)現(xiàn),它具備了好的平面設(shè)計(jì)、好的網(wǎng)頁設(shè)計(jì)所必須的要害條件。
只有一條視覺路線:我們說好的網(wǎng)頁能夠引導(dǎo)用戶的視線,用戶不會(huì)不知道往哪里看,不會(huì)不知道什么時(shí)候該不該拉滾動(dòng)條。同時(shí),讓用戶花最多的時(shí)間在最重要的信息上,理解為在重要元素上的視覺路線最長(zhǎng)。
只有一個(gè)視覺中心:apple網(wǎng)站的視覺中心太明顯了,就是中間的大圖,經(jīng)常會(huì)換,永遠(yuǎn)是推他們目前最重要的產(chǎn)品。
接下來,我們看內(nèi)容頁面。就點(diǎn)首頁的Mac電腦進(jìn)去,我們分別看到內(nèi)容同樣的界面。我印象里面白色版本的Mac主頁已經(jīng)是變胖后的了。變胖之后,分欄的方式改成了平均分,以前是左7右3的。記得承志說過,網(wǎng)頁作成1024寬的,分列就非凡重要,分成4列的話,用戶會(huì)找不到東西。所以163、sina改版變胖后用了3列。我們發(fā)現(xiàn)apple現(xiàn)在是2列,大家可以體會(huì)一下拉著滾動(dòng)條從上往下拉的時(shí)候,眼睛是不需要左右晃的,不像3列或者4列的,這樣就會(huì)讓用戶比較輕松。
分享:Jakob Nielsen:十大嚴(yán)重的網(wǎng)站設(shè)計(jì)錯(cuò)誤原作者:JakobNielsen|譯者:威廉(Blog)自1996年以來,我曾經(jīng)指出了很多網(wǎng)站中的設(shè)計(jì)錯(cuò)誤,參見底部我的系列文章列表,本文將重點(diǎn)介紹的是,這些問題當(dāng)
相關(guān)網(wǎng)頁設(shè)計(jì)教程:
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-非設(shè)計(jì)師談設(shè)計(jì)之Apple改版(2)
。


