网页设计中大图的应用技巧分析

2017-12-22  4973 分类:设计资讯

网页设计中大图的应用技巧分析


在网页设计中,图片作为背景经常被应用于填充整个屏幕,曾经只有非常时尚的潮流网站才会特别依赖富有冲击力的图像,但是现在很多网站都逐渐采用了这种方法,下面小编将为大家来详细介绍。


网页设计中大图的应用技巧


1 .提炼关键词寻找图片


首先需要提炼产品特性关键词,通过关键词的形式寻找合适的图片。


网页设计中大图的应用技巧分析.jpg


上图是google云盘官网banner背景为一张在飞机向外看的图片,不难发现用这种比拟手法来表现云盘的口号“随时随地使用”,在任何时候、任何地点都可以使用文件。换位思考,假如我们来设计google云盘官网,首先提炼出关键词:随时随地、自动同步、超大空间等等,用最能突出特点和有代表性的关键词来寻找合适的图片。


2. 图片品牌化


什么是图片品牌化?通过关键词寻找到的图片进行深度加工处理,使之在项目中运用到的图片都是一整套的、风格统一的,比如可以在图片的色调、色彩饱和度与特色风格上做调整等等。


网页设计中大图的应用技巧分析1.jpg


Google Drive官网摘取出来的图片,这些图片不难发现无论在色调、色彩饱和度上是一致的,特点是低饱和度、颜色深沉和图片噪点,颜色上新颖有特色、风格上具有明显的品牌统一性。


网页设计中大图的应用技巧分析2.jpg


上图为SAP公司官网的系列图片,作为全球最大的B2B企业为各行各业、不同规模的其他企业提供解决方案,正如它运用不同行业场景的图片一样:色彩丰富、但色调又不过于鲜艳,它们所有用到的图片都有这些特点。


网页设计图片作为背景的设计风格,这种设计方式虽然非常强有力地抓住用户的注意力,如果去掌握,了解项目背景,那么图片的品牌化就显得格外重要,把产品所用的图片设计为一整套统一的风格出来的效果是不可估量的。


猜你喜欢