早啊，小伙伴們~
前幾天被問到這樣一個頁面洒扎，問可以怎么美化更好看辑甜？
這個頁面還挺有代表性的，咱們今天就來分析并美化一下袍冷。
這種架構(gòu)圖頁栈戳，一般來說內(nèi)容都比較多，如果想要優(yōu)化好這種頁面难裆，那么頁面信息與層級必須整齊不雜亂子檀。
如你所見，原稿頁面顏色過多乃戈，層級區(qū)分不明顯褂痰，這幾乎是每個初學者都會出現(xiàn)的問題。
接下來症虑，咱們分三步進行缩歪，逐步美化這頁架構(gòu)圖：
劃分層級區(qū)域
指定設(shè)計規(guī)范
頁面整體優(yōu)化
01. 劃分層級區(qū)域
原稿顏色很多，我們先把圖片飽和度降到最低谍憔，看起來結(jié)構(gòu)更清晰一些匪蝙。
接下來主籍，把文字按內(nèi)容層級整理一下。
整理完成后逛球，將所有文字都放到頁面中：
之后千元，我們需要把內(nèi)容劃分區(qū)域，用一個形狀簡單框起來即可：
初步處理完成后颤绕，版面信息就很清晰明了幸海，接下來該美化層級了~
02. 制定設(shè)計規(guī)范
架構(gòu)圖想要好看，每個層級的樣式必須統(tǒng)一才行奥务。
所以物独，咱們先根據(jù)自己的喜好，把每個層級的樣式規(guī)范確定好氯葬。
第一層級的字體字號挡篓，以及對應的參數(shù)設(shè)置：
接著設(shè)置第二層級的參數(shù)：
需要注意的是，這里的設(shè)計規(guī)范因人而異帚称，如果你喜歡另一種參數(shù)樣式官研，也可以制定自己專有的風格姚建，這里只是舉例分享一下優(yōu)化步驟蔓肯。
如果具體參數(shù)看不清，也不用擔心瞪讼，文末有修改后的源文件瞻坝，方便大家學習拆解蛛壳。
定好不同層級的規(guī)范后，只需要用格式刷所刀，把樣式效果刷到對應的層級即可：
現(xiàn)在再看這個頁面衙荐，是不是比原稿美觀了很多呢？
03. 頁面整體優(yōu)化
雖然整體好了很多浮创，但多看幾遍忧吟，還是稍顯單調(diào)。
這里給大家分享幾個美化小技巧斩披，如果你有不同的想法與見解溜族，也歡迎在留言區(qū)和我討論哈~
例如，我們可以給頁面添加一個光影素材：
或者在對角放兩個彌散形狀垦沉，壓一下四角：
亦或者煌抒，在頁面的底部添加一個漸變形狀，增強空間層次感厕倍。
咱們再換個顏色樣式寡壮，來看看效果：
要是覺得淺色的頁面 hold 不住，也可以試試深色的效果。
純色的背景看著有些單調(diào)况既，我們試著把背景換成一個循環(huán)播放的視頻：
現(xiàn)在看这溅，整體感覺是不是還不錯？
咱們腦洞不要停棒仍，繼續(xù)拓展~
除了上述頁面悲靴，還可以做出什么樣的風格呢？
其實降狠，當我做完上面深色這頁的時候对竣，想著這樣差不多了庇楞，就不做了（OS：可以給老板交差了）
結(jié)果逛了一下靈感庫榜配，偶然間看到一張咱們之前分享過的靈感圖：
靈感乍現(xiàn)有木有，于是我又多做了一頁（OS：老板記得給我加雞腿喲）
這么綠的顏色吕晌，我可太喜歡了~
上手模仿借鑒一下：
我給大家拆解一下蛋褥，我都從中借鑒了什么。
首先睛驳，背景也用了綠色漸變烙心，同時添加了一些手繪小圖標，用來增加活力乏沸。
平常我們做設(shè)計的時候淫茵，想要給矩形增加質(zhì)感，最常用的方法就是添加陰影蹬跃。
今天咱們再分享另一個小技巧匙瘪，那就是??
疊加多層白色圓角矩形，用大小關(guān)系來突出層次感：
最后蝶缀，我們把主體內(nèi)容放進去丹喻，加一些綠葉裝飾，大功告成翁都！
要是這篇架構(gòu)圖的內(nèi)容碍论，你看完后還意猶未盡，那建議翻一翻下面這篇文章柄慰，里面更詳細地講述了架構(gòu)圖美化的知識要點鳍悠，結(jié)合起來食用效果更佳：
那些看起來很難的PPT架構(gòu)圖，卻是基礎(chǔ)練習的最佳選擇之一坐搔？
總的來說藏研，這頁架構(gòu)圖的改稿到這里就結(jié)束了，最后再看一下美化后的幾個頁面：
