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

2016-02-17 00:02 2 1 收藏

今天图老师小编要向大家分享个浅谈如何设计传情达意的专题头图教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

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

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

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

电脑字体

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

设计字体

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

书法字体

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

背景元素

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

色彩原则

1、同色系色彩:色相接近或同一色相不同明度的几种色彩。同色系色彩会营造出和谐统一的效果,如要增加一些变化可以在局部加入对比色。

2、对比色或互补色:视觉对比强烈的色彩容易营造生动活泼、 积极向上的效果,但是要注意把握,防止给人眼花缭乱的感觉。

3、巧妙运用过渡色:两种色彩的中间色、 单色中混入黑、 白、 灰的调和色都可以作为过渡色,运用过渡色可以将几种犯冲的色彩统一起来。

配色要尽量控制在三种色彩以内,背景色和前景色的对比度要大。

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

配色实例

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

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

浅谈如何设计传情达意的专题头图,PS教程,图老师教程网

头图布局

一般常见的布局有:国字型、左右框架型、倾斜型、不规则型等。

头图的布局没有一个固定的规范,以方便展示网页内容与美观和谐为选择标准,另外主体元素一定要突出。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

以上是本人的一些浅显观点,只为抛砖引玉。

专题的设计形式千变万化,只要不犯一些硬伤,大可不必拘泥于一些固定形式,俗话说尽信书不如无书。

希望今后能看到大家更多更好的专题设计作品

来源:https://www.tulaoshi.com/n/20160217/1576655.html

延伸阅读
红字重点,黑字详解&吐槽。 一般活动页面设计的结构 头部:重点的区域,直接影响导航、内容、底部的设计。确定了头部的设计,页面的整体风格基本就出来了。 1 很多时候会给头部顶个规则比如要多少高以内,必须看到产品,这样的限制过于局限,每个人的显示器大小有别,网购的人也基本了解页面内容的设置,设计完全可以灵活多样些。 ...
如果把网页上的各色推广专题比作是参加非诚勿扰滴各色男嘉宾,而广大网友则是那舞台上18位漂亮滴美眉。决定的时间将更加短暂,就几秒钟时间。如何瞬间抓住美女的心。第一印象是至关重要的。 看过非诚勿扰的同学都知道,节目中女嘉宾只需几分钟时间就能决定自己的约会对象。同时也能否决掉N个男嘉宾。 如果把网页上的各色推广专题比作是参加非...
在演讲的QA时间,有几位前端工程师跑来问我这个问题,看来这是许多人心中的痛啊,甚至连图都不让设计师切了、直接自己来,却还是状况连连如何让公司的平面设计师交出可以用的web图呢? 问了这几位F2E他们用什么软件切图,答案是Illustrator,听到的当下就觉得不妙。我非常不支持拿Illustrator做任何给屏幕用的档案,切图不便、对PX的支持度也很...
页面特性:产品页面简洁易用,专题页面绚丽视效印象深刻。 在页面设计当中,产品页面(如facebook 微博 twitter 微吧等)的设计。注重功能,交互,设计要考虑用户长时间的浏览体验。视觉上侧重间距,布局,按钮和logo,及icon样式。注重规范和视觉识别性。样式通常简洁易用,绚丽元素少,视觉上并不强调冲击力。 专题页面时效性有限(大多专题是...

经验教程

451

收藏

54
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部