102014-3

優(yōu)秀手機(jī)應(yīng)用設(shè)計(jì)需要遵循的8大原則

產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈，藍(lán)藍(lán)設(shè)計(jì)這里想結(jié)合自己的工作心得來(lái)小結(jié)一下手機(jī)無(wú)線設(shè)計(jì)8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型

就是把后臺(tái)本來(lái)很復(fù)雜的事情通過(guò)設(shè)計(jì)符合用戶日常生活中常用的瀏覽方式或操作方式。其實(shí)這一點(diǎn)是設(shè)計(jì)師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點(diǎn)，用戶的心理模型抓的越準(zhǔn)，界面就會(huì)越優(yōu)秀。

#左邊界面#：大眾點(diǎn)評(píng)新版的價(jià)格的搜索就比之前改得更符合用戶心里模型；

評(píng)論(0) 瀏覽(3792)

032014-2

2014年界面設(shè)計(jì)的14個(gè)趨勢(shì)

藍(lán)藍(lán)設(shè)計(jì)的小編

　　時(shí)光飛逝，轉(zhuǎn)眼到了2014年，那么在2014年界面設(shè)計(jì)將會(huì)有怎樣的發(fā)展與變革呢？我試圖預(yù)測(cè)一下。交互/界面設(shè)計(jì)伴隨移動(dòng)互聯(lián)網(wǎng)一直保持著告訴的發(fā)展，每一年，都有新的東西出現(xiàn)，真令人振奮。

1.應(yīng)用主題化

評(píng)論(0) 瀏覽(9865)

172013-12

交互設(shè)計(jì)師必藏：50個(gè)線框圖套件和在線設(shè)計(jì)工具

藍(lán)藍(lán)設(shè)計(jì)的小編

當(dāng)開(kāi)始進(jìn)行新項(xiàng)目時(shí)，一般都會(huì)起步于線框圖。本文收集了大量的線框圖設(shè)計(jì)工具和套件。
交互設(shè)計(jì)師必備哦！

推薦閱讀：
《推薦！交互細(xì)節(jié)中的那些變形金剛》
《iOS用戶體驗(yàn)設(shè)計(jì)：如何構(gòu)建交互模式》
《20個(gè)專為無(wú)線端設(shè)計(jì)提供靈感的資源站》

在線設(shè)計(jì)模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計(jì)工具。允許你運(yùn)用標(biāo)準(zhǔn)元素設(shè)計(jì)出響應(yīng)式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

網(wǎng)頁(yè)設(shè)計(jì)和界面設(shè)計(jì)的原型設(shè)計(jì)工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

靈感！一組手機(jī)LOGO設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

移動(dòng)至上是當(dāng)今的大背景。交互設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)都不得不顧慮手機(jī)的”感受”，移動(dòng)互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn)，而有關(guān)移動(dòng)端的Logo怎么設(shè)計(jì)？看看這里吧。

0b25d66eac79fc07d35237f7124dd6db 0c86ffb36e3ab3883552aafd1d560a5c 3a397f080b57438ba24baf09bb743bad 3bef7d7db0e89363340ea26c2ae9fa1c 3c7484387e44da5507ef8f23ee2d3baa 4c8ab2f3c29d4bed9ba84061ce8bfd7e 4f718cfb0d08d71b588ebc785281fed9 06fd13acce072c4b61ba855b64b26b9b 39b8a4116f59564213d2dd5590c410b7 53e2a172a5f95bbe76e7e0373bcf73a5 66ed4b9796a4f56d00f7e4cf9e3fe6d2 643cd7033b6663a1d8b20a7ea5601e70

評(píng)論(0) 瀏覽(4889)

122013-10

別讓用戶發(fā)呆—設(shè)計(jì)中的防呆策略

藍(lán)藍(lán)設(shè)計(jì)的小編

　　生活中總會(huì)有些狀況讓我們無(wú)所適從摸不著頭腦：面對(duì)一排電燈或空調(diào)的按鈕，哪個(gè)才是控制我想要的？開(kāi)鎖時(shí)掏出一把鑰匙，哪個(gè)才是正確的？拿起U盤(pán)插入電腦，朝那個(gè)方向才是對(duì)的？……類似的猶豫充分說(shuō)明，你呆住了。現(xiàn)在，是需要“防呆設(shè)計(jì)”來(lái)拯救你了。

評(píng)論(0) 瀏覽(4674)

192013-9

效率優(yōu)先適度設(shè)計(jì)——網(wǎng)盟投放平臺(tái)體驗(yàn)優(yōu)化項(xiàng)目總結(jié)

藍(lán)藍(lán)設(shè)計(jì)的小編

零：項(xiàng)目背景

百度網(wǎng)盟推廣平臺(tái)是配合網(wǎng)盟推廣用戶的在線營(yíng)銷(xiāo)平臺(tái)，推廣客戶可以在平臺(tái)上實(shí)現(xiàn)全方位的推廣管理，包括搭建賬戶結(jié)構(gòu)、配置預(yù)算、定向方式、監(jiān)控賬戶投放效果等等復(fù)雜的賬戶操作。但是由于系統(tǒng)的復(fù)雜度和功能性的增加，原有的系統(tǒng)對(duì)新功能的支撐顯得有些捉襟見(jiàn)肘，所以在今年8月份，我們開(kāi)始了對(duì)系統(tǒng)體驗(yàn)的分析和優(yōu)化工作。

評(píng)論(0) 瀏覽(4900)

142013-7

16點(diǎn)優(yōu)化用戶界面的方法

藍(lán)藍(lán)設(shè)計(jì)的小編

優(yōu)異的用戶界面可以讓用戶用得順心，從而提高轉(zhuǎn)化率(conversion rate)，換言之，好的 UI 在使用與銷(xiāo)售層面上形成雙贏。本文整理了16點(diǎn)優(yōu)化用戶界面的方法，希望對(duì)大家有所幫助。

　　單欄型式優(yōu)于多欄

　　單欄型式讓你更能掌握自己的內(nèi)容，從頂部到底部一氣嗬成，用故事引導(dǎo)讀者，最終是要誘引他們「采取行動(dòng)」(call to action，下稱 CTA，意指下載或消費(fèi)等目的);而多欄反而可能導(dǎo)致讀者分心。

16點(diǎn)優(yōu)化用戶界面的方法,互聯(lián)網(wǎng)的一些事

評(píng)論(0) 瀏覽(5931)

022013-6

交互設(shè)計(jì)師不僅僅是個(gè)畫(huà)破圖的！

藍(lán)藍(lán)設(shè)計(jì)的小編

2011年10月，相繼寫(xiě)了兩篇《交互設(shè)計(jì)那些事兒》（一）（二），至今已經(jīng)有兩年了。期間有不少新的想法伴隨著我的工作、交流涌現(xiàn)出來(lái)，加上幾周前，在新的團(tuán)隊(duì)又進(jìn)行了一次分享，頗有點(diǎn)心得，又懶得去重新修改原有文章，就在此進(jìn)行一些補(bǔ)錄吧。

還是個(gè)人經(jīng)驗(yàn)，眼界有限，歡迎拍磚。

一. 再談術(shù)語(yǔ)

面向?qū)换ケ容^陌生的團(tuán)隊(duì)進(jìn)行分享，少不得再介紹下那些讓人云里霧里的術(shù)語(yǔ)。這次，咱們?yōu)檫@些術(shù)語(yǔ)做一個(gè)關(guān)系圖：

從下至上是各種術(shù)語(yǔ)的演變史。中間代表“做的事情”，左邊代表做這件事情的“人”，右邊代表做這件事情需要的“指導(dǎo)思想”。

評(píng)論(0) 瀏覽(5956)

112013-5

如何成為一個(gè)好的交互設(shè)計(jì)師？

藍(lán)藍(lán)設(shè)計(jì)的小編

了解自己的學(xué)習(xí)特性

一個(gè)好的交互設(shè)計(jì)師往往了解自己學(xué)東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長(zhǎng)。

學(xué)習(xí)與成長(zhǎng)并不是件陌生的事，每個(gè)人都有自己的故事。試著回想你學(xué)習(xí)其他東西的行為與習(xí)慣，透過(guò)一些整理，你可以逐步認(rèn)識(shí)自己是怎樣的學(xué)習(xí)者，并試著讓你的團(tuán)隊(duì)知道與支持你。這可以是了解如何成長(zhǎng)的第一步。身為一個(gè)設(shè)計(jì)團(tuán)隊(duì)的領(lǐng)導(dǎo)，也能在更了解組員的學(xué)習(xí)特性之后，一起創(chuàng)造出更合適的學(xué)習(xí)環(huán)境。

舉個(gè)例子：

某設(shè)計(jì)師的學(xué)習(xí)特性是…
我沒(méi)有辦法只看書(shū)或理論而產(chǎn)生我的設(shè)計(jì)觀點(diǎn)，我是一個(gè)從做中學(xué)的交互設(shè)計(jì)師。
不好玩、不友善的學(xué)習(xí)環(huán)境，我學(xué)不起來(lái)。

評(píng)論(0) 瀏覽(5883)

062013-5

交互設(shè)計(jì)師，你要懂視覺(jué)

交互設(shè)計(jì)師之所以要懂得視覺(jué)語(yǔ)言，主要體現(xiàn)在原型制作的工作部分，

因?yàn)檩敵龅碾m然是低保真原型，但低保真原型的設(shè)計(jì)過(guò)程其實(shí)也是一個(gè)視覺(jué)化過(guò)程。

廢話少說(shuō)，直接解釋吧（大致按照動(dòng)手的時(shí)間順序，以數(shù)字媒體界面為例）。

1 設(shè)計(jì)界面框架要懂視覺(jué)

在定好功能，搭好信息架構(gòu)之后，一般進(jìn)行單獨(dú)界面的框架設(shè)計(jì)（鬼扯，真實(shí)的操作順序誰(shuí)知道！）

框架設(shè)計(jì)是元素在界面上的大致布局，界面分幾塊區(qū)域，哪一塊區(qū)域放什么內(nèi)容之類的。

這里需要交互設(shè)計(jì)師確定這么幾件跟視覺(jué)有關(guān)的事情：

評(píng)論(0) 瀏覽(4290)

首頁(yè)

優(yōu)秀手機(jī)應(yīng)用設(shè)計(jì)需要遵循的8大原則

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實(shí)現(xiàn)模型

2014年界面設(shè)計(jì)的14個(gè)趨勢(shì)

交互設(shè)計(jì)師必藏：50個(gè)線框圖套件和在線設(shè)計(jì)工具

在線設(shè)計(jì)模板

Wirefy

Lumzy

Mockup Builder

靈感！一組手機(jī)LOGO設(shè)計(jì)

別讓用戶發(fā)呆—設(shè)計(jì)中的防呆策略

效率優(yōu)先適度設(shè)計(jì)——網(wǎng)盟投放平臺(tái)體驗(yàn)優(yōu)化項(xiàng)目總結(jié)

零：項(xiàng)目背景

16點(diǎn)優(yōu)化用戶界面的方法

交互設(shè)計(jì)師不僅僅是個(gè)畫(huà)破圖的！

一. 再談術(shù)語(yǔ)

如何成為一個(gè)好的交互設(shè)計(jì)師？

了解自己的學(xué)習(xí)特性

交互設(shè)計(jì)師，你要懂視覺(jué)

分類

日歷

鏈接

個(gè)人資料

存檔