上次我們分享了左面的等級(jí)相關(guān)的，今天我們接著來(lái)分享第二張任務(wù)相關(guān)的。本文會(huì)從引導(dǎo)頁(yè)的3個(gè)方面講解：一個(gè)好的創(chuàng)意非常重要、元素一定要有細(xì)節(jié)、搞一些靈動(dòng)的小亮點(diǎn)，做好這3點(diǎn)能給作品加不少分。
最近做的引導(dǎo)頁(yè)，效果如下：
1.一個(gè)好的創(chuàng)意非常重要
很多時(shí)候，一個(gè)好的創(chuàng)意非常關(guān)鍵，可以讓設(shè)計(jì)產(chǎn)生亮點(diǎn)，等級(jí)這個(gè)頁(yè)面，我個(gè)人還蠻喜歡這個(gè)創(chuàng)意的。
因?yàn)檫@個(gè)頁(yè)面講的是每周任務(wù)，我從“周”這個(gè)字眼想到了時(shí)間又想到了日歷，所以我想用一個(gè)大的日歷作為整體外輪廓，然后日歷里面的結(jié)構(gòu)是一些相關(guān)的禮物元素。
但是最開(kāi)始的效果并不理想：
看不太出來(lái)是日歷，那怎么樣才能一眼就看出來(lái)是日歷呢？
那就是有一種翻頁(yè)的感覺(jué)，比如下面這種：
這樣就可以看出來(lái)是日歷了。
除了日歷，剛才也說(shuō)了，還要有一些相關(guān)元素，禮物呀、升級(jí)的火箭呀、直播的小電視呀等等：
這樣有大的框架，再加上修飾的元素，整體的創(chuàng)意就差不多了。
2.元素一定要有細(xì)節(jié)
每一個(gè)元素都會(huì)影響畫面精致度，比如之前說(shuō)的那個(gè)禮盒，之前沒(méi)倒角，倒角之后，和整個(gè)更搭一些：
再比如，我之前畫的電視有點(diǎn)太簡(jiǎn)單粗暴了：
于是找了幾個(gè)電視的參考:
加了一些細(xì)節(jié)和優(yōu)化，優(yōu)化后效果如下：
這樣就比之前精致一些。
當(dāng)每一個(gè)單體做到位了，組合起來(lái)就不會(huì)差太多，否則就會(huì)影響整體質(zhì)量。
3.搞一些靈動(dòng)的小亮點(diǎn)
其實(shí)讓畫面變靈動(dòng)的方法有很多種，我個(gè)人特別喜歡使用一些可愛(ài)的表情、或者小形象。
比如之前在做任務(wù)頭圖的時(shí)候，字體上加了一個(gè)小微笑的表情：
再比如這次，在日歷外面加了一個(gè)黑子，偷偷看里面禮物的細(xì)節(jié)：
讓用戶感覺(jué)里面確實(shí)有很多好東西。
再比如日歷里面的星星也加入了表情：
讓其更加有生命力。
這些都是我喜歡使用的小技巧。
總結(jié)
今天就先分享這么多啦，每次做引導(dǎo)頁(yè)都是比較開(kāi)心的，因?yàn)榭砂l(fā)揮空間會(huì)比較大一點(diǎn)，也可以使用自己比較喜歡的3D手法，希望過(guò)程中的小感悟可以給大家來(lái)點(diǎn)靈感！
下期見(jiàn)，么么扔！
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》沒(méi)想到過(guò)程稿這么丑，結(jié)果用了兩招就把效果改好了！
文章來(lái)源：站酷 作者：陳皮Celia
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.newchinaweekly.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)