基督山伯爵 发表于 2014-11-13 02:08:55

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

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

教程所讲的都是PC端的专题设计所需要注意的细节，我们先从头图开始讲起。
色彩头图作为专题第一眼印象，重要性我就不再强调，如何判断一个头图色彩做的好，有很多小方法，分享给大家。

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

http://pic.16xx8.com/allimg/141112/16xx8_01.gif
提示：教程详细步骤在二楼！想下载该教程的可以到这里下载:点击进入下载页教程编号:135049 作者：李晨光 出处：站酷

基督山伯爵 发表于 2014-11-13 02:08:55

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



http://pic.16xx8.com/allimg/141112/16xx8_02.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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


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

http://pic.16xx8.com/allimg/141112/16xx8_03.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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


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

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

http://pic.16xx8.com/allimg/141112/16xx8_05.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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

      

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

http://pic.16xx8.com/allimg/141112/16xx8_06.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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


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

http://pic.16xx8.com/allimg/141112/16xx8_07.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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


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

文字可以做变形，可以和图形结合，这都是很好的表现形式，但是文字变形组合的基础一定是辨识度。
http://pic.16xx8.com/allimg/141112/16xx8_08.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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



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

http://pic.16xx8.com/allimg/141112/16xx8_09.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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



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

http://pic.16xx8.com/allimg/141112/16xx8_10.gif

基督山伯爵 发表于 2014-11-13 02:08:55

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



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

http://pic.16xx8.com/allimg/141112/16xx8_11.gif


好的专题设计，有创意，整体效果和谐，用户印象深刻，内容传达有效，视觉元素有延续和继承，整体页面衔接不生硬。这都需要设计师动脑去巧妙构思和发挥。
页: [1]
查看完整版本: 专题头图设计需要注意的细节