中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術(shù)設(shè)計 > 設(shè)計理論 > web 2.0設(shè)計指導(dǎo)之一:簡單
設(shè)計和布局之間的思考 回到列表 設(shè)計"以人為本"和"綠色設(shè)計"
 web 2.0設(shè)計指導(dǎo)之一:簡單

作者:楊梅 時間: 2008-10-10 文檔類型:翻譯 來自:口碑網(wǎng)UED Team

第 1 頁 web 2.0設(shè)計指導(dǎo)之一:簡單 [1]
第 2 頁 web 2.0設(shè)計指導(dǎo)之一:簡單 [2]
第 3 頁 web 2.0設(shè)計指導(dǎo)之一:簡單 [3]

為什么簡單更好

  • 網(wǎng)站和每個頁面都有目標(biāo);
  • 用戶的注意點是有限的資源;
  • 幫助用戶找到他們想要的(或讓用戶注意我們希望他們看的內(nèi)容)是設(shè)計師的職責(zé);
  • 屏幕上的元素吸引眼球,元素越多,用戶去關(guān)注的各種不同的事情就越多,同時他去關(guān)注重要內(nèi)容的幾率就下降了;
  • 所以我們需要很確定的交流方式,也需要把信息噪音減少到最少,那代表著我們要找到一個盡可能少用元素的解決方案,那就是節(jié)約元素即簡單。

何時/如何讓你的設(shè)計簡單

  1. 何時 始終如此
  2. 如何做 有兩個方面能讓你成功做到簡單
    • 在不影響效果的情況下,去掉多余的元素
    • 能達到同樣效果的可行方案中,選擇更簡單的

看起來達到完美的結(jié)果,不是沒有東西可再添加,而是沒有任何東西可被去除的時候,每當(dāng)你設(shè)計的時候,有意識的把去除多余的視覺元素作為準(zhǔn)則。

不要把注意力特別集中在和頁面目標(biāo)相關(guān)性比較小的區(qū)域,因為用戶視線在關(guān)注這些時會分散在主要內(nèi)容和導(dǎo)航的注意力。利用視覺細節(jié)如線條、文字、形狀和顏色去傳達信息,而不僅僅是為了裝飾。

這里有個設(shè)計的例子,由于不夠簡單而深受其害:

Yaxay 的界面用了很多像素,但是大多數(shù)都是修飾性的,一部分是頁面的背景。相對少的像素被用來讓用戶找到或理解信息或被站點吸引。

想想這個頁面看上去東西可真多啊,但是能使真正的導(dǎo)航、內(nèi)容和交互特征清晰的元素實在太少了。

愛德華•托佛特用“數(shù)據(jù)墨水”(如可以傳遞信息的細節(jié))和“非數(shù)據(jù)墨水”(如只是修飾的細節(jié))來形容這一現(xiàn)象。

托佛特的衡量信息設(shè)計(圖形,圖表,演示等)有效性的一種標(biāo)準(zhǔn)是數(shù)據(jù)墨水和非數(shù)據(jù)墨水的使用比例,數(shù)據(jù)墨水使用的比例越高,設(shè)計的有效性可能就越高。

以Yaxay第二幅的細節(jié)圖為例,它有太多被稱為“繁忙”的元素,比如大量的邊緣、色調(diào)、顏色變化、形狀、線條……很多要看的元素,但是在這個細節(jié)真正有用的是:

  1. 網(wǎng)站的logo
  2. 導(dǎo)航按鈕上的標(biāo)簽文字:art gallery

剩余的其他“繁忙”元素:背景上的形狀、界面上的斜線、網(wǎng)格、漸變……所有這些噪音都是非數(shù)據(jù)墨水,因為它們都不能傳達信息。

我并不反對網(wǎng)站設(shè)計的豐富、復(fù)雜或美感性

簡單的意思:無論采用什么方式,只要是為了讓信息傳達更順利的元素是越多越好,當(dāng)然,通常你要傳達的不是硬數(shù)據(jù),而是軟數(shù)據(jù);

硬數(shù)據(jù):指事實,如新聞、股票價格、列車時間或你銀行賬戶的存款……

軟數(shù)據(jù):涉及信息傳達的質(zhì)量,如公司給人的第一印象,服務(wù)提供者是否親切,一種產(chǎn)品是否適合你……這些都是同樣重要的。

無論你要傳達的是硬數(shù)據(jù)還是軟數(shù)據(jù),你都應(yīng)該有意識并謹慎的使用元素數(shù)量。

以下圖為例:

Alex Dukal的站點很豐富、有趣、吸引人,它用了一系列視覺技巧來引起你注意,讓你感覺有趣,對Alex的工作給你一種溫暖的感覺。但是它也是簡單的,因為它謹慎而敏感的使用像素、墨水或繁忙元素,它并非是沒必要的,而是節(jié)儉而豐富的。

無論怎么說,當(dāng)你使用墨水、像素時要明智的選擇,用它來傳達首要的信息,同時,問問自己用少量的元素能否有效的傳達信息,如果可以,就這樣做。[未完待續(xù)……]

第一次翻譯專業(yè)性文章,有不得到之處歡迎指正

本文鏈接:http://www.95time.cn/design/doc/2008/6222.asp 

出處:口碑網(wǎng)UED Team
責(zé)任編輯:moby

上一頁 web 2.0設(shè)計指導(dǎo)之一:簡單 [2] 下一頁

相關(guān)文章 更多相關(guān)鏈接
網(wǎng)頁的柵格系統(tǒng)設(shè)計
網(wǎng)頁設(shè)計求職全攻略
從網(wǎng)頁設(shè)計開始
網(wǎng)頁設(shè)計之關(guān)于素材和言志
網(wǎng)頁設(shè)計之設(shè)計步驟及思考
作者文章
網(wǎng)頁綠色系配色應(yīng)用實例
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設(shè)計大賽開啟
國際體驗設(shè)計大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標(biāo)配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設(shè)計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設(shè)計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設(shè)計
培養(yǎng)用戶的使用習(xí)慣
優(yōu)秀名片設(shè)計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:3/31個記錄/頁 轉(zhuǎn)到 頁 共3個記錄

藍色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2