添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 设计分享 >

网页设计中如何选择网页素材

时间:2014-06-19      来源:互联网     

        对于一个网页设计师来说,如何做到设计的完美,不仅取决于图片的色彩,创意,更重要的是网页色彩给图片带来的美感。

  对于通栏设计或是网页设计的效果图,图像素材的选择是至关重要的,选择最恰当的图形,能够牢牢吸引浏览者的视线,它具有宁静的和决定性的力量。

  图像直接表现了主题,并且凭借故事性,使浏览者产生共鸣。缺少图像只有色彩和文字的设计,给人的印象是没有信息性的空虚的画面。去掉图像,它所引导的感情通道也会随之关闭,这就需要浏览者花费很大的力气投入到画面中,如果把网页或者通栏中的图像去掉。

  1、发掘网页素材背后的故事

  无何何时,在记忆深处总会残留着一些画面。当网页素材背后的故事与脑海中的记忆产生共鸣时,那副图像可在记忆中燃烧起来。故事性不同于抽象的色彩和形状,它依照具体的情景,能够更直接地刻在记忆中。这是因为与自己的某种兴趣或从前的记忆有共鸣的主题能够唤醒心中的故事。在选择图像素材的时候,如果能够把图像所表达的故事性和设计主题相结合。

  2、说服力的强弱

  在图像素材的选择上,说服力的强弱是按照如下的顺序排列的。

  (1)、人物、动物;(2)、身边的物品;(3)、树、花、植物;(4)、风景、建筑;

  在所有的 网页素材中,人物脸部的图像说服力最强,而在脸部中又以人的瞳孔 为最强,动物的图像也是如此。同样的人物,如果面朝后或者面朝侧面,目光的强度就会消失,说服力也就降低;而面朝正面,说服力就强。同样,笑脸表达了对对方的好意,传达了“欢迎”和“友善”的信息,尤其是小孩子的笑容特别有好感。其次就是人们生活中使用的物品,和人的生活关系越密切,其说服力就越强。如我们天天使用的鼠标,由于天天接触,所有说服力是最强的;然后是汽车,使用的频率也相当较高;而说服力最弱的是飞机,因为并不是所有人都会天天乘坐飞机出行。

  主题与人的瞳孔距离越远,说服力越低。天空和大海之类的风景距离最远,说服力最低。同样的手机图像,与放在桌子上的手机相比,拿到手里的离人稍稍近一点,说服力就强一些。然后就是植物,它是人性化的、隐蔽的、静态的存在,温和地欢迎着浏览者。

  说服力最差的是风景、建筑,这是因为建筑总是离人视线的距离最远。同一个建筑,如果离得近了,心情也会更加贴近。作为风景中的一部分建筑,走近了,就可以清楚地看见墙壁、楼梯,似乎连人的脚步声和交谈声也能听见。对于一个物体长时间的观察可以做到客观,而近距离的观察则可以使人产生共鸣,其说服力也就越强。  4、色彩的层次

  谈到美味的食物,大家还是以“色、香、味”为主要出发点,“色”为什么在第一位?这就是色彩的作用。

  3、内容的相关度

  网页素材的旋转,一定要紧密结合网站的主题内容,或者通栏的设计需要。这是因为图像能够传达内容,浏览者仅仅通过看图像,就能了解设计的主题,图像时最亲切、最有力量的表现形式。

  如设计以女性服装为主要内容的通栏,可以选择模特照片、服饰照片和产品照片等素材进行设计。对于通栏广告,一定要能通过图像让浏览者对所要介绍的产品有大概的了解,而不需要太多的细节。因为通栏广告的尺寸是有限的,在有限的空间内部可能包含太多的信息,抓住重点即可。

  4、与众不同

  思维受到惯性的束缚,经验往往成为认知某一个事物的准则。而与众不同的图像,其实就是打破这种惯性,重塑浏览者对某一个物品的认知,往往能够产生强烈的印象。

  5、幽默诙谐

  每个人都喜欢笑,选择幽默的图像素材就能够达到这种效果,人生中最令人绝望的事可能是在进厕所几分钟后,当准备心满意足站起来时,却看到卫生纸已经用完了。或许也只有这种情景才能表达出此时此刻那种欲哭无泪的心情。精心挑选的图像素材,既表达出“存货量不足”这个含义,同时也展现出一种“故事”情节。可以想象,这样一种图像,能够在哄堂大笑中让人长久回味,更重要的是,由于其趣味性,更能获得浏览者的认同感,这种传递信息的方式也更有效。

  6、唯美主义

  美会触发我们内心深处的渴望,一张漂亮的照片可以让观众摆脱日常的单调而引起他们的注意,也可以将他们带进一个丰富多彩的视觉。无论主题是什么,都要学会发掘美。根据调查,美丽的风景,漂亮的女孩,更能吸引男性的注意。

  7、戏剧化

  戏剧就是电影院。指的是一张图片创造出某一种效果,如兴奋、期待和深刻等。戏剧化的图像就是突出强调某一种感受;将动作变得更夸张,让对比显得更强烈,让差异显得更突出。

  8、强调脸部

  脸部是人类在所有图片中最熟悉的画面,脸部的表情特写也往往最容易触动心扉。采用脸部图像做素材,不需要再另外强调了。脸部表情可以多种多样;高兴的、悲伤的、紧张的和焦虑的等。如何找到最合适的图像素材?除了审美能力以外,寻找图片的技巧也很重要,作为一个通栏或网页效果图所用的图像,有时需要找一些有部分平实背景的图片,以便能够在上面加上文字。也就是图片的主要素材在一边,而且留有大部分的空位。

  当然,也不一定能够找到非常满意的照片,这时就需要使用PS或Fw适当对图片进行编辑。但无论如何,善于发掘图片的含义,加上一点创意,让文字与图片产生更有趣的联系,这才是更重要的技巧。

  通栏设计技巧

  1、选择合适的素材

  客户提供的产品产品素材一般分为两类,一类是有完整外观的,其本身就有一个很好的外观轮廓,这种情况一般都把产品单独抠出来进行制作。如果形状比较复杂,抠出来的图像边缘有锯齿,可以给图像添加发光滤镜来进行处理。另一类就是没有明显外形特点的。这样的处理方法就会有些特别,可以给这种图像素材添加边框,把内容限定在某一个范围以内,这样可以使多个素材排列更加整齐。在选择图像素材的时候应尽量选择简单的、又能传达很多信息的图像,应尽量避免选择复杂的图像。

  2、产品的展示

  可以加上边框或者发光效果使其排列整齐,统一

  3、环境背景设计

  环境的设计非常重要,同样的产品在不同环境的衬托下会给人完全不同的感受。有的时候需要为某种产品进行设计,但是如果只是简单地把这种产品图像扣出来进行设计,不一定能够打动消费者。如设计的主体是汽车,如果仅仅是一张汽车图像,没有太大说服力,但是把汽车放在大草原的环境中,就能够强烈体现出这款汽车的越野性能。

  4、字体的选择和设计

  选择正确的字体往往能够把握住整个设计给人的感觉=。文字一般会有大小之分,要突出的字可以大一点并且添加样式,有些需要活泼气氛的文字也可以单独进行变形,会有非常好的效果,需要注意的是,在同一个通栏设计中,包含样式的文字不要超过3种。使用简洁的文字,把文字与图像素材进行结合。排版要尽可能简单,文字与鼠标高度相同,使两者成为了一个整体,并且调整每个元素之间的相等的距离。

  对于刚刚接触网页设计的人来说,总是喜欢在作品中堆砌大量的网页设计素材,这样做反而使设计所要表达的主题混乱,没有重点,就好像在不停地更改电视机的频道,让人无所适从。而精心挑选的、经过用心出来过的少了图像,就能够完整地表达设计的主题。放眼现今设计的流行趋势,可以套用一句经典广告词“简约而不简单”。

  从上面的文章可以看出网页设计色彩在网页设计中占有的重要位置,那么,如何积累网页设计色彩呢,在平时的网页设计中,就要善于收集。

web前端视频教程
标签 网页设计
相关文章
web前端视频教程


最新更新

网页特效

web前端视频教程