設計師月薪1萬與3萬的差別，一張圖就能看出來！

很多時候一副好的設計作品

並沒有想像中的那麼難~

只是細心的人注意了每一個細節

並且這些細節完美的組合起來成了大師

其實差距並不大

但是你的細節錯誤越多

積累起來就很可怕

今天給大家帶來一篇大師在細節處理上的秘訣

一個小改動，效果大不同！

書法標題排版時盡量拆開每一個字去排

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

在合適的場景給素材增加溢出的暖光

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

段落性的內容排版，請優先考慮易讀性

字型大小、顏色、行距等等，都是基於能夠讓瀏覽者更易閱讀的角度出發；在設計時考慮給出重點文字及鏈接文字的配色方案，讓文字層級更加明朗。

讓交互元素更加生動

結合遊戲本身，對頁面中的交互元素進行更加形象化的設計，不僅可以增加頁面的趣味性，也可以直接刺激瀏覽者的點擊慾望。

文字疊加材質時避免出現過曝現象

同樣的材質，文字顏色取自同一色系，但是飽和度和明度上的差異，導致最終呈現效果的差異。材質過曝不一定只由文字的色彩決定，有時也跟材質的疊加模式有關，這個平衡點需不斷嘗試。

適當地增加前景有助於拉開空間感

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

背光時可嘗試給文字增加透光效果

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

多人組合時，利用周圍環境元素去進行人物層次的區分

多人組合時，如果不人為地進行層次區分，會給人感覺素材重疊嚴重，畫面平坦沒有景深。合理地利用周圍環境中的光、雲、煙霧等元素，可以很好地對畫面的主體元素進行層次上的區分。

豎排文字時要注意正確的閱讀順序

古文中文字豎向排版時，閱讀方向為從上至下，從右到左。通常情況下還是按照正常的閱讀順序去進行排版。（PS直排文字工具輸入時也能體現）

學會給場景中的素材添加環境色

未經的原畫怎樣才能跟場景融合？添加環境色是必不可少的。不知道應該怎麼添加？建議你找找類似場景的照片去進一步觀察。

注意場景元素主次

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

給文字做效果時應首先基於文字的識別度

同樣的文字效果，右圖暗色背景下要明顯好於左圖亮色背景，左圖考慮的不應該是如果讓文字更有質感，而是先搞清楚文字配什麼顏色識別度更高。

試著讓畫面中的元素關聯起來

右圖中通過添加人物投影，讓人物和圓盤之間產生了聯繫。雖然只是一個很不起眼的小細節，但是往往就是這些小細節，決定了你畫面的高度。

修飾類元素不要影響主體的識別度

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

儘可能讓LOGO能夠清晰地展現

LOGO最為一款遊戲最直觀的視覺標識，雖然不能直接對其進行修改，但是可以通過調節其附近的元素，使LOGO得以清晰呈現。

相信大家通過這些實例已經明白了細節的重要性。

大師作品=創意+無微不至的細節

希望大家能籍此篇文章有所進步！加油！共勉！

想要系統化學習後期修圖技巧？

【修出高度：姜同輝談影樓後期修圖】

詳細講解運用Photoshop進行修圖調色

學習PS的核心基礎入門知識

修圖調色工具的使用技巧

以及色彩的運用規律

快速提升自己的PS修圖調色技術

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！