想要UI好看，一分鐘搞定！是先定主題還是先做效果？

2020-10-21 16:36 作者:葉子網(wǎng)絡(luò)官方 0人讀過 | 我要投稿

今天和大家說一個(gè)很好用的出飛機(jī)稿的方式——“P圖”大法，我們經(jīng)?？吹?strong>比較炫酷裝逼的個(gè)人作品，究竟是怎么做的呢？

大家先一起看一下下面這六張圖~

上面的這六張看起來還算炫酷的裝逼圖，是不是還有模有樣的？

這些圖呢？其實(shí)做起來并不難，因?yàn)閁I的東西定好了，只需要換一些簡單的以人物為中心的原畫背景。

這種方式是一種比較初級的辦法，因?yàn)檫@種方式不需要去定主題，也不需要根據(jù)主題定一些“關(guān)鍵詞”，并且根據(jù)關(guān)鍵詞去找一些構(gòu)圖、顏色、大關(guān)系上的參考。有時(shí)候也不需要太過考慮一些交互方式。

因?yàn)樽鳛橐粋€(gè)行業(yè)“萌新”時(shí)，去看這些圖的時(shí)候，很少人會去看設(shè)計(jì)點(diǎn)在哪。

而上面的這些原畫與場景源自哪里呢？大部分產(chǎn)出于artstation與behance，在外網(wǎng)的圖，大家得憑緣分才得一見同樣的圖。下方這組圖就是那六張界面的原畫場景素材。

下面這張界面（圖1）是實(shí)體班學(xué)員做的一個(gè)暗調(diào)子版本。那如果想做亮調(diào)子怎么快速調(diào)整呢？

在改變背景、調(diào)整曲線后有了圖2，在想要嘗試不同方向時(shí)，合理運(yùn)用ps技巧，能夠很快的轉(zhuǎn)變思路。

“P圖”是一種簡單高效的出圖手段，是適合萌新入門，但又做不好圖時(shí)進(jìn)行大量嘗試的初級手法。

我們作為一個(gè)培訓(xùn)機(jī)構(gòu)，從招生的角度出發(fā)，是完全的靠攏萌新只給他們看酷炫圖呢？還是做一些設(shè)計(jì)方案、交互方案呢？從招生的角度出發(fā)，應(yīng)該是前則。

但是近期我們的同學(xué)能夠頻繁收到大公司的offer，之前還有很多同學(xué)進(jìn)入了國內(nèi)的頂尖大公司，他們是怎么做到的呢？？

這就不得不說，P圖只是快速提升效果的方式，但是真正我們要往前更走一步的話就要提升一些設(shè)計(jì)感和一些創(chuàng)作思路，包括對ue的理解、如何排版構(gòu)圖。

在前期嘗試不同風(fēng)格時(shí)，可以用p圖的手段迅速做調(diào)子、做效果，但是一套有特色的ui界面，要根據(jù)“主題”來引申核心關(guān)鍵字進(jìn)行設(shè)計(jì)。

葉子在教學(xué)初期，更多傳授的是設(shè)計(jì)的底層理論，比如如何從平衡構(gòu)圖中找到突破，視覺的層次遞進(jìn)，功能優(yōu)先級，先定 “ 主題 ”，根據(jù)主題來找相關(guān)素材，進(jìn)行一整套UI的延伸設(shè)計(jì)。

正是因?yàn)檫@一點(diǎn)，我們每個(gè)同學(xué)的作品風(fēng)格不單一，都能走自己的路，不照搬前人作品，做出自己獨(dú)立的設(shè)計(jì)作品！

下面整理了20-1期實(shí)體班同學(xué)的所有作品，順便舉幾個(gè)算是有意思的界面做例子。

這套喪尸題材的界面，第三張圖最早的想法是ICON放在了包裝袋上面，為了增加畫面的趣味性和貼合恐怖的主題，我在包裝袋里加入了血漿元素，為了進(jìn)一步提升界?面的趣味性和功能的識別度，我用已抽干的血袋做為已領(lǐng)取的選項(xiàng)，正在流出的血袋做為當(dāng)前需要簽到的選項(xiàng)，滿血的血袋做為未簽到的選項(xiàng)。

我們平時(shí)做構(gòu)圖的時(shí)候，很少考慮到鏡頭，上面這張界面用了俯視的技巧來做構(gòu)圖。這個(gè)同學(xué)如果后續(xù)加上一些動(dòng)效的技巧，那么這張界面的場景可以是在下陽光雨，當(dāng)我們打開這個(gè)界面的時(shí)候，船緩緩地?fù)u動(dòng)，空中有雨滴滴在湖面上產(chǎn)生漣漪，這樣營造的氛圍就會更強(qiáng)。讓玩家體驗(yàn)到在船上醉酒游湖的感覺。