今天給大家講講每周任務頁頁面頭圖案例，講講這里面的思路，讓大家吸收一波！本文頭圖強調顏色的橫向豐富與縱向豐富，色相的差異化、顏色占比的問題、層次和飽滿度，這樣就能大大提升畫面質感。
最近在做每周任務頁頁面，頭圖又是給我難夠嗆，我們先看下第一版到第三版的變化：
第一版
第二版
第三版
中間過程思考了很多，和大家分享一下。
1. 顏色的橫向豐富與縱向豐富
什么是橫向顏色？
其實就是同一飽和度、明度的顏色，色相不同，比如下面這組顏色：
雖然色相挺豐富，但是看多了會比較膩。
所以有時候我們就需要進行顏色的縱向延伸，也就是除了色相的不同，還有飽和度、明度的不同，比如：
2. 色相的差異化
之前在總結顏色的時候有說過，色相不要用的太正，會比較常規，因為人們看多了比較正的顏色，所以就會感覺沒什么新意。
舉個例子，同樣是紅色：
第一個紅色就會比較正，如果沒有相當足的功力，很可能做成過年、國慶的感覺，而第個組就會相對容易出效果一點！
當然，顏色本身沒有好壞，要看怎么用，只是說不太正的色相對新手來說比較友好一些。
所以大家看下，色相從比較正的橙色變換色相后，瞬間感覺沒那么老氣了:
3. 關于顏色占比的問題
當然，這個案例中，除了色相以外，還有顏色完畢的問題，其實我之前很多作品，重色會占比多一些，比如下面這種:
而這次的每周任務頁面希望能有一點輕松愉悅的感覺，別用太濃烈的顏色讓用戶壓力太大。所以對我來說也算是一次小挑戰。
所以我將重色占比縮小，只用在最前處的近景和字體暗部（藍色部分）:
其他地方都是比較輕的顏色。
4.關于層次和飽滿度
上面講的都是關于配色的，接下來說下層次和飽滿度。
因為這次的構圖比較簡單，就是中心構圖，也沒有什么大透視，那如何增加層次呢？
我使用三、四層云放在前面，這幾本就把算是拉開層次：
但是有個問題，下面是有層次了，但是上面有點感覺空空的，于是又加了一點小元素進行點綴：
這樣整體看起來就比較和諧了，這里面有個要說的點，對于小元素的顏色，一定要有前后關系，也就是用顏色的深淺、色相來體現：
這樣看起來才不會生硬。
總結：
做到這里，越看越不順眼，總感覺有點油膩，有點土，具體什么原因？怎么修改？因為不想寫的太長，所以我們下期再仔細的聊一聊在保持基礎框架不變的情況下，如何拆分畫面來優化每一處細節，使第二版變成第三版的！
轉載請注明：學UI網》最初我覺得這效果也太差了，最后沒想到做的還不錯！
藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。