所謂專題頁即利用一個主題來策劃一個頁面或一個活動流程的那個頁面,它有明確的主題(充值送禮\PK賽)、還有一定時效性(國慶活動\圣誕活動),往往這些頁面的制作周期也比較短。那么作為設(shè)計師要快速高質(zhì)打造一個專題頁,不僅僅是創(chuàng)意,能在過往工作中總結(jié)經(jīng)驗繼而有條理地再創(chuàng)造會起到事半功倍的效果,畢竟這是個商業(yè)設(shè)計。定位→布局→配色→排版→細(xì)節(jié)—-這是我的工作過程,現(xiàn)做一個粗淺的分析和大家共同探討學(xué)習(xí)。5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
> 01定位5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
接到一個新任務(wù)溝通需求時,產(chǎn)品同學(xué)的聲音往往是這樣的:要喜慶、要霸氣、PK感、要可愛、要酷…………,作為設(shè)計師這時請切換至理性+感性兼容模式,盡可能理性地將這些形容詞用實(shí)物表現(xiàn)出來,其實(shí)也是一個從抽象到具象的提煉過程;同時思維切至感性模式給整個專題“畫個輪廓”,是戰(zhàn)火紛飛的城戰(zhàn)場面?還是甜美可愛的小清新?5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
專題頁面那些事兒5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
> 02布局5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
這里所謂的布局即我該如何擺放那些那些那些功能模塊,值得慶幸的是,我們是商業(yè)設(shè)計,這里有策劃同學(xué)們已經(jīng)畫好了UE圖,BUT每個人的思維和理解又是不一樣兒的,何況設(shè)計與策劃倆不同的工種?那么我們先給UE做個分析吧,這里很粗暴地將UE分為兩種,一種叫正常結(jié)構(gòu)一種叫非正常結(jié)構(gòu) ̄― ̄||5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
正常結(jié)構(gòu)常見處理案例
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
對于正常結(jié)構(gòu)的UE這類專題往往內(nèi)容比較多,設(shè)計師能發(fā)揮的空間有限,為用戶閱讀體驗考慮,內(nèi)容模塊按常規(guī)排版處理,其它我們做圖頭海報化、背景場景化兩種處理方式來渲染專題本身的氛圍增加頁面的視覺沖擊力。5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
以上專題內(nèi)容部分都采用了傳統(tǒng)方式排版,方便用戶閱讀,但頭圖處理更接近招貼、海報的手法達(dá)到吸引眼球的目的。5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
當(dāng)專題頁有太多信息要傳遞,那么可以在背景(頁面主體)上來做文章,設(shè)計師自行搭建一個場景,暗示主題、傳達(dá)專題信息。5UA北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)
原創(chuàng)不易,未經(jīng)授權(quán),嚴(yán)禁轉(zhuǎn)載
原文地址:http://www.mpian.cn/i,72,6821,0.html