木質(zhì)音箱的使用范圍圖

場(chǎng)景圖

場(chǎng)景圖

尺寸圖

功能圖

配件圖

按鍵圖

插件圖

使用范圍圖

主圖

01

書法標(biāo)題排版時(shí)盡量拆開每一個(gè)字去排

左圖的文字為輸入法直接輸出，右圖則是每一個(gè)字拆開單獨(dú)去排版，對(duì)比之下右側(cè)的文字通過大小和位置上的變化，使得排版更加錯(cuò)落有致，整體性更強(qiáng)。（也更能表達(dá)出作者想吃雞腿的決心）

02

在合適的場(chǎng)景給素材增加溢出的暖光

右圖中心的暖光起到畫龍點(diǎn)睛的作用，會(huì)讓瀏覽者感覺到畫面更加鮮活溫暖，畢竟有陽光的地方總是充滿生機(jī)。

03

段落性的內(nèi)容排版，請(qǐng)優(yōu)先考慮易讀性

字號(hào)、顏色、行距等等，都是基于能夠讓瀏覽者更易閱讀的角度出發(fā)；在設(shè)計(jì)時(shí)考慮給出重點(diǎn)文字及鏈接文字的配色方案，讓文字層級(jí)更加明朗。

04

讓交互元素更加生動(dòng)

結(jié)合游戲本身，對(duì)頁面中的交互元素進(jìn)行更加形象化的設(shè)計(jì)，不僅可以增加頁面的趣味性，也可以直接刺激瀏覽者的點(diǎn)擊欲望。

05

文字疊加材質(zhì)時(shí)避免出現(xiàn)過曝現(xiàn)象

同樣的材質(zhì)，文字顏色取自同一色系，但是飽和度和明度上的差異，導(dǎo)致最終呈現(xiàn)效果的差異。材質(zhì)過曝不一定只由文字的色彩決定，有時(shí)也跟材質(zhì)的疊加模式有關(guān)，這個(gè)平衡點(diǎn)需不斷嘗試。

06

適當(dāng)?shù)卦黾忧熬坝兄诶_空間感

右圖中通過添加兩側(cè)前景的樹無疑讓畫面的縱深感更強(qiáng)了，通過這樣的處理，能讓瀏覽者明顯感覺到右圖中的人物離我們更遠(yuǎn)一些。

07

背光時(shí)可嘗試給文字增加透光效果

右圖中，文字增加透光效果后能讓人感覺到文字與整體畫面的聯(lián)系。文字是受到背光影響的，感覺呼吸性更強(qiáng)了，而不是直愣愣地丟在畫面中。

08

多人組合時(shí)，利用周圍環(huán)境元素去進(jìn)行人物層次的區(qū)分

多人組合時(shí)，如果不人為地進(jìn)行層次區(qū)分，會(huì)給人感覺素材重疊嚴(yán)重，畫面平坦沒有景深。合理地利用周圍環(huán)境中的光、云、煙霧等元素，可以很好地對(duì)畫面的主體元素進(jìn)行層次上的區(qū)分。

09

豎排文字時(shí)要注意正確的閱讀順序

古文中文字豎向排版時(shí)，閱讀方向?yàn)閺纳现料?，從右到左。通常情況下還是按照正常的閱讀順序去進(jìn)行排版。（PS直排文字工具輸入時(shí)也能體現(xiàn)）

10

學(xué)會(huì)給場(chǎng)景中的素材添加環(huán)境色

未經(jīng)的原畫怎樣才能跟場(chǎng)景融合？添加環(huán)境色是必不可少的。不知道應(yīng)該怎么添加？建議你找找類似場(chǎng)景的照片去進(jìn)一步觀察。

11

學(xué)會(huì)給場(chǎng)景中的素材添加環(huán)境色

這部分很好理解，網(wǎng)頁是傳達(dá)信息的，不止是單純讓你關(guān)注畫面的。弱化場(chǎng)景后，人物、文字以及按鈕能，都能得到進(jìn)一步的突出。（模糊是比較常用的一種方法）

12

給文字做效果時(shí)應(yīng)首先基于文字的識(shí)別度

同樣的文字效果，右圖暗色背景下要明顯好于左圖亮色背景，左圖考慮的不應(yīng)該是如果讓文字更有質(zhì)感，而是先搞清楚文字配什么顏色識(shí)別度更高。

13

試著讓畫面中的元素關(guān)聯(lián)起來

右圖中通過添加人物投影，讓人物和圓盤之間產(chǎn)生了聯(lián)系。雖然只是一個(gè)很不起眼的小細(xì)節(jié)，但是往往就是這些小細(xì)節(jié)，決定了你畫面的高度。

14

修飾類元素不要影響主體的識(shí)別度

綠葉、花瓣、碎石、火焰等類型的元素，只是起到進(jìn)一步烘托氛圍的作用，切勿本末倒置，讓其搶了主體的風(fēng)頭。

15

盡可能讓LOGO能夠清晰地展現(xiàn)

LOGO最為一款游戲最直觀的視覺標(biāo)識(shí)，雖然不能直接對(duì)其進(jìn)行修改，但是可以通過調(diào)節(jié)其附近的元素，使LOGO得以清晰呈現(xiàn)。

小伙伴們是不是工作中常常遇到各種圖片的需求了，當(dāng)然我們可以直接跟設(shè)計(jì)或者美術(shù)大大提需求，但是如果遇到緊急需求他們無法及時(shí)提供或者他們無法理解本寶寶的需求理念時(shí)，還是讓本寶寶自己動(dòng)手吧。

需求溝通太麻煩？PS太復(fù)雜？ 讓這些設(shè)計(jì)網(wǎng)站解救你吧：

【有個(gè)美工】-做圖只要一分鐘。這個(gè)網(wǎng)站簡潔快速，主要提供電商的banner和微信公眾號(hào)的首圖的制作。只需要輸入文案信息，就可以自動(dòng)生成符合尺寸的6張圖片， 任意選擇，不滿意的可以重新再次生成。可以直接采用官方圖庫的圖片， 也可以自己本地上傳圖片然后生成海報(bào)。

優(yōu)點(diǎn)：界面簡潔，操作簡單，生成速度快。

不足：使用范圍比較窄，目前比較使用的是電商的banner和微信公眾號(hào)的首圖；無法做過于復(fù)雜的設(shè)計(jì)和修改。

【Fotor懶設(shè)計(jì)】-不僅可以進(jìn)行圖片編輯和美顏修圖，還有齊全的圖片設(shè)計(jì)功能?？梢宰杂蛇x擇和設(shè)計(jì)，各種封面圖、廣告圖、海報(bào)、賀卡都能做。

優(yōu)點(diǎn)：功能齊全，素材量大，覆蓋范圍廣。選擇模板后可以對(duì)模板上的內(nèi)容進(jìn)行任意的自主修改，不僅可以借鑒專業(yè)的設(shè)計(jì)樣式，還可以更加自由的加入個(gè)人元素。同時(shí)還有海外版本，使用范圍非常廣。

【創(chuàng)客貼】-極簡的平面設(shè)計(jì)工具。同樣素材豐富，功能齊全，操作簡單。

更多設(shè)計(jì)教程，設(shè)計(jì)神器，圖片網(wǎng)站和靈感創(chuàng)意可以進(jìn)入“設(shè)計(jì)師網(wǎng)址導(dǎo)航”中查詢，內(nèi)容豐富齊全！