如何設計“傳情達意”的專題頭圖

2 評論 6134 瀏覽 0 收藏 6 分鐘

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

 

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

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

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

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

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

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

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

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

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

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

 

來源 ?搜狐焦點UED

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!