在上篇中,給大家拆解到了很多UI能力細(xì)節(jié),也和大家在評(píng)論區(qū)與私信中,溝通了很多;
簡(jiǎn)單回顧下,我們講到了:
· 專業(yè)設(shè)計(jì)領(lǐng)域:多方案產(chǎn)出能力
· 設(shè)計(jì)執(zhí)行力:規(guī)范的理解
· 重點(diǎn)分析:拆解思維
· 細(xì)節(jié)見微 與 多樣化的思考能力
· 舉一反三的能力
不知道大家是否有遺忘呢,別忘了復(fù)習(xí)上篇哦~
正式進(jìn)入正題,文章中作品,均來(lái)自EDC團(tuán)隊(duì)作品與個(gè)人作品。
行業(yè)在變化,設(shè)計(jì)也在變得越來(lái)越嚴(yán)謹(jǐn)。
當(dāng)大家抱怨:求職越來(lái)越難的時(shí)候,我們也應(yīng)該換位思考,行業(yè)也正在變得冷靜、規(guī)范。
大家從每年幾乎必跳槽,慢慢變到:必須要有十足的準(zhǔn)備和積累后,才能去跳槽,這其中也包含了一份對(duì)自我職業(yè)價(jià)值的重新認(rèn)識(shí)。
行業(yè)需要冷靜,求職、晉升也應(yīng)該理性對(duì)待。
1、往行業(yè)的終極標(biāo)準(zhǔn)去努力:能力模型
我們作為UI、視覺,職業(yè)的標(biāo)準(zhǔn)到底在哪里?是設(shè)計(jì)的美丑?
美丑的評(píng)定,這或許一個(gè)及格線,就拿工作中來(lái)說(shuō):還有需求溝通和晉升述職的能力,還有一些項(xiàng)目總結(jié)與創(chuàng)新能力。
中考、高考階段,我們有明確的分?jǐn)?shù)線標(biāo)準(zhǔn),UI求職、職級(jí)晉升也是如此,標(biāo)準(zhǔn)如下:
能力模型,指導(dǎo)了眾多一二線設(shè)計(jì)師往更專業(yè)的方向進(jìn)行提升。
例如:阿里美團(tuán)的P序列、小米的D序列,百度的U序列等。雖然現(xiàn)在每個(gè)序列之間,還有差異,但是隨時(shí)行業(yè)的進(jìn)步與發(fā)展,終究會(huì)有一個(gè)統(tǒng)一的標(biāo)準(zhǔn)。
衡量自己值多少薪資等級(jí),如果有一份有信服力的摸底考試,這也是對(duì)自我能力和天花板的重新認(rèn)識(shí),這一天我們相信,也會(huì)很快到來(lái)。
2、多元化發(fā)展,找到更好的專深方向
很多職業(yè),不是編制,需要不斷轉(zhuǎn)型和做出改變。
UI也是如此,這是一個(gè)職業(yè)的起點(diǎn),而不是職業(yè)的終點(diǎn);
還有更多有趣、有深度的設(shè)計(jì)分支,老古話說(shuō)的不錯(cuò):天生我材必有用,那么我在設(shè)計(jì)領(lǐng)域上,到底擅長(zhǎng)哪些?
大家明白:35歲以上,很難再繼續(xù)基礎(chǔ)執(zhí)行層,而在40左右,要想繼續(xù)深耕,必須逐漸深耕管理/半管理角色。
而這一切的標(biāo)準(zhǔn),必須基于我們深耕于某一個(gè)具體的專深領(lǐng)域。
如下圖:
下面,我們也拆分一些細(xì)節(jié)領(lǐng)域,和大家一起做出一些探討。
3、運(yùn)營(yíng)設(shè)計(jì):助力業(yè)務(wù)營(yíng)銷產(chǎn)能
下面是:不同類型別的設(shè)計(jì)輸出,或許能給大家在未來(lái)職業(yè)上,帶來(lái)一些啟發(fā)。
首先是:運(yùn)營(yíng)設(shè)計(jì)領(lǐng)域,搭配界面的形式,用更加具有沖擊力、場(chǎng)景感的畫面,來(lái)為產(chǎn)品去帶貨。
但作為設(shè)計(jì)師,不僅僅簡(jiǎn)單做個(gè)廣告圖這么簡(jiǎn)單。我們是否可以在有限的屏幕空間中,創(chuàng)造出:屏幕的縱深感?
如下圖:
2.5D是一個(gè)比較常見的縱深感,也是18年中非?;鸬囊粋€(gè)趨勢(shì)。
但現(xiàn)象級(jí)趨勢(shì)不能長(zhǎng)久,做設(shè)計(jì)要想不過時(shí),我們也可以從厚度、墻角的原理上,徹底了解空間感的厚度和加強(qiáng)縱深感。
通過上圖可以看到:我們非常好地從生活案例中,汲取了靈感,轉(zhuǎn)化至了banner的場(chǎng)景化構(gòu)建過程中。
了解這個(gè)原理之后,很多扁平的廣告位會(huì)變得簡(jiǎn)單;
也能在運(yùn)營(yíng)設(shè)計(jì)過程中,收獲到更大的視覺樂趣和職業(yè)自豪感。
4、腦洞決定了設(shè)計(jì)師的天花板
初級(jí)入門階段,往往會(huì)背出一堆公式和參數(shù),例如:導(dǎo)航欄88px,tab欄圖標(biāo)48px左右。
但很明顯,UI不是一門模板化的職位!
腦洞的大小、關(guān)鍵詞的聯(lián)想,也決定了設(shè)計(jì)產(chǎn)出的高度。
比如:運(yùn)營(yíng)設(shè)計(jì),包括banner、膠囊廣告、H5活動(dòng)頁(yè)等。
它們的難點(diǎn),都在于插畫的靈感來(lái)源,通常我們使用雙圖庫(kù)的思維來(lái)解決難點(diǎn),來(lái)看下什么是雙圖庫(kù),然后再給大家做詳細(xì)拆解。
雙圖庫(kù)的核心:
1、本質(zhì)上,是頭腦風(fēng)暴的過程
2、非常重要的步驟是:化抽象為具象
3、關(guān)鍵詞的聯(lián)想
4、建立現(xiàn)實(shí)圖庫(kù)與風(fēng)格參考圖庫(kù)
我們可以通過下面一個(gè)案例,來(lái)嘗試?yán)斫庀拢?/p>
產(chǎn)品需求:針對(duì)【健康幣 免費(fèi)送】,制作一組場(chǎng)景插圖,以此強(qiáng)化促銷區(qū)域的趣味性。
首先,我們使用了:名詞拆分法,把需求拆分為:健康幣+免費(fèi)送;
然后,針對(duì):健康+貨幣,分別聯(lián)想關(guān)鍵詞。
分析完健康幣后,繼續(xù)分析:免費(fèi)送;
免費(fèi)送?怎么送呢?
這時(shí),需要我們與產(chǎn)品溝通,得到更確定的場(chǎng)景描述,產(chǎn)品想體現(xiàn)出來(lái)的場(chǎng)景是:從天而降的薅羊毛的實(shí)惠感。
有了關(guān)鍵詞的拆分之后,很多創(chuàng)作變得簡(jiǎn)單,接下來(lái)便是:小元素的構(gòu)建;
注意:一定是小元素,萬(wàn)丈高樓平地起,插畫和運(yùn)營(yíng)也是如此。
最后,我們只需要把各個(gè)小元素,組成一個(gè)完成的整體,如下圖:
5、職業(yè)的深度與廣度:產(chǎn)品感的建立
這里說(shuō)的產(chǎn)品感,是UI設(shè)計(jì)師向交互,用研方向延伸;
當(dāng)然也有很多UI同行也會(huì)問:真的要懂這么多嗎?
這個(gè)答案很簡(jiǎn)單,如果對(duì)兄弟部門一概不知,那么又談何配合與溝通?
界面設(shè)計(jì)階段,融合產(chǎn)品思維開拓視野,提升自身核心競(jìng)爭(zhēng)力。
同時(shí)也是讓自己在產(chǎn)品業(yè)務(wù)部門中,可贏得更多話語(yǔ)權(quán)和地位,如下圖的闡述:
那么,問題來(lái)了,如何培養(yǎng)設(shè)計(jì)師的產(chǎn)品感?
首先任何積累,都是需要一個(gè)長(zhǎng)期的積累,這里介紹幾個(gè)過來(lái)人的經(jīng)驗(yàn):
1、一定要多看,但看的內(nèi)容一定要落于紙面,總結(jié)自己的產(chǎn)品日記;
2、別人為什么這么布局?理由是什么?
3、這個(gè)功能的位置,為什么放在這里?突顯和弱化的理由是什么?
4、此頁(yè)面的產(chǎn)品目標(biāo)是什么?是否可以用埋點(diǎn)數(shù)據(jù)衡量?
在日常設(shè)計(jì)過程中,我們也會(huì)針對(duì)一份完整的界面,進(jìn)行更多的深度闡述。
其中就例如:十字交叉分析的方式,道理即:高中階段的XY坐標(biāo)軸。
當(dāng)我們拿到產(chǎn)品原型,不僅僅是進(jìn)行簡(jiǎn)單的彩色化,更要進(jìn)行一些深度分析和探討。
行業(yè)在變化,每一次求職,都要有十足的準(zhǔn)備,這個(gè)道理就像是高考。
有人上榜,有人必然落榜,人人都是紅利的階段,已經(jīng)是過去式,在一個(gè)良好的團(tuán)隊(duì)和圈子中成長(zhǎng),這就變得非常重要。
發(fā)達(dá)國(guó)家每年迭代技術(shù),保持自己的行業(yè)領(lǐng)先地位;互聯(lián)網(wǎng)行業(yè)也是如此,設(shè)計(jì)也是如此。
逆水行舟,不進(jìn)則退。
6、視覺的差異化與信任感:品牌設(shè)計(jì)
品牌設(shè)計(jì)是有效的視覺溝通、給用戶深刻的形象記憶,堪稱企業(yè)的靈魂和旗幟!
在大家的印象中品牌設(shè)計(jì),是做一個(gè)logo或者做一套VI,肯定包含這些,當(dāng)然也遠(yuǎn)不止這些。
這里,也舉一個(gè)工作過程中的實(shí)戰(zhàn)案例:
如果我們要迭代:Timi記賬這款工具化產(chǎn)品,那么你會(huì)怎么辦?
UI視覺上翻新?
其實(shí)我們站在:用戶而非設(shè)計(jì)師的角度,認(rèn)真思考下:用戶真的需要視覺翻新嗎?
界面改版,只是個(gè)容器而已,其中必定要包含更多的品牌元素更新,或者品牌升級(jí)的寓意。
那么作為UI設(shè)計(jì)師,如何做好品牌的有效視覺溝通,給用戶留下深刻的印象?
除了品牌色的運(yùn)用,作為UI設(shè)計(jì)師還可以在條件允許的情況下,進(jìn)行品牌IP的思考和升級(jí)。
上圖為一款記賬app的形象IP設(shè)計(jì)過程,采用狐貍形象傳達(dá)聰明機(jī)智的使用感受,并融入女性特征(眼睫毛、體型)貼合目標(biāo)用戶群體,既有創(chuàng)意又有說(shuō)服力。
設(shè)計(jì)師再通過形象IP的延伸,可以更好的將品牌感融入到界面設(shè)計(jì)中,達(dá)到給用戶留下深刻品牌印象的目的。
例如在首頁(yè)中,將形象IP最舉代表性的夾耳朵,融入到導(dǎo)航欄的圖標(biāo)之中。
IP形象結(jié)合活動(dòng)運(yùn)營(yíng)時(shí)的場(chǎng)景應(yīng)用等。
所以,我們始終認(rèn)為:
設(shè)計(jì)這份職業(yè),不單單是靠結(jié)果,有一份過程也很重要,或許過程中的彩蛋,遠(yuǎn)比結(jié)果來(lái)得精彩。
7、往更落地的動(dòng)效領(lǐng)域深耕,而非炫技
動(dòng)效設(shè)計(jì)是個(gè)值得深挖的能力,但是并不是工作中的重點(diǎn),這是為什么呢?
除了保證整體應(yīng)用的穩(wěn)定性外,開發(fā)和產(chǎn)品,經(jīng)常跟不上設(shè)計(jì)師的腦洞。
首先,交互動(dòng)效可以降低用戶的理解成本(易用性),如下圖中:在智能場(chǎng)景的使用。
我們必須明確一個(gè)細(xì)節(jié)點(diǎn)是:動(dòng)效也是可用性的一部分,是加快操作效率與用戶體驗(yàn)的重要一環(huán)。
其次,下圖刷新功能中,使用形象IP結(jié)合交互動(dòng)效的形式,緩解用戶焦慮情緒,體現(xiàn)出情感化設(shè)計(jì)。
8、T型發(fā)展,加強(qiáng)自己職業(yè)的深度與廣度
有這樣一句話讓我特別深刻:
如果你的產(chǎn)品在“可用性”和“易用性”上已經(jīng)相當(dāng)成熟或者領(lǐng)先于對(duì)手,并且仍有富余的設(shè)計(jì)開發(fā)資源,你可以開始考慮“有趣”和“情感化”的細(xì)節(jié)了。
可以說(shuō)動(dòng)效也是體現(xiàn)產(chǎn)品實(shí)力的一種方法。
也早在2015年IXDC國(guó)際體驗(yàn)設(shè)計(jì)大會(huì)上,就有前輩,已提到了這個(gè)問題:
設(shè)計(jì)的深度與廣度:美感與嚴(yán)謹(jǐn)科學(xué)性的并存。
“路漫漫其修遠(yuǎn)兮 吾將上下而求索”,希望大家能在職業(yè)道路上,走得更深、更遠(yuǎn)。
總結(jié)回顧
這次先講到這里,回顧下我們講了哪些內(nèi)容吧:
1、往行業(yè)的終極標(biāo)準(zhǔn)去努力:能力模型
2、多元化發(fā)展,找到更好的專深方向
3、運(yùn)營(yíng)設(shè)計(jì):助力業(yè)務(wù)營(yíng)銷產(chǎn)能
4、腦洞決定了設(shè)計(jì)師的天花板
5、職業(yè)的深度與廣度:產(chǎn)品感的建立
6、視覺的差異化與信任感:品牌設(shè)計(jì)
7、往更落地的動(dòng)效領(lǐng)域深耕,而非炫技
8、T型發(fā)展,加強(qiáng)自己職業(yè)的深度與廣度