首頁

華為設(shè)計總監(jiān)為您講述產(chǎn)品的設(shè)計邏輯

藍藍設(shè)計的小編

老婆說,和我結(jié)婚兩年了,才大概知道交互設(shè)計是做什么的。(我還經(jīng)常給她講我在做什么設(shè)計)

老爸前幾周把我介紹給他朋友,說我是做人機智能的。(HCI和AI還是有點遠好吧lol)

所以,對家人和朋友,做設(shè)計的人經(jīng)常講不清楚自己是干什么的。……

以前雅虎的老大說過一句話:

When I worked at Apple, I remember the panic Steve Jobs inspired simply by walking the halls & asking "What are you working on?"

也是這個意思,其實很多人不能用一句話講清楚自己是做什么的,價值是什么。

我覺得設(shè)計師一定要在這個點上沒有問題,因為簡短的語言歸納能力對設(shè)計師太重要了。

我之前寫過一些設(shè)計準(zhǔn)則、設(shè)計思辨的文章,很多朋友問我,有點復(fù)雜,有點專業(yè),能否簡單明白地說一下。的確,對于設(shè)計師本來的圈子來說,這些思路可能不是難題;但是對于設(shè)計師面對的廣大群體來說,很多設(shè)計的話題需要有一種更簡單的說話方式來概括。

試想下這樣的場景:

一個技術(shù)人員問:這個產(chǎn)品為什么要做專家訪談?

一個市場營銷人員問:設(shè)計中的品牌性到底如何體現(xiàn)?

一個朋友問:你明明是理工科畢業(yè),不是學(xué)美術(shù)的,為啥要做設(shè)計?

一個業(yè)務(wù)線領(lǐng)導(dǎo)問:這個產(chǎn)品設(shè)計的統(tǒng)一性做的如何?哪兒有問題?

一個產(chǎn)品經(jīng)理問:老聽你說Affordance,到底是什么意思?

術(shù)語小科普!聊聊線框稿、視覺稿與原型的區(qū)別

周周

wireframe-mockup-prototype-differeces-1

@Akane_Lee :我和群里設(shè)計師聊,發(fā)現(xiàn) Prototype、Wireframe、Mockup 因為翻譯有時候皆統(tǒng)稱為「原型」的關(guān)系,導(dǎo)致大混淆,所以來說明下這三者的不同,不清楚這三個術(shù)語有什么區(qū)別的同學(xué)來漲姿勢咯 >>>

漲姿勢!有什么好的方案可以替代抽屜式導(dǎo)航?

周周

navigation-drawer-alternative-1

關(guān)于抽屜導(dǎo)航(三線icon/漢堡包菜單)的文章和討論已經(jīng)夠多了。本文無意加入這些討論,只是想尋找一種更好的替代方案,畢竟抽屜導(dǎo)航的缺陷早已成為公論 >>>

html5動效系列一:10個HTML5美化版復(fù)選框和單選框

藍藍設(shè)計的小編

單選框Radiobox和復(fù)選框checkbox在網(wǎng)頁中也十分常見,雖然它沒有按鈕的交互性強,但是如果能把它們像按鈕那樣美化一下,那也是非常不錯的。本文收集了10個相對比較漂亮的美化版單選框和復(fù)選框,希望你會喜歡。

1、CSS3漂亮的自定義Checkbox復(fù)選框 9款迷人樣式

之前我們分享過一款非常不錯的CSS3自定義checkbox復(fù)選框純CSS3美化Checkbox和Radiobox按鈕,外觀非常時尚。今天我們來分享一款9款樣式迷人的CSS3漂亮的自定義checkbox復(fù)選框。這幾款復(fù)選框樣式很豐富,使用起來也比較方便。

html5-css3-checkbox-styles

交互設(shè)計系列之六:富有啟發(fā)性的線框草圖

藍藍設(shè)計的小編



隨著公司企業(yè)對設(shè)計的重視越來越高。很多視覺設(shè)計師和交互設(shè)計師都有這非常明確的定位。不管是設(shè)計網(wǎng)站頁面還是應(yīng)用界面的風(fēng)格定位或者是移動App的應(yīng)用交互等等。在設(shè)計過程中設(shè)計師都需要一個構(gòu)思的過程。有一部分設(shè)計師會通過一些交互軟件來做最前期的架構(gòu)和構(gòu)思。但是更多的設(shè)計師還是喜歡用最原生的方法來構(gòu)思——草圖!我想這應(yīng)該也是最原始的前期構(gòu)思了。把好的靈光一現(xiàn)瞬間畫在稿紙上,做好標(biāo)記。我們在使用的很多經(jīng)典的工具界面都有著最初的線框草圖。今天我們要分享的就是一些優(yōu)秀的線框示意草圖。你可以看到這些最初的設(shè)計雛形。相信你可以從中得到創(chuàng)意的靈感。

交互設(shè)計系列之五:一個好的交互設(shè)計師是怎樣成長起來的?

藍藍設(shè)計的小編

1. 交互設(shè)計師應(yīng)當(dāng)具備的能力

如果我們簡單的將用戶體驗領(lǐng)域涉及到的技能分為:用戶研究、產(chǎn)品(概念/功能)設(shè)計、交互設(shè)計、視覺設(shè)計、工程技術(shù),我認為任何一個交互設(shè)計師和視覺設(shè)計師等等,都應(yīng)該具有整體的復(fù)合技能,只是哪部分更多哪部分更少的問題。

1) 用戶研究:對于交互設(shè)計師,不具備基本的用戶研究能力,無法吸收來自用戶的「信息營養(yǎng)」,如何做出真正以用戶為重心的設(shè)計呢?觀察法、訪談法、問卷法、可用性測試、行為數(shù)據(jù)分析等等,這些基本的方法應(yīng)該要有所掌握。

2) 產(chǎn)品(概念/功能)設(shè)計和交互設(shè)計:這方面不必多說,交互設(shè)計師必須有大局觀,能夠真正的理解產(chǎn)品的思路和方向,從交互的角度實現(xiàn)產(chǎn)品層面的意圖。這也是很多交互設(shè)計師轉(zhuǎn)向產(chǎn)品設(shè)計師、產(chǎn)品經(jīng)理的原因,在很多方面有交叉。

3) 視覺設(shè)計:視覺設(shè)計是很多交互設(shè)計師的軟肋,常常無法忍受一些交互設(shè)計師做出的沒有美感的文檔?,F(xiàn)在,特別是在移動互聯(lián)網(wǎng)的設(shè)計領(lǐng)域,交互和視覺往往是高度交叉的。交互會影響視覺,視覺反過來也會影響交互。對于一個交互設(shè)計師,在做交互設(shè)計師,腦海中就應(yīng)該浮現(xiàn)出視覺的輪廓,為視覺設(shè)計留下能夠發(fā)揮的空間。另外,交互設(shè)計師一定要有很好的視覺設(shè)計的感覺,知道如何判斷好的和不好的視覺設(shè)計。像素眼(能夠通過肉眼分辨出一像素的差別)至少要具備吧?

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔