交互設(shè)計(jì)原則：通過問卷調(diào)查或者開放式訪談詳細(xì)了解人們完成特定任務(wù)的現(xiàn)狀，任務(wù)分析應(yīng)當(dāng)關(guān)注如下方面

1.用戶執(zhí)行任務(wù)的原因，即任務(wù)背后的目標(biāo)
2.任務(wù)的頻繁與重要性
3.提示，是什么促使任務(wù)開始執(zhí)行？
4.依從關(guān)系—哪些事是任務(wù)執(zhí)行的條件，哪些事以任務(wù)完成為前提？
5.有關(guān)人員，他們的角色與職責(zé)
6.執(zhí)行的具體動(dòng)作

大家一般都用PS或者AI來制作icon，其實(shí)PS與AI也可以打造出不一樣的效果。AI造型（不得不承認(rèn)鋼筆工具可以秒殺掉PS里面的鋼筆工 具），PS效果靈活運(yùn)用可以讓圖標(biāo)既有AI圖標(biāo)的簡潔干凈又不乏PS制作的效果。因?yàn)锳I是矢量的，同時(shí)也能保證圖標(biāo)在某些用處的時(shí)候能夠靈活的放大與縮 小而不損失太多的效果，同樣簡潔干凈的圖標(biāo)也是商業(yè)運(yùn)用的首選

HTML 是 Web 同一語言，這些容納在尖括號里得大略標(biāo)簽，構(gòu)成了如今得 Web。1991 年，Tim Berners-Lee 編寫了一份叫做 “HTML 標(biāo)簽”得文檔，內(nèi)里包括了大約20個(gè)用來標(biāo)記網(wǎng)頁得 HTML 標(biāo)簽。他直接借用 SGML 得標(biāo)記款式，也便是其后我們看到得 HTML 標(biāo)記得款式。本文報(bào)告了 HTML 這門 Web 標(biāo)記語言得生長簡史。

從 IETF 到 W3C: HTML 4 之路

HTML 1 并未曾存在，HTML 得第一個(gè)官方版本便是由 IETF （互聯(lián)網(wǎng)工程任務(wù)組） 推出得 HTML 2.0。問世之前，這個(gè)版本中得很多細(xì)則已經(jīng)被實(shí)現(xiàn)，比如，1994年得 Mosaic 欣賞器已經(jīng)實(shí)現(xiàn)了在文檔中嵌入圖片得方式，其后 HTML 2.0 便吸納了 img 這個(gè)標(biāo)簽。

其后，W3C 取代 IETF 得角色，成為 HTML 得標(biāo)準(zhǔn)構(gòu)造，1990年代得后半頁，HTML 得版本被頻繁點(diǎn)竄，直到1999年得 HTML 4.01，至此，HTML 到達(dá)了它得第一個(gè)拐點(diǎn)。

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( m.lzhte.cn )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

原文地址：http://www.uisheji.com/41519.html

我們認(rèn)為目標(biāo)導(dǎo)向設(shè)計(jì)方法由4個(gè)P組成，即process、pattern、principles、practices(過程、模式、原則 、實(shí)踐)，下面我將和大家一起討論前3個(gè)P。
 

最小的灰色和粉紅色的設(shè)計(jì)，帶有一個(gè)AJAX供電PHP的接觸形式包裝。

資料及下載 | 演示

它只有38歲的歷史，卻躋身世界人類文化遺產(chǎn)名錄中成為重要的一員，它不僅是世界上最著名的歌劇院建筑，而且是整個(gè)悉尼城市的象征，它開啟了我們對建筑的 想象能力，在它之后鋼筋水泥的建筑開始擁有了像詩歌一樣的婀娜身姿，但是無論之后的建筑如何標(biāo)新立異，人們也不會(huì)再過分地大驚小怪，也許正是因?yàn)樗某?現(xiàn)，也許創(chuàng)意只有第一次才叫精彩。  

悉尼歌劇院
  

我經(jīng)常提到Brian Tinsman對創(chuàng)新的熱愛。這不僅體現(xiàn)在他的萬智牌設(shè)計(jì)上，他對任何事情都是這樣。有一天Brian在思考威世智研發(fā)部所有的設(shè)計(jì)資源，要記住，萬智牌 只是我們創(chuàng)造的一個(gè)產(chǎn)品（D&D和Duel Masters是另外兩個(gè)大產(chǎn)品，還有很多小產(chǎn)品）。有沒有辦法協(xié)調(diào)這些設(shè)計(jì)天賦呢？
最終的結(jié)果就是我們組織了雙周的一個(gè)小組例會(huì)，Brian管它叫游戲設(shè)計(jì)最佳實(shí)踐小組。研發(fā)部的每一位設(shè)計(jì)師都被邀請至此會(huì)議，每次都會(huì)讓一個(gè)設(shè)計(jì)師選擇一個(gè)和設(shè)計(jì)相關(guān)的話題來進(jìn)行講解。今天的文章就是我第一次會(huì)議的話題。

大腦和博朗

我的話題是一個(gè)叫迪特·拉姆斯（Dieter Rams）的人所提出的優(yōu)秀設(shè)計(jì)十準(zhǔn)則。我就由這個(gè)話題開始說起：究竟誰是迪特·拉姆斯？
來自維基百科：
 

（一）垃圾還是經(jīng)典
網(wǎng)頁技術(shù)更新很快，一個(gè)網(wǎng)站的界面設(shè)計(jì)壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經(jīng)典。經(jīng)典只存在于是哪個(gè)首次成功創(chuàng)新性的應(yīng)用。網(wǎng)頁設(shè)計(jì) 者不管自己的學(xué)識、技術(shù)和經(jīng)驗(yàn)如何，都自以為自己吊的不得了，這可能是源與商業(yè)設(shè)計(jì)自我意識體現(xiàn)的強(qiáng)烈主觀因素。一個(gè)閉門造車者做出的東西，是遠(yuǎn)遠(yuǎn)趕不上 綜合借鑒者的。網(wǎng)頁設(shè)計(jì)不同于其他藝術(shù)，在模仿加創(chuàng)新的網(wǎng)頁設(shè)計(jì)領(lǐng)域當(dāng)中，即便是完全自己設(shè)計(jì)的，也是沿用了人們已經(jīng)認(rèn)同的大部分用戶習(xí)慣，而且這種沿襲 的痕跡時(shí)非常的明顯！還有那個(gè)設(shè)計(jì)者敢腆著臉說，這都是我自己的原創(chuàng)設(shè)計(jì)？對于業(yè)界來說，經(jīng)典只是個(gè)理念和象征！

（二）國內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境
不可否認(rèn)，國內(nèi)網(wǎng)頁設(shè)計(jì)環(huán)境目前還停留在初級的認(rèn)知階段，也就是說，絕大多數(shù)人不知道網(wǎng)絡(luò)的真正的可用之處，你去做一個(gè)業(yè)務(wù)的時(shí)候，不得不去做大量的說服 教育工作。以乙方的身份去說服甲方，以專業(yè)角度去教育非專業(yè)認(rèn)識，結(jié)果是可想而知的。也正是這種全體社會(huì)普遍的低認(rèn)知水平，導(dǎo)致了大量網(wǎng)絡(luò)垃圾的產(chǎn)生。

舉個(gè)簡單的例子，看看“阿里巴巴”中文和英文兩個(gè)版本的頁面。中文版主色是橙色（與標(biāo)志色統(tǒng)一），英文版是極不協(xié)調(diào)的藍(lán)橙（具有很明顯的生湊效果）。
 

在網(wǎng)絡(luò)設(shè)計(jì)領(lǐng)域關(guān)于Eye-Tracking 的研究十分火爆，但是如何把這些研究結(jié)果轉(zhuǎn)變?yōu)榫唧w可行的設(shè)計(jì)來運(yùn)作依舊是個(gè)難點(diǎn)。以下就是一些來自于 Eye-Tracking 研究結(jié)果的竅門，可以為改進(jìn)你的網(wǎng)站設(shè)計(jì)提供些意見：

1.對比圖像，文字更具吸引力

與你所認(rèn)為的相反，在瀏覽一個(gè)網(wǎng)站的時(shí)候，能夠直接吸引用戶目光的并不是圖像。大多數(shù)通過偶然點(diǎn)擊進(jìn)入你的網(wǎng)站的用戶，他們是來尋覓信息的而不是圖像。因此，保證你的網(wǎng)站設(shè)計(jì)凸現(xiàn)出最重要的信息板塊，這才是設(shè)計(jì)的首要原則。

2.眼球的第一運(yùn)動(dòng)聚焦于網(wǎng)頁的左上角

用戶瀏覽網(wǎng)頁的這一習(xí)慣應(yīng)該在意料之中，畢竟左上部為主要操作中心這一點(diǎn)為大多數(shù)重要的計(jì)算機(jī)應(yīng)用程序的設(shè)計(jì)所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計(jì)時(shí)，應(yīng)該盡量保持這一格式。要知道，如果你希望保持個(gè)人特色，搭建一個(gè)成功的網(wǎng)站，你就必須尊重用戶們的習(xí)慣。