第一次知道營銷型UI是在泡泡老師的課上面知道的,泡泡老師說這會是UI的一個發(fā)展方向硅瞧。那段時間我正在糾結(jié)是學(xué)系代碼還是學(xué)習(xí)手繪,聽了泡泡老師的分析腿堤,果斷的選擇了繪畫。
在討論這個問題時如暖,就好像我們經(jīng)常討論營銷重要還是產(chǎn)品重要一樣笆檀,當(dāng)然都很重要,但是想要獲得利益盒至,就必須營銷推廣误债,所以營銷型UI是一個重要的發(fā)展方向。
所謂營銷型UI妄迁,是指H5/活動營銷頁面/任何活動的推廣等等寝蹈,凡事趣味型,能夠調(diào)動用戶的關(guān)注度登淘,提高產(chǎn)品人氣的方式箫老,都可以是UI的工作范疇,所以營銷型UI不在是畫畫線框圖黔州,排排版式那么簡單耍鬓,因?yàn)楫a(chǎn)品1.0時代已經(jīng)過去了,好的產(chǎn)品已經(jīng)發(fā)展起來流妻,那么對產(chǎn)品的篩選已經(jīng)結(jié)束牲蜀,發(fā)展起來的產(chǎn)品就會迫不及待的進(jìn)行推廣營銷,那么此時UI的職責(zé)則不會是畫線框圖绅这,也許偶爾會有改版的需求涣达,但是這將不會是UI的主要職責(zé),UI需要配合營銷對產(chǎn)品進(jìn)行全方位的推廣证薇,那么UI也許需要設(shè)計營銷相關(guān)的各種活動度苔。
所以基于最近的這些認(rèn)識,我開始嘗試在每周的練習(xí)中加入了浑度,營銷型界面的設(shè)計學(xué)習(xí)寇窑,而這種學(xué)習(xí)是需要基于色彩與繪畫的基礎(chǔ)之上的,所以繪畫的功力則被不得不被提及箩张,為了使自己了解各種繪畫方式在營銷方面的應(yīng)用甩骏,我嘗試各種繪畫的方式的臨摹,以方便知道這種方式被應(yīng)用的思路先慷。
提到思路饮笛,這也是最近一直想要突破的地方,任何的技巧都只是輔助熟掂,思路才是靈魂缎浇。所以除了培養(yǎng)自己的繪畫能力的同時扎拣,我必須培養(yǎng)自己的思路赴肚,開闊自己的眼界素跺。吼吼~,這正是包豪斯的的理念坝指厌!授人予魚不如授人以漁!只是針對思路的訓(xùn)練我自己還未嘗試到更好的方法踊跟,現(xiàn)在只能靠大量的臨摹和繪畫來學(xué)習(xí)別人的創(chuàng)作意圖踩验。
前一段時間給自己規(guī)定了一個每周計劃,并在xmind里面寫下計劃商玫,在teambition督促自己箕憾,是的計劃很豐滿,執(zhí)行完成情況不是很好拳昌,但是這種提前的計劃使我有了更大的熱情去做更多的東西袭异,使我開始珍惜時間,開始認(rèn)真對待練習(xí)這件事情炬藤。
原本定的是一周一次匯報御铃,然而由于時間不夠,所有的內(nèi)容都單一的呈現(xiàn)沈矿,沒有排版上真,所以無法匯報,拖到了第三周羹膳,才能開始考慮到整理的事情睡互。
每周學(xué)習(xí)計劃的實(shí)施情況
以下針對每次的練習(xí),并作出學(xué)習(xí)總結(jié)
制定計劃
1陵像、在xmind里面為每周要完成的任務(wù)提前安排好湃缎,盡量不做改動,這就節(jié)約了每次自己在動筆前的猶豫蠢壹,以至于遲遲無法動筆嗓违。拖拖拉拉一天就過去了。
2图贸、在teambition里面記錄完成情況
是的蹂季,這里完整印證,計劃很美好疏日,現(xiàn)實(shí)很骨感偿洁。看到了沟优,很多計劃都沒有完成涕滋,啪啪啪,打臉~
計劃完成效果圖
第一周總結(jié):這周以色彩練習(xí)為主挠阁,遵循的原則是讓眼睛舒服宾肺。在使用色彩方面溯饵,HSB中的B色盡量保持在白的位置,這樣可以保證色彩中含有的黑色比較少锨用,色彩就不會“臟”丰刊。明亮色彩在動畫方面使用的都比較多,近期的國產(chǎn)動畫增拥,及《你的名字》啄巧、《大魚海棠》等等,明顯感受到高亮色彩所帶來的愉悅和輕松的感受掌栅,是對視覺的舒適體驗(yàn)秩仆。
《一人之下》場景的技巧,基本全部依托畫筆猾封,叢林畫筆畫出斑駁的樹叢逗概,然后各種色彩結(jié)合,融合忘衍,達(dá)到效果逾苫。
《鯨歌》場景,這是一部獲獎動畫枚钓,雖然是一部無聲動畫铅搓,但是在音樂和意境中就有很震撼的感受,每一幀都值得學(xué)習(xí)和繪畫搀捷,雖然知識黑白星掰,但是十分具有表達(dá)力。這里采用里兩種繪畫方式嫩舟,一種是明晰的輪廓氢烘,一種是模糊的輪廓,從而讓我知道了在何種場景下使用何種工具的思路家厌。
《墜落》這個的原圖來源于哪里不記得了播玖,只是看見就覺得很感動,我在色彩上做了很大的處理饭于,在對比色的前提下蜀踏,學(xué)著去畫層層疊疊的云朵,去畫虛實(shí)的場景掰吕,等等
《最右》這是手機(jī)安裝的APP在圣誕節(jié)的活動果覆,進(jìn)入APP的歡迎頁,除了學(xué)習(xí)到節(jié)日配色以外殖熟,還學(xué)習(xí)到了PS中各種投影內(nèi)陰影的疊加應(yīng)用局待,同時,在畫這幅畫的時候,我學(xué)會了使用自由選區(qū)(L)這個工具在繪畫中的強(qiáng)大功能钳榨,自由線條的小雪堆就是使用這個工具舰罚。
第二周練習(xí)總結(jié):第二周輸出明顯不足,再加上第二周的年會整整去西藏四天重绷,一直是深深的罪惡感沸停。雖然每次都是臨圖膜毁,但是還是開始學(xué)著先從草稿起步昭卓,不省去任何一步,盡量能夠記住圖形瘟滨,并且不看原圖的情況下去繪畫候醒,當(dāng)然現(xiàn)在還是做不到,但是依然努力嘗試杂瘸。
《最右》的歡迎頁面倒淫,這幅場景是一看到就想嘗試的類型,而且很有趣味性败玉,其中學(xué)到了動感模糊的使用敌土,讓我受益匪淺。
《新年賀圖》這是在站酷上的某個大神的作品运翼,由于當(dāng)時是截圖返干,Eagle上面沒有鏈接原來的地址,我就無法找到是那個原作者了血淌。這是矢量圖的學(xué)習(xí)和繪畫矩欠,之前看過狂奔的包子鋪的教學(xué)視頻,但是由于懶惰一直沒有認(rèn)真練習(xí)悠夯,所以這次臨才知道了真正的矢量圖的應(yīng)用和畫法癌淮。這里面有個重要的知識點(diǎn)就是,描邊要使用外描邊沦补,并且原位復(fù)制粘貼的時候只要點(diǎn)中你想讓他在的某個圖層乳蓄,command+F就可以粘貼到對應(yīng)的圖層,(這些技巧一千看見包子的視頻里面有卻不知道為什么夕膀,現(xiàn)在才明白)栓袖。之前就很喜歡那種場景很滿,內(nèi)容很多的畫面店诗,通過這次圖的練習(xí)裹刮,我明白了,不過場景中有再多的東西庞瘸,都需要一個一個的去畫捧弃,去組合,從而是畫面豐滿起來。
第三周練習(xí)總結(jié):這一周的練習(xí)有點(diǎn)緩慢违霞,因?yàn)檫@一周我開始學(xué)著從配色網(wǎng)站上尋找配色嘴办,學(xué)著根據(jù)草稿圖去找真實(shí)的圖片并將之轉(zhuǎn)換為矢量圖形,學(xué)著從黑白到并漸漸處理成彩色买鸽,并且盡量做到只看草稿圖涧郊,不去抄襲原作者的配色,當(dāng)從結(jié)果看來眼五,我依然不能一下子記住整體風(fēng)格妆艘,很多時候都會配色困難,忍不住看原作者是怎么配色的看幼,好啦~以后盡量學(xué)著自己配色批旺。
草草收尾,干活去了诵姜。