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

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

 

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

 

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

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

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

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

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

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

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

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

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

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

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