首頁

交互設計師必藏：50個線框圖套件和在線設計工具

藍藍設計的小編

當開始進行新項目時，一般都會起步于線框圖。本文收集了大量的線框圖設計工具和套件。
交互設計師必備哦！

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

在線設計模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設計工具。允許你運用標準元素設計出響應式線框圖。

Wirefy in 50 Free Wireframe Kits and Web Apps

Lumzy

網(wǎng)頁設計和界面設計的原型設計工具。

Lumzy in 50 Free Wireframe Kits and Web Apps

Mockup Builder

評論(0) 瀏覽(6353)

靈感！一組手機LOGO設計

藍藍設計的小編

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

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

評論(0) 瀏覽(4236)

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

藍藍設計的小編

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

 

評論(0) 瀏覽(3930)

效率優(yōu)先 適度設計——網(wǎng)盟投放平臺體驗優(yōu)化項目總結(jié)

藍藍設計的小編

零：項目背景

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

評論(0) 瀏覽(4350)

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

藍藍設計的小編

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

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

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

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

　　

評論(0) 瀏覽(5207)

交互設計師不僅僅是個畫破圖的！

藍藍設計的小編

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

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

一. 再談術(shù)語

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

2013-05-27_182443

 

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

評論(0) 瀏覽(5512)

如何成為一個好的交互設計師？

藍藍設計的小編

了解自己的學習特性

一個好的交互設計師往往了解自己學東西的特殊方式，并善加利用，所以有著較有效率、較明顯的成長。

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

舉個例子：

  • 某設計師的學習特性是…
  • 我沒有辦法只看書或理論而產(chǎn)生我的設計觀點，我是一個從做中學的交互設計師。
  • 不好玩、不友善的學習環(huán)境，我學不起來。
評論(0) 瀏覽(5337)

交互設計師，你要懂視覺

交互設計師之所以要懂得視覺語言，主要體現(xiàn)在原型制作的工作部分，
因為輸出的雖然是低保真原型，但低保真原型的設計過程其實也是一個視覺化過程。

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


1 設計界面框架要懂視覺
在定好功能，搭好信息架構(gòu)之后，一般進行單獨界面的框架設計（鬼扯，真實的操作順序誰知道?。?/span>
框架設計是元素在界面上的大致布局，界面分幾塊區(qū)域，哪一塊區(qū)域放什么內(nèi)容之類的。
這里需要交互設計師確定這么幾件跟視覺有關(guān)的事情：
評論(0) 瀏覽(3835)

用戶到達頁面才是設計的開始

藍藍設計的小編

很久之前認為一個項目的完成和上線是一個項目的完結(jié)，
后來認識到，一個項目或頁面的上線不是結(jié)束而僅僅是開始，
現(xiàn)在明白了，用戶到達頁面，我們的設計才是剛剛開始。

我不敢說是絕對的或者百分百，但是用戶到達該頁面、該網(wǎng)站、使用該產(chǎn)品，這之前更多的依靠的是搜索或者運營的推廣。作為負責部分項目的UE/UI設計師來說，我不是產(chǎn)品，不是項目經(jīng)理，更不是運營和廣告我沒有那么多的能力去干預用戶到達或者使用我的設計。

 
下面單說一下我理解的用戶到達頁面的三種狀態(tài)。
我認為一個頁面瀏覽行為可以分為：瀏覽前、瀏覽中、瀏覽后，三個階段。

 
初級設計師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認為：瀏覽中才是我要做的，要花心思做的。
點擊查看原圖

評論(17) 瀏覽(4856)

如何打造軟件、應用類shopping mall

藍藍設計的小編

　2011年各大移動應用商店迅速崛起，群雄割據(jù)。在移動應用商店的基礎(chǔ)上，軟件商店也悄然形成。這些軟件、應用類商店形式多樣、風格迥異。一些成功的應用商店都已然向“shopping mall“邁進：比如應用商店的大贏家蘋果APP Store（i Pad、iPhone）， 國內(nèi)的安卓市場、網(wǎng)易應用、騰訊應用中心等等。這些商店成功的秘訣在于他們不僅僅將產(chǎn)品定位于一個簡單的提供應用下載的工具，而是精心運營和設計，創(chuàng)造出一站式提供應用服務的場所。

　　怎樣的軟件應用類商店是最完善的呢? 如何使軟件應用類“商店”提升為“shopping mall”呢？對此，本文從shopping mall的規(guī)劃原則著手，找尋其與軟件應用商店的共通點。通過任務和場景對現(xiàn)有的幾大應用商店進行分析，提煉軟件應用類商店的設計要素。

　　Shopping mall的定義是：大型零售業(yè)為主體，眾多專業(yè)店為輔助業(yè)態(tài)和多功能商業(yè)服務設施形成的聚合體。而一個完善的軟件應用類商店應該是集倉儲、商場、服務與一身的軟件應用中心。就如一個完善的購物中心，銷售的是種類各異的軟件。下圖從角色、任務和場景3個方面對shopping mall和軟件、應用商店進行對比分析。

 

　

評論(29) 瀏覽(5353)

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔