如何设计“传情达意”专题头图.pdfVIP

如何设计“传情达意”的专题头图 相信大家在平时的工作中 ，经常会碰到专题的设计吧 ！ 且大部分是时间紧任务重。 专题不同于网站的常规页面 ，常规页面更侧重于内容的阅读及人机的交互 ，因此可读性、可用性是 第一位的 ，装饰性次之。 专题正好相反 ，它更侧重于通过气氛的渲染来“传情达意”。首屏的头图在气氛的渲染中尤为重要 。 我们知道了头图在专题设计中的重要性 ，那构成头图的主要元素又有哪些呢 ？它们有 文字、背景、 色彩、布局 这四种主要元素。下面就通过一些实例的分享 ，指出头图设计中的一些要点 ，避免一些 硬伤。 电脑字体 现在人们的审美在逐渐趋向于简洁化 ，在电脑字体的选择上要力求简洁、大方 ，识别性好。以黑 体类、宋体类为主 ，跟据主题含意可以有倾斜、大小的变化。字色与背景色要拉开对比 ，像“万达 广场”专题的金色字很好的传递了高端、商务、权威的信息。再如“镜彩一夏”的渐变色 ，使人感受到 夏日的绚丽多彩。 设计字体 前面提到有些字体会有版权的问题 ，那我们可以动手设计字体 ，这样可以使标题更具艺术性和专 属性 ，使主题诉求更加明确。例如“疯降天团”的字体设计 ，加入了闪电的元素 ，四个字有机的结合 一体 ，突显了降价力度的疯狂 ，促进了受众购买欲望。 书法字体 书法是中华文化的体现 ，在设计与文化、历史有关的专题时可以使用 ，行云流水般的书法体会为专 题增色不少。例如“万水千山粽是情”中把“粽”字放大 ，突显节日主题。字色上采用黑、棕、绿色来呼 应粽叶和枣泥的色彩 ，使文字与画面完美的融为一体。 背景元素 背景包括底图、配图等元素 ，背景要很好的配合标题文字 ，但不要喧宾夺主。例如“如何破冰前行” 中断裂的冰面背景很好配合了主题 ，加上红色小浮标配图 ，起到画龙点睛的作用。“国际十大新闻” 的砖墙背景衬托了喷涂效果的文字。 色彩原则 1.同色系色彩 ：色相接近或同一色相不同明度的几种色彩。同色系色彩会营造出和谐统一的效果,如 要增加一些变化可以在局部加入对比色。 2.对比色或互补色 ：视觉对比强烈的色彩容易营造生动活泼、 积极向上的效果,但是要注意把握,防 止给人眼花缭乱的感觉。 3.巧妙运用过渡色 ：两种色彩的中间色、 单色中混入黑、 白、 灰的调和色都可以作为过渡色,运用 过渡色可以将几种犯冲的色彩统一起来。 配色要尽量控制在三种色彩以内,背景色和前景色的对比度要大。 配色实例 在专题色彩的选择上要与主题诉求相一致 ，左侧3个专题头图为“两会”的专题 ，这种政治性专题重 点是“又红又专” ，所以红橙主色的选择不会出现任何硬伤 ，如果使用了暗色或冷色系就与主题的诉 求相悖了。背景还可以配上国徽、天安门等标志元素 ，使气氛更加强烈。 头图布局 一般常见的布局有 ：国字型、左右框架型、 斜型、不规则型等。 头图的布局没有一个固定的规范 ，以方便展示网页内容与美观和谐为选择标准 ，另外主体元素一定 要突出。 以上是本人的一些浅显观点 ，只为抛砖引玉。 专题的设计形式千变万化 ，只要不犯一些硬伤 ，大可不必拘泥于一些固定形式 ，俗话说“尽信书不如 无书”。 希望今后能看到大家更多更好的专题设计作品…… 来源 搜狐焦点UED 人人都是产品经理 （woshipm.co m ）中国最大最活跃的产品经理学习、交流、分享平台