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

如何設(shè)計(jì)“傳情達(dá)意”的專題頭圖

 

相信大家在平時(shí)的工作中,經(jīng)常會(huì)碰到專題的設(shè)計(jì)吧!而且大部分是時(shí)間緊任務(wù)重。
專題不同于網(wǎng)站的常規(guī)頁(yè)面,常規(guī)頁(yè)面更側(cè)重于內(nèi)容的閱讀及人機(jī)的交互,因此可讀性、可用性是第一位的,裝飾性次之。

 

而專題正好相反,它更側(cè)重于通過(guò)氣氛的渲染來(lái)“傳情達(dá)意”。首屏的頭圖在氣氛的渲染中尤為重要。

我們知道了頭圖在專題設(shè)計(jì)中的重要性,那構(gòu)成頭圖的主要元素又有哪些呢?它們有 文字、背景、色彩、布局這四種主要元素。下面就通過(guò)一些實(shí)例的分享,指出頭圖設(shè)計(jì)中的一些要點(diǎn),避免一些硬傷。

電腦字體
現(xiàn)在人們的審美在逐漸趨向于簡(jiǎn)潔化,在電腦字體的選擇上要力求簡(jiǎn)潔、大方,識(shí)別性好。以黑體類、宋體類為主,跟據(jù)主題含意可以有傾斜、大小的變化。字色與背景色要拉開對(duì)比,像“萬(wàn)達(dá)廣場(chǎng)”專題的金色字很好的傳遞了高端、商務(wù)、權(quán)威的信息。再如“鏡彩一夏”的漸變色,使人感受到夏日的絢麗多彩。

設(shè)計(jì)字體
前面提到有些字體會(huì)有版權(quán)的問(wèn)題,那我們可以動(dòng)手設(shè)計(jì)字體,這樣可以使標(biāo)題更具藝術(shù)性和專屬性,使主題訴求更加明確。例如“瘋降天團(tuán)”的字體設(shè)計(jì),加入了閃電的元素,四個(gè)字有機(jī)的結(jié)合一體,突顯了降價(jià)力度的瘋狂,促進(jìn)了受眾購(gòu)買欲望。

書法字體
書法是中華文化的體現(xiàn),在設(shè)計(jì)與文化、歷史有關(guān)的專題時(shí)可以使用,行云流水般的書法體會(huì)為專題增色不少。例如“萬(wàn)水千山粽是情”中把“粽”字放大,突顯節(jié)日主題。字色上采用黑、棕、綠色來(lái)呼應(yīng)粽葉和棗泥的色彩,使文字與畫面完美的融為一體。

背景元素
背景包括底圖、配圖等元素,背景要很好的配合標(biāo)題文字,但不要喧賓奪主。例如“如何破冰前行”中斷裂的冰面背景很好配合了主題,加上紅色小浮標(biāo)配圖,起到畫龍點(diǎn)睛的作用。“國(guó)際十大新聞”的磚墻背景襯托了噴涂效果的文字。

色彩原則
1.同色系色彩:色相接近或同一色相不同明度的幾種色彩。同色系色彩會(huì)營(yíng)造出和諧統(tǒng)一的效果,如要增加一些變化可以在局部加入對(duì)比色。
2.對(duì)比色或互補(bǔ)色:視覺(jué)對(duì)比強(qiáng)烈的色彩容易營(yíng)造生動(dòng)活潑、 積極向上的效果,但是要注意把握,防止給人眼花繚亂的感覺(jué)。
3.巧妙運(yùn)用過(guò)渡色:兩種色彩的中間色、 單色中混入黑、 白、 灰的調(diào)和色都可以作為過(guò)渡色,運(yùn)用過(guò)渡色可以將幾種犯沖的色彩統(tǒng)一起來(lái)。
配色要盡量控制在三種色彩以內(nèi),背景色和前景色的對(duì)比度要大。

配色實(shí)例
在專題色彩的選擇上要與主題訴求相一致,左側(cè)3個(gè)專題頭圖為“兩會(huì)”的專題,這種政治性專題重點(diǎn)是“又紅又專”,所以紅橙主色的選擇不會(huì)出現(xiàn)任何硬傷,如果使用了暗色或冷色系就與主題的訴求相悖了。背景還可以配上國(guó)徽、天安門等標(biāo)志元素,使氣氛更加強(qiáng)烈。

頭圖布局
一般常見的布局有:國(guó)字型、左右框架型、傾斜型、不規(guī)則型等。
頭圖的布局沒(méi)有一個(gè)固定的規(guī)范,以方便展示網(wǎng)頁(yè)內(nèi)容與美觀和諧為選擇標(biāo)準(zhǔn),另外主體元素一定要突出。

以上是本人的一些淺顯觀點(diǎn),只為拋磚引玉。
專題的設(shè)計(jì)形式千變?nèi)f化,只要不犯一些硬傷,大可不必拘泥于一些固定形式,俗話說(shuō)“盡信書不如無(wú)書”。
希望今后能看到大家更多更好的專題設(shè)計(jì)作品……

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1790.html
淘寶UED-一張圖解釋手機(jī)端8px原理
搜狐焦點(diǎn)新觀點(diǎn)-專注用戶的設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×