以用戶為中心的圖標設計法

閑暇時日,抱著靠枕躺在沙發,似有陽光從露台照進客廳,索性拿了枕頭遮住眼睛。辦公桌上的電腦還在放著最喜歡看的美劇,但是今兒這種聲音反而有助於睡眠,說不定在夢裡還可能想起一件小事,且一覺醒來之後並不會覺得無所適從呢,嘻~

今天這篇文章的內容雖然較短,但是意義卻非常深刻,值得各位 UI 設計師細品。

下面進入譯文。


該項目旨在遵循以用戶為中心的設計方法,去設計一個 Android 移動應用的主圖標。這款產品的目的是:幫助用戶為他們的生活找到合適的禮物,以此讓每一個場合都變得溫馨。而這款產品,我們稱之為 Gifto. 那麼接下來,我們一起來看看「以用戶為中心」設計圖標的方法吧。

1.靈感來源於生活

「Gifto」 App 可以幫助用戶提醒自己在他們生活中的特殊節日,如生日、周年紀念等等,促進人與人之間的情感交流。那麼首先,我們用紙筆畫出人們在現實生活中互相贈送禮物的方式。

步驟 1:用草稿,從現實生活中汲取靈感

草稿中的互動發生在送禮物者和接受者之間,他們是經歷這種體驗的潛在用戶。

2.將草稿線條化

對送禮物者和接受者之間的互動做進一步簡化和抽象,將他們的手融合在一起,並移除禮物盒元素以保持圖標整體的空間感。

步驟 2:主圖標的視覺一定要保持極簡、且易識別

3.情懷,讓我們產生共鳴

下圖描繪的分別是送禮者和接受者不同方式的簡化,這就彷彿生活中的送禮畫面。這也是以用戶為中心得出的設計邏輯。這種用戶研究為我們提供了一種獨特的見解:即送禮者的體驗與接受者的一樣重要。

步驟 3:將情感融入到你的設計中

在這兩個人之間的互動中,產生的幸福感與滿足感是這個圖標或產品所要傳遞的一種情感方式。這是用戶被受到重視的一種愉悅體驗。

4.將設計概念與實際產品融合

圖標的概念設計希望與「Gifto」這個詞融合在一起。但是為了提升 Gifto 這個單詞的可讀性,就不能單純的將它們融合在一起,而要以一種更為和諧的方式。

步驟 4:嘗試著將 Gifto 這個主題融入到圖標設計中

5.進行多種融合嘗試

在設計中進行周而復始的嘗試是非常必要的,因為在第一次融合嘗試中,你不可能得到最好的設計稿。

步驟 5:進行大量重複的嘗試

6.呈現出最終的設計稿

最終的圖標,將 Gifto 的概念含義翻譯得很好,如果單純從圖標意義上來說,這是一個成功的設計稿。(獃獃:不知道為啥,我更喜歡上圖的第一種,嘻嘻)

小結

單純從文章內容來看,篇幅比較短,但是內容卻很值得推薦,這就好比「品牌化圖標」的設計模式。從生活中汲取靈感,運用到設計上,誰又能說這不是用戶研究的一種模式呢?

之所以譯這篇文章,是因為它很好的將「用戶研究」融入到視覺設計中,這是目前市場上的大部分 UI 設計師所欠缺的能力。希望這篇文章能給予你們更多的靈感。

謝謝閱讀:)

END.

作者:Designerrs Lab

鏈接:medium.muz.li/user-cent


推薦閱讀:

沒有天賦能學習UI設計嗎?
新人UI設計學習網站,值得收藏
【大寶】做設計,不要用年齡來衡量資歷。
如何設計一個良好體驗的用戶界面?
UI 設計用什麼軟體?

TAG:用戶界面設計 | UI設計師 | 圖標設計 |