今天這篇文章,通過兩個(gè)案例:時(shí)間軸頁面修改和多內(nèi)容頁面修改,給大家分享一下優(yōu)化思路,希望對大家有所幫助!
今天這篇文章,通過兩個(gè)案例,給大家分享一下優(yōu)化思路。
案例一原稿是這樣的:
我們先來看下頁面內(nèi)容,也不復(fù)雜,主要有標(biāo)題、表格和曲線圖:
仔細(xì)閱讀表格和曲線圖,會發(fā)現(xiàn)兩者有一定的相關(guān)度,表格表頭和曲線圖X軸的內(nèi)容是相對應(yīng)的:
那么在排版的時(shí)候,我們就可以考慮將它們結(jié)合起來進(jìn)行優(yōu)化。
首先把曲線圖的X和Y軸重新繪制出來:
然后將表格各個(gè)時(shí)期的內(nèi)容,放在對應(yīng)的區(qū)域內(nèi),像這樣:
接下來,我們對表格內(nèi)容進(jìn)行優(yōu)化處理,可以分別用圓形和圓角矩形去承載文字信息:
為了增強(qiáng)空間感,給圓形設(shè)置了射線漸變,這種明度深淺不同的漸變,可以讓圓形看起來像球體:
同時(shí)我也給圓形加了暗藍(lán)色的陰影,營造懸浮感;盡量避免用純黑色做陰影色,否則在淺色背景上看起來有些臟:
一樣的方法,將其他的表格內(nèi)容進(jìn)行優(yōu)化處理:
最后,我們把曲線也繪制出來,調(diào)節(jié)透明漸變填充,這樣可以將遮擋的文字顯現(xiàn)出來:
來看看最終的優(yōu)化效果:
再來看看案例二的原稿:
這個(gè)案例是多項(xiàng)內(nèi)容排版,原稿中元素的使用比較老套,先把文字給提取出來:
?我們改用圓形色塊來承載文字信息:
考慮到頁面的均衡感,可以將各項(xiàng)內(nèi)容對齊均勻分布,像這樣:
但這時(shí)標(biāo)題上下兩側(cè)的內(nèi)容區(qū)域,與左右兩側(cè)相比,看起來也有些單薄,所以我又將版式改為中心環(huán)繞布局:
那么接下來開始豐富頁面內(nèi)容,中心標(biāo)題用兩個(gè)疊加的圓形來承載,外側(cè)在添加兩條漸變線條:
給兩個(gè)圓形設(shè)置漸變和陰影效果,豐富頁面的層次感:
兩側(cè)各個(gè)小圓形的處理上,我們可以改換成大小不一的分散排版,這樣能符合空間近大遠(yuǎn)小的原則,讓頁面空間感倍增:
分散排版有一個(gè)需要注意的點(diǎn):為了讓頁面左右不失衡,盡量讓兩側(cè)元素面積的和,保持一致:
把文字加上看看效果,這時(shí)所有圓形都用來承載文字內(nèi)容,感覺缺少了輔助元素:
最后再添加一些小圓形輔助修飾頁面,效果會好很多:
好了,以上就是這兩個(gè)案例的優(yōu)化過程,思路也寫得比較細(xì)致,希望對你做PPT設(shè)計(jì)有所幫助。
·
講真!這張一口氣放了30個(gè)圓的PPT,最少能值600元!
要發(fā)表評論,您必須先登錄。
①群:120381181(已滿)
②群:34597820
pptfans移動版關(guān)于我們聯(lián)系我們版權(quán)聲明
PPTfans.cn (PPT設(shè)計(jì)教程網(wǎng)) ?2012-2024 · 粵ICP備19137043號 | 版權(quán)所有:廣州白鹿傳媒廣告有限公司 · 基于Wordpress · 由peaterq設(shè)計(jì)&制作 ·網(wǎng)站標(biāo)簽 · 訂閱鄂公網(wǎng)安備 42050602000108號
好
優(yōu)秀