這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

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

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

1. 靈感來源于生活

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

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

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

2. 將草稿線條化

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

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

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

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

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

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

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

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

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

5. 進行多種融合嘗試

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

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

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

6. 呈現出最終的設計稿

最終的圖標,將 Gifto 的概念含義翻譯得很好,如果單純從圖標意義上來說,這是一個成功的設計稿。

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

小結

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

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

呆呆是前阿里設計師,自學能力超強,在網絡上輸出過很多干貨。最近他推出了《呆呆郵報》,每周 1 - 2 篇會員期刊,通過郵箱發送,內容涵蓋產品設計、科技、藝術等領域,想和大牛近距離接觸,這可是個絕佳機會 → 訂閱《呆呆郵報》

歡迎關注譯者的微信公眾號:「呆呆U理」

這個「以用戶為中心」的圖標設計法,恰好很多設計師不會

「超全面的圖標設計總結」

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com

收藏 23
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。