网页设计 百分网手机站

网页头图设计技巧

时间:2020-10-02 15:22:19 网页设计 我要投稿

网页头图设计技巧

  好的头图设计,有创意,整体效果和谐,用户印象深刻,内容传达有效,视觉元素有延续和继承。下面小编来给大家分享网页头图设计技巧,希望对大家有帮助!

  ◆构图:

  头图作为专题的第一印象,其重要性可想而知。那第一步该干点啥?——构图,想好素材摆放位置,采取什么构图风格?

  我们平时制作或看到的构图风格大部分都是由——集中型、中轴型、分割型、倾斜型、骨骼型、满版型为主。

  集中型排版

  利用画面中心,突出想要表达的实物——当制作的图片没有太多文字,并且展示主体很明确的情况下建议多使用此种排版。集中排版具有突出主体、聚焦视线;在突出主体的同时又能给予画面稳定感,并能使整体画面具有一定的冲击力。背景尽量简洁,纯色或者微渐变。

  切割型排版

  利用直线或斜线或曲线使画面有明确的独立性和引导性——当制作的产品是长条形或者图片中有多个图片和多段文字时可以使用此排版。能使画面中每个部分都是极为明确,在观看时能有较好的视觉引导和韵律感;通过分割出来的体积大小也可以明确当前图片中各部分的主次关系,有较好的对比性和动感,并使整体画面不呆板。

  宫格型排版

  通过有序的图文排列,使画面严谨统一、具有秩序感——当制作的图片中,文字和图片较多时,通常都会应用宫格型排版。此排版是较为常见的排版方式、清晰的调理和严谨性让画面平稳,是一种不会出现错误,且单一的排版方式。有些时候为了打破单一要从形式上多一些变化。

  撑满型排版

  通过大面积的主体元素来传达最为直观和强烈的视觉刺激,使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体,且文案较少时可以采用此排版。常见的满版型排版有整体撑满、细节撑满和文字撑满。

  不管何种构图风格,都不是完全独立的,大多是结合型的。迅速找到解决的办法,就是从文案入手,找关键词,确认头图的使用元素,设计风格,色彩调性。然后就是场景打造,层次表现,元素之间的前后关系,也就是传说中的空间关系这也是很重要的。

  ◆色彩:

  头图作为网页的'第一印象,其重要性可想而知。那么如何判断头图的好坏?这里有一个方法:

  很常用的一招,将头图去色,看对比度,在灰度情况下,头图的标题文字依然有很好的表现,我们可以判定这张图,在色彩处理上是没问题的。反之表现模糊,主次不分,就有问题了。

  当然在色彩方面仅仅依靠上述方法是不行的。颜色如同穿衣搭配,怎么搭配好看也是一门学问。对于色彩感觉不好的同学,除了多看书培养之外,也可以参考好的设计,或者多根据漂亮图片色彩配色,多归纳总结。

  ◆文字:

  文字也是很关键的一步,甚至花的时间要超过,图片处理的时间。比如文字的变形,毛笔字处理等等。

  关于文字部分我以后会具体讲解,这里就简单给几个要求。

  辨识度要高

  要求能认出是什么字。

  风格搭调

  字体变形风格要符合主题,和品牌调性相匹配。


【网页头图设计技巧】相关文章:

摄影图在网页设计中的应用技巧12-07

网页设计技巧11-29

网页设计的设计技巧09-15

网页设计技巧「经典」10-04

网页设计技巧精选11-24

网页设计技巧大全11-24

网页设计小技巧11-22

网页设计技巧分享11-17

网页设计配色技巧09-29