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

2013/10/09 13179

如何设计传情达意的专题头图

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

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

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

如何设计传情达意的专题头图

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

如何设计传情达意的专题头图
 
如何设计传情达意的专题头图

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

如何设计传情达意的专题头图

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

如何设计传情达意的专题头图

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

如何设计传情达意的专题头图

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

如何设计传情达意的专题头图

色彩原则

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

如何设计传情达意的专题头图

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

如何设计传情达意的专题头图

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

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

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

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/special-banner

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里