原作者:腰子
一個成熟的設(shè)計師除了扎實的視覺表現(xiàn)基本功之外更需要一個良好的口才與優(yōu)秀的溝通能力仲器,我們不只是一個簡單的執(zhí)行者煤率,甚至有時我們責(zé)任重大,變身為問題的解決者乏冀。
經(jīng)常有朋友問如何才能做出好的設(shè)計作品蝶糯?其實這并不是一個那么容易回答的問題,一個優(yōu)秀的設(shè)計師除了具備良好的繪畫功底與審美的之外還需要了解自己的用戶辆沦,了解自己的產(chǎn)品昼捍,而我們作為服務(wù)行業(yè)又要努力保持好商業(yè)與藝術(shù)之間的平衡,這時對設(shè)計師們的考驗就會更嚴苛肢扯。從學(xué)校畢業(yè)妒茬、開始工作,從什么都不懂到了解行業(yè)并且為客戶解決問題鹃彻,這些經(jīng)歷都不停在每位設(shè)計師身上上演著……
那么回到我們的問題郊闯,初出茅廬該怎樣讓自己能夠快速成長呢?
我們需要了解行業(yè)動態(tài)蛛株,需要具備優(yōu)秀的審美团赁,需要收集大量的案例,需要虛心請教周圍更有經(jīng)驗的前輩谨履;大的不說我們來談點有實際意義的欢摄。
建立自己的素材庫
建立自己的素材文檔(我本人比較喜歡用花瓣網(wǎng),云端儲存簡單易用笋粟,資源收集豐富便捷)怀挠,當(dāng)然不排除喜歡收集在自己電腦里的設(shè)計師們,這完全看個人習(xí)慣來定害捕。
那么我們有了素材庫之后該怎么辦绿淋?兩個字:分類,這里依照每個人的習(xí)慣不同那么分類的點也會不一樣尝盼,根據(jù)習(xí)慣我們可以第一時間找到適合的風(fēng)格來尋找靈感并且予以借鑒吞滞,這里貼出我個人的分類給大家參考。
那么分類完成,有了素材庫的沉淀就夠了么裁赠?答案當(dāng)然是no殿漠!在這里我想提個問題,我相信蠻多設(shè)計師會創(chuàng)建自己的素材庫佩捞,可當(dāng)你們收集完之后會返回去看這些令你們喜歡的作品么绞幌?所以這里我要強調(diào)的是分析,分析你喜歡的作品一忱,分析你收藏他們的原因莲蜘,無論是字體、視覺表現(xiàn)掀潮、交互邏輯一定會有他們各自的閃光點吸引你菇夸,才會被收藏下來琼富,針對不同的風(fēng)格進行單獨的分析思考仪吧,自己觀察每個細節(jié),打開你發(fā)現(xiàn)未知的眼光你就會在每一個作品中學(xué)到自己不曾注意的小點鞠眉。
案例分析
我們隨機找出這張案例來進行分析薯鼠,一個游戲角色的介紹頁面,整體干凈簡潔沒有過多的場景處理(這么做也是為了在不同角色的情況下保證背景的統(tǒng)一械蹋,并且設(shè)計成本也會降低)出皇,下方巧妙的用菱形圖案將角色放置點擊切換(如果給到我們來做這么多角色的選擇按鈕我們會像這樣排列么?)哗戈,所以在分析作品的同時我們不僅僅是看到視覺的表現(xiàn)郊艘,交互的形式和作者在做頁面時的思考我們也可以試著去體會,這樣會更加深對作品的理解唯咬。
電影海報纱注,整體采用紅黑單色配色增強沖擊力,人物出乎意料的傾斜擺放增加畫面張力胆胰,文字的排列也特意做了傾斜效果讓整體視覺都在一個動視中狞贱,右上角的碎玻璃和子彈完美創(chuàng)造了后坐力的效果,讓人看到海報就有眼前一亮的感受蜀涨。比如交給我們來設(shè)計一個FPS類型的頁面我們會考慮用單色處理么瞎嬉?會考慮人物的動態(tài)擺放么?每張值得參考的作品都是我們的靈感來源厚柳,學(xué)會觀察氧枣、學(xué)會思考會讓我們走的更遠。
電影介紹網(wǎng)站别垮,主要導(dǎo)航區(qū)域放在左側(cè)便监,將展示的不同區(qū)域用大圖片的形式放在右側(cè)可以點擊進入內(nèi)頁進行瀏覽,眼前一亮的交互形式不僅能夠非常好的展示內(nèi)容而且能夠勾起玩家的探索欲參與進來宰闰。如果我們遇到版本專題或?qū)n}集合頁面的設(shè)計時是否可以考慮采用類似的交互形式來設(shè)計符合項目的頁面茬贵。
關(guān)與交互
眾所周知游戲的更新迭代速度非巢就福快,每一個設(shè)計需求從策劃到設(shè)計再到最后上線都不會相隔太久解藻,在沒有專業(yè)交互的情況下我們往往拿到PM給我們的交互稿都不夠精細老充,這就需要我們深入了解需求,明白頁面?zhèn)鬟_的內(nèi)容螟左,如果連設(shè)計者本身都不知道頁面是在傳達什么那么做出來那只不過是一張好看的圖片而已啡浊,沒有任何的意義。還是那句老話胶背,不懂就要問巷嚣;和你的PM詳細溝通,了解頁面的所有功能钳吟,這樣能夠讓你更好的為項目考慮做出完美的作品廷粒。
案例-這是之前拿到的一份交互稿,是《蒼穹變》游戲的一個家族戰(zhàn)的報名頁面红且;我們會從兩方面來分析它坝茎;先從視覺方面看,因為是家族爭霸賽自然要體現(xiàn)對抗暇番、戰(zhàn)場的感覺嗤放;從交互方面說,與PM溝通后了解到有兩個重要的按鈕(報名和大賽官網(wǎng)按鈕)在上方壁酬,中間部分則是一個輪播廣告圖次酌,再往下就是一些活動的詳細介紹。那么問題出現(xiàn)了舆乔,如何將頭部視覺與輪播廣告很好的結(jié)合而又不影響用戶的交互操作岳服,通過嘗試最終還是解決了這之間的問題。
這里將最重要的按鈕放在頁面中部蜕煌,可以讓用戶進入的第一時間看到派阱;至于輪播廣告圖則下移一點與卷軸巧妙的結(jié)合,既保證了頭部是覺得完整性又滿足了輪播的功能存在斜纪,做到整體的融合贫母。
積累成長
視覺的美感僅僅只是我們設(shè)計中的一部分而已,交互的層級關(guān)系以及良好的引導(dǎo)才是直接關(guān)系頁面轉(zhuǎn)化率的關(guān)鍵盒刚∠倭樱互聯(lián)網(wǎng)瞬息萬變,一波接一波的變化層出不窮因块,也考驗著我們每一位年輕的設(shè)計師們橘原,養(yǎng)成良好的習(xí)慣,每天的沉淀、學(xué)習(xí)趾断,反復(fù)思考讓自己一直存在饑餓感拒名,我相信未來我們一定會做的更好!祝愿每個設(shè)計道路上的小伙伴們芋酌,愿你們越走越好~