## ##

        以用戶為中心的圖標(biāo)設(shè)計(jì)法

        2018-04-20 10:20:47 閱讀 256723 本文來源:呆呆 呆呆U理
        分享至:

        該項(xiàng)目旨在遵循以用戶為中心的設(shè)計(jì)方法,去設(shè)計(jì)一個(gè) Android 移動(dòng)應(yīng)用的主圖標(biāo)。這款產(chǎn)品的目的是:幫助用戶為他們的生活找到合適的禮物,以此讓每一個(gè)場合都變得溫馨。而這款產(chǎn)品,我們稱之為 Gifto. 那么接下來,我們一起來看看「以用戶為中心」設(shè)計(jì)圖標(biāo)的方法吧。

        20180420100417635.jpg


        1.靈感來源于生活

        “Gifto” App 可以幫助用戶提醒自己在他們生活中的特殊節(jié)日,如生日、周年紀(jì)念等等,促進(jìn)人與人之間的情感交流。那么首先,我們用紙筆畫出人們在現(xiàn)實(shí)生活中互相贈(zèng)送禮物的方式。

        20180420100454332.jpg

        步驟 1:用草稿,從現(xiàn)實(shí)生活中汲取靈感

        草稿中的互動(dòng)發(fā)生在送禮物者和接受者之間,他們是經(jīng)歷這種體驗(yàn)的潛在用戶。


        2. 將草稿線條化

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

        20180420101242142.jpg

        步驟 2:主圖標(biāo)的視覺一定要保持極簡、且易識(shí)別


        3.情懷,讓我們產(chǎn)生共鳴

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

        20180420101323714.jpg

        步驟 3:將情感融入到你的設(shè)計(jì)中

        在這兩個(gè)人之間的互動(dòng)中,產(chǎn)生的幸福感與滿足感是這個(gè)圖標(biāo)或產(chǎn)品所要傳遞的一種情感方式。這是用戶被受到重視的一種愉悅體驗(yàn)。


        4.將設(shè)計(jì)概念與實(shí)際產(chǎn)品融合

        圖標(biāo)的概念設(shè)計(jì)希望與「Gifto」這個(gè)詞融合在一起。但是為了提升 Gifto 這個(gè)單詞的可讀性,就不能單純的將它們?nèi)诤显谝黄穑砸环N更為和諧的方式。

        20180420101429713.jpg

        步驟 4:嘗試著將 Gifto 這個(gè)主題融入到圖標(biāo)設(shè)計(jì)中


        5.進(jìn)行多種融合嘗試

        在設(shè)計(jì)中進(jìn)行周而復(fù)始的嘗試是非常必要的,因?yàn)樵诘谝淮稳诤蠂L試中,你不可能得到最好的設(shè)計(jì)稿。

        20180420101517234.jpg

        步驟 5:進(jìn)行大量重復(fù)的嘗試


        6.呈現(xiàn)出最終的設(shè)計(jì)稿

        最終的圖標(biāo),將 Gifto 的概念含義翻譯得很好,如果單純從圖標(biāo)意義上來說,這是一個(gè)成功的設(shè)計(jì)稿。

        20180420101601309.jpg


        小結(jié)

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

        之所以譯這篇文章,是因?yàn)樗芎玫膶ⅰ赣脩粞芯俊谷谌氲揭曈X設(shè)計(jì)中,這是目前市場上的大部分 UI 設(shè)計(jì)師所欠缺的能力。希望這篇文章能給予你們更多的靈感。


        作者:Designerrs Lab

        鏈接:https://medium.muz.li/user-centered-design-approach-towards-designing-a-logo-b6c650dcf84b?source=rss----5969bf7021a3---4

        20180420102316721.png

        責(zé)任編輯:大同

        認(rèn)可我的創(chuàng)作,就鼓勵(lì)一下吧

        0人打賞
        分享至:

        聯(lián)系客服

        故障反饋