推荐：如何设计“传情达意”的专题头图

xiaoning：相信大家在平时的工作中，经常会碰到专题的设计吧！而且大部分是时间紧任务重。
专题不同于网站的常规页面，常规页面更侧重于内容的阅读及人机的交互，因此可读性、可用性是第一位的，装饰性次之。

而专题正好相反，它更侧重于通过气氛的渲染来"传情达意"。首屏的头图在气氛的渲染中尤为重要。

不同的专题设计也有不同的技巧，节日专题可以参考如何快速打造节日专题页设计，促销专题页可以从教你快速搭建节日促销专题页里学习，想要专题页能传情达意，就来阅读这篇吧 : ）

我们知道了头图在专题设计中的重要性，那构成头图的主要元素又有哪些呢？它们有 文字、背景、色彩、布局这四种主要元素。下面就通过一些实例的分享，指出头图设计中的一些要点，避免一些硬伤。

电脑字体
现在人们的审美在逐渐趋向于简洁化，在电脑字体的选择上要力求简洁、大方，识别性好。以黑体类、宋体类为主，跟据主题含意可以有倾斜、大小的变化。字色与背景色要拉开对比，像"万达广场"专题的金色字很好的传递了高端、商务、权威的信息。再如"镜彩一夏"的渐变色，使人感受到夏日的绚丽多彩。

设计字体
前面提到有些字体会有版权的问题，那我们可以动手设计字体，这样可以使标题更具艺术性和专属性，使主题诉求更加明确。例如"疯降天团"的字体设计，加入了闪电的元素，四个字有机的结合一体，突显了降价力度的疯狂，促进了受众购买欲望。

书法字体
书法是中华文化的体现，在设计与文化、历史有关的专题时可以使用，行云流水般的书法体会为专题增色不少。例如"万水千山粽是情"中把"粽"字放大，突显节日主题。字色上采用黑、棕、绿色来呼应粽叶和枣泥的色彩，使文字与画面完美的融为一体。

背景元素
背景包括底图、配图等元素，背景要很好的配合标题文字，但不要喧宾夺主。例如"如何破冰前行"中断裂的冰面背景很好配合了主题，加上红色小浮标配图，起到画龙点睛的作用。"国际十大新闻"的砖墙背景衬托了喷涂效果的文字。

色彩原则

1、同色系色彩：色相接近或同一色相不同明度的几种色彩。同色系色彩会营造出和谐统一的效果,如要增加一些变化可以在局部加入对比色。
2、对比色或互补色：视觉对比强烈的色彩容易营造生动活泼、 积极向上的效果,但是要注意把握,防止给人眼花缭乱的感觉。
3、巧妙运用过渡色：两种色彩的中间色、 单色中混入黑、 白、 灰的调和色都可以作为过渡色,运用过渡色可以将几种犯冲的色彩统一起来。
配色要尽量控制在三种色彩以内,背景色和前景色的对比度要大。

配色实例
在专题色彩的选择上要与主题诉求相一致，左侧3个专题头图为"两会"的专题，这种政治性专题重点是"又红又专"，所以红橙主色的选择不会出现任何硬伤，如果使用了暗色或冷色系就与主题的诉求相悖了。背景还可以配上国徽、天安门等标志元素，使气氛更加强烈。

头图布局
一般常见的布局有：国字型、左右框架型、倾斜型、不规则型等。
头图的布局没有一个固定的规范，以方便展示网页内容与美观和谐为选择标准，另外主体元素一定要突出。

以上是本人的一些浅显观点，只为抛砖引玉。
专题的设计形式千变万化，只要不犯一些硬伤，大可不必拘泥于一些固定形式，俗话说"尽信书不如无书"。
希望今后能看到大家更多更好的专题设计作品……

 
原文地址：ued.focus
 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量55万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗？
添加 优秀网页设计 微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：