当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

专题头图设计需要注意的细节(3)

来源:站酷 作者:李晨光 学习:5754人次
好的专题设计,有创意,整体效果和谐,用户印象深刻,内容传达有效,视觉元素有延续和继承。整个页面衔接不生硬。这都需要设计师动脑去巧妙构思和发挥。这期就头图部分,整理了一些观点和大家做分享

教程所讲的都是PC端的专题设计所需要注意的细节,我们先从头图开始讲起。
色彩

头图作为专题第一眼印象,重要性我就不再强调,如何判断一个头图色彩做的好,有很多小方法,分享给大家。

很常用的一招,将头图去色,看对比度,在灰度的情况下,头图的标题,文字依旧有很好的表现,我们可以判定这张图,在色彩的处理上是OK的,对比达到,反之,显示比较模糊,那么在色彩上,可能还要再花功夫。如下图。
专题头图设计需要注意的细节

专题头图设计需要注意的细节
当然,在色彩方面,这是靠上述方法,肯定是不行的,颜色就如同人穿衣服,搭配好看也是一种学问,对于色感不好的同学,我建议是学习好作品的配色方案,以及根据大自然来配色,请看下图示例。

专题头图设计需要注意的细节

构图 好的头图不权有一个吸睛的色彩搭配,还得有一个好的构图,在构图方面,除了网上流行的左右结构,倒三角结构,三等分结构等等,这里我给大家分享的是,如何快速找到构图的灵感,在思考构图方面主要注意的一些事情。

专题头图设计需要注意的细节
上图中,寒秋为关键字眼,突出表现在寒冷,首先在场景的打造上,很容易的就会联想到冰雪这样的元素,另外为了表现秋这一季节性,也会联想到落叶这类元素。

专题头图设计需要注意的细节

再来是场景中元素的层次感,我们来分析下图,1为视觉最近的地方,2为较近的,3远的,4为更远的,层次感对于构图很重要,头图的立体感,场景真实感都靠它。

专题头图设计需要注意的细节
不管是何种风格,迅速的找到感觉,比较快的方式,还是从方案入手,找关键词联想,确认整个头图使用元素,风格,再来就是关于场景的打造方面,层次的表现,各个元素之间的前后关系一定要清楚。

专题头图设计需要注意的细节

文字 好的专题头图,除了有精美的视觉元素外,头图的大标题要重点强调,它通常需要设计师花费专门的精力来制作字体的变形和特效。好的字体效果其实可以成为专题的主视觉,成为最亮眼的一部分,同时也是最直接体现专题主旨的方式。文字的表现形式不具体展开,这里只是把需要注意的方面罗列出来,给大家做分享。

文字可以做变形,可以和图形结合,这都是很好的表现形式,但是文字变形组合的基础一定是辨识度。

专题头图设计需要注意的细节

文字的风格,要符合整个头图的风格。

专题头图设计需要注意的细节

文字一定是突出表现的,在对比上要很大程序上区别背景。

专题头图设计需要注意的细节

文字分主次,可以用不同的字体,不同的字号做区分,原则上一个页面不宜超过三种字体。

专题头图设计需要注意的细节

好的专题设计,有创意,整体效果和谐,用户印象深刻,内容传达有效,视觉元素有延续和继承,整体页面衔接不生硬。这都需要设计师动脑去巧妙构思和发挥。

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
K字用辅助线画了好久 求大神指教啊2018-04-19 08:21
32个赞
雨季还未停2017-05-27 11:02
学习啦学习啦
grbytff2017-05-27 10:38
看起来很好的效果.
小白白脸2017-05-27 04:57
看起来很好
封印miss2017-05-27 03:08
学习啦学习啦学习啦学习啦
荼蘼的香味2017-05-27 12:53
学习啦
坏小孩安2017-05-27 12:00
学习学习啦学习啦
天使搞飞机2017-05-27 06:40
学习
陈晓帥2017-05-27 06:28
不醉BOB2017-05-27 06:28
姜姜姜皓宸2017-05-27 06:28

关注大神微博加入>>

网友求助,请回答!