您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

騰訊游戲TGideas:日常專(zhuān)題快速處理支三招

設(shè)計(jì)的生活中,很多時(shí)候都被那些瑣碎的,日常的需求充斥著,這些需求一般不需要我們花費(fèi)太多的想法和精力去支持,在這種時(shí)候,效率就顯得尤為重要了,如果能夠適當(dāng)?shù)倪\(yùn)用一些技巧,將會(huì)大大的提高我們的工作效率!接下來(lái),就為大家簡(jiǎn)單介紹幾種最常見(jiàn)也最實(shí)用的處理招式!

第一招 模版

對(duì)于一些定期推出的規(guī)律性比較明顯的活動(dòng)專(zhuān)題(標(biāo)題+時(shí)間+活動(dòng)說(shuō)明+活動(dòng)獎(jiǎng)勵(lì)),大可以給他們?cè)O(shè)計(jì)一個(gè)通用模版,直接換個(gè)皮膚快速處理,你好我也好,何樂(lè)而不為!這里要申明的一點(diǎn)是,設(shè)計(jì)模版不是新聞模版,在模版下還是可以恰當(dāng)?shù)淖鲆恍﹤€(gè)性點(diǎn),這樣在模版的同時(shí)也可以適當(dāng)給頁(yè)面增加一些個(gè)性!下面就是一些簡(jiǎn)單的模版化頁(yè)面僅供大家參考!如下圖最后一張,活動(dòng)內(nèi)容相比模版有些不同,且時(shí)間又非常緊張,就可以考慮在模版的基礎(chǔ)上做些結(jié)構(gòu)和板式的微調(diào),這樣區(qū)別于模版的同時(shí)又能快速的解決需求!多好~

怎么樣,模版化之后,在也不用擔(dān)心一天來(lái)好幾個(gè)緊急需求了吧!

第二招 模式

所謂模式,就是無(wú)腦按固定模式流程快速出頁(yè)面的方式,即:A純色淺低主背景+B正字標(biāo)語(yǔ)+C前景主形象+D活動(dòng)內(nèi)容=頁(yè)面,例如下圖就是典型的公式化快速出圖專(zhuān)題!

這是一個(gè)很普通的合作送禮活動(dòng)頁(yè)面,設(shè)計(jì)需求不是太高,當(dāng)時(shí)又正好遇到需求沖突的情況,所以選擇了固定模式快速處理的方式。

A背景部分選擇用純色色塊加場(chǎng)景模糊疊加的處理,這樣背景即不會(huì)太單調(diào)又方便快捷處理最關(guān)鍵非常容易與前景角色與標(biāo)語(yǔ)搭配!

B部分標(biāo)語(yǔ)微軟雅黑正體字直接清楚表現(xiàn),因?yàn)槭强焖賹?zhuān)題,所以盡量避免變形質(zhì)感等處理形式,再配合幾乎接近純色的背景底圖,按照主次關(guān)系簡(jiǎn)單擺放就能清楚的呈現(xiàn)。

C部分拉取活動(dòng)相關(guān)角色素材,根據(jù)背景的色調(diào)稍微調(diào)整,使其不會(huì)太突兀即可!D部分也是專(zhuān)題主要內(nèi)容呈現(xiàn)的部分,這就要根據(jù)具體的內(nèi)容來(lái)擺放啦!

第三招 模仿

模仿,顧名思義,模仿前人成功的案例,走別人走好的路,讓自己節(jié)省時(shí)間,少走彎路!當(dāng)然,模仿可不同于照抄哦!每個(gè)優(yōu)秀的頁(yè)面里,都有其獨(dú)特的亮點(diǎn),我們要做的就是不斷的去發(fā)現(xiàn)這些亮點(diǎn),利用這些亮點(diǎn)!比如 "結(jié)構(gòu)"“質(zhì)感”“樣式”“配色”“氛圍”等等,總之認(rèn)為有用的都可以“拿”到自己的設(shè)計(jì)里來(lái)!不過(guò)如果有充足的時(shí)間的話(huà),還是很贊成大家有創(chuàng)新精神的~!

下圖第一個(gè)例子模仿的點(diǎn)有“結(jié)構(gòu)”“樣式”,第二個(gè)例子模仿的點(diǎn)多,有“質(zhì)感”“氛圍”“細(xì)節(jié)”“色調(diào)”等等!

從我們蹣跚學(xué)步,到咿呀學(xué)語(yǔ),無(wú)不是從模仿開(kāi)始的,所以模仿,必然是一個(gè)優(yōu)秀設(shè)計(jì)師成長(zhǎng)的必經(jīng)階段和過(guò)程!

總結(jié)

對(duì)于快速專(zhuān)題,我們可能會(huì)丟掉一些頁(yè)面的個(gè)性或者美感,但是對(duì)于需求爆棚時(shí)期的我們,無(wú)疑是有大幫助的~不是嗎~!

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di2130.html
[圖說(shuō)趣解]注冊(cè)和登錄表單優(yōu)化設(shè)計(jì)
[圖說(shuō)趣解]WEB內(nèi)頁(yè)排版總結(jié)
圖趣網(wǎng)微信
建議反饋
×