上次我們分享了左面的等級相關(guān)的，今天我們接著來分享第二張任務(wù)相關(guān)的。本文會(huì)從引導(dǎo)頁的3個(gè)方面講解：一個(gè)好的創(chuàng)意非常重要、元素一定要有細(xì)節(jié)、搞一些靈動(dòng)的小亮點(diǎn)，做好這3點(diǎn)能給作品加不少分。

最近做的引導(dǎo)頁，效果如下：

1.一個(gè)好的創(chuàng)意非常重要

很多時(shí)候，一個(gè)好的創(chuàng)意非常關(guān)鍵，可以讓設(shè)計(jì)產(chǎn)生亮點(diǎn)，等級這個(gè)頁面，我個(gè)人還蠻喜歡這個(gè)創(chuàng)意的。

因?yàn)檫@個(gè)頁面講的是每周任務(wù)，我從“周”這個(gè)字眼想到了時(shí)間又想到了日歷，所以我想用一個(gè)大的日歷作為整體外輪廓，然后日歷里面的結(jié)構(gòu)是一些相關(guān)的禮物元素。

但是最開始的效果并不理想：

看不太出來是日歷，那怎么樣才能一眼就看出來是日歷呢？

那就是有一種翻頁的感覺，比如下面這種：

這樣就可以看出來是日歷了。

除了日歷，剛才也說了，還要有一些相關(guān)元素，禮物呀、升級的火箭呀、直播的小電視呀等等：

這樣有大的框架，再加上修飾的元素，整體的創(chuàng)意就差不多了。

2.元素一定要有細(xì)節(jié)

每一個(gè)元素都會(huì)影響畫面精致度，比如之前說的那個(gè)禮盒，之前沒倒角，倒角之后，和整個(gè)更搭一些：

再比如，我之前畫的電視有點(diǎn)太簡單粗暴了：

于是找了幾個(gè)電視的參考:

加了一些細(xì)節(jié)和優(yōu)化，優(yōu)化后效果如下：

這樣就比之前精致一些。

當(dāng)每一個(gè)單體做到位了，組合起來就不會(huì)差太多，否則就會(huì)影響整體質(zhì)量。

3.搞一些靈動(dòng)的小亮點(diǎn)

其實(shí)讓畫面變靈動(dòng)的方法有很多種，我個(gè)人特別喜歡使用一些可愛的表情、或者小形象。

比如之前在做任務(wù)頭圖的時(shí)候，字體上加了一個(gè)小微笑的表情：

再比如這次，在日歷外面加了一個(gè)黑子，偷偷看里面禮物的細(xì)節(jié)：

讓用戶感覺里面確實(shí)有很多好東西。

再比如日歷里面的星星也加入了表情：

讓其更加有生命力。

這些都是我喜歡使用的小技巧。

總結(jié)

今天就先分享這么多啦，每次做引導(dǎo)頁都是比較開心的，因?yàn)榭砂l(fā)揮空間會(huì)比較大一點(diǎn)，也可以使用自己比較喜歡的3D手法，希望過程中的小感悟可以給大家來點(diǎn)靈感！

下期見，么么扔！

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》沒想到過程稿這么丑，結(jié)果用了兩招就把效果改好了！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)