网页运用图片详解（上）

写这篇文章的初心，为了记录这些年来自己不断在工作中的博弈，在公司与客户，个人发展与帮助公司客户成长，产出作品与节约成本当中去寻求一种平衡。

我不仅想要告诉一些成长中的设计师小伙伴关于图片的基础常识。更想兼顾告诉大部分愿意倾听学习了解设计相关常识的中小企业家们，当他们不理解你们的设计流程中，也许你可以用这么一篇文章作为你设计的参考依据。

我想每一个初入行的设计师，都会经历缺乏图片，但是公司却没有多余额外预算的阶段。面对的是上级领导关注的只是你的产出，而毫不在意你过程中遇到的各种艰难困苦-对于一个薪资高，技能高，已经拥有各种渠道和设计资产的自身设计不是问题，但对于初出茅庐的设计，真的是会陷入一种被最大程度榨干价值的阶段。

好图，都是正版需要用钱买，但工资收入又支撑不了这些图片的费用自己出，客户，老板？有些慷慨大方能理解的会出，有些觉得，这不是设计师自己该一个人包的么？我请你来不就是为了做图么？怎么图片的钱还要额外出了？

造成这样情况出现的根源，一方面在于设计相关知识的不够普及，普通人根本无从了解图片来源，也不理解设计师工作范畴的划分，什么样的情况是可以自己做，哪些需要设计师自己做，哪些必须借助外部素材，一方面也在于新人对这个行业理解有限，也是默认了这种情况，我希望以后再遇到，你完全可以大大方方告诉我们的老板和客户，你们要不要更高档次质量的设计，那些便宜的免费的，一个是需要花费大量时间去寻找，增加了你的工作时间，影响你工作效率，也达不到更好效果。并且也存在侵权隐患。

你要解释给你的老板听，为什么要用到这些正版图。因为社会在发展，图片也在发展，好的作品不断涌现，高质量的图层出不穷，所以普通图片已经满足不了这个社会的需求以及人们的眼光。

那么图片版权发展带来了哪些变化？

除了配色，排版，潮流风格等等其他设计方面的技巧知识，围绕着所有设计，不管时光如何变化，亘古不变决定而你设计高度的真的就只有图片。

一个行业发展，离不开市场以及客户需求，任何一件事物的好坏，也无法脱离生产成本，任何脱离各项成本而要求质量达到一定高度的行为，都是耍流氓。这个世界原本就是一个金字塔层的世界。通常来说少数人掌握更多的资源，所以强者愈强，那些赚钱最多，大概率还是头部商家，拥有更多渠道，舍得花费成本在广告宣传推广上，只有少数才能找到方向突围而出。有名气，有前景，无数人蜂拥而至，围绕着你，甚至免费为一个品牌做设计，借助其名气。要么就是强强联合变得更强。设计太多锦上添花，能做到雪中送炭的又有多少。但恰恰那些雪中送炭，能帮助一家企业起到巨大作用的设计，更有成就感也更有价值。

而要突破就得在图片上花费更多的精力和心思，吸引人们的眼球和注意力。给予更多的时间去创作一张图而非过去的浅藏辄止。（以下图片来源于DPI工作室的小适吹风机的设计，短短两年时间，这家新兴企业就走在了电商同类销售前列，在消费者心中留下深刻印象，初步树立起品牌格调，就是因为在设计者在包装上花费的功夫以及企业对设计对产品颜值的重视）

这些图片所起到的作用真不是简单一句可以概括衡量。也许在年纪长的我们父母那一辈没什么感觉，但对新成长起来的90,00后甚至更下一代，我相信，未来年龄一辈的选择，一定是那些外观上看上去更加漂亮有档次的。

图片不仅能帮助企业树立品牌，让消费者产生信赖，还能促进人们购买，相信其品质的同时，感受到企业的实力，毕竟只有不缺物质基础，不差钱的公司，才更注重视觉与美。

高大上的图片又是怎么来的呢？

我们会羡慕那些拥有更好图片，更多投入去打造更好效果的团队或者公司，但好高骛远无益于工作，但是我们可以以此作为自己工作的榜样和参考以及自身所要努力涉及达到的目标。朝着它前进，总有天会实现。要相信，更美好的东西总会在未来出现。而且过去那些不够好的，现在现在已经有了足够改善了不是么？

过去我们抱怨无图可用，图片难找，价格高，但现在真的已经降下来了。

过去我们会嫌弃电商详情页那些卖得多的，大部分都是一些看起来设计得low的，但是你会发现近几年，依然还是有很多好的产品详情页面，即有颜值又要销量，那么又何必以此为借口让自己的设计向前者看齐觉得不需要设计更好或者设计风格向前者靠，我们能凭借实力做到后者那不更香么？

更何况，真正影响改变更多人的苹果小米等一众电子产品生产商，你看他们做得产品描述页有半点low不？非旦不差，还是行业顶尖水平。何必让自己局限在一些渣渣不看重设计的厂家呢？

当然，过去我们抱怨的方正字体库价格贵，又到处告这那的~现在依旧存在。但是像喜鹊造字，字魂这样新型的字体授权平台现在已经诞生崛起了不是么？那些还抱着以前观念，设置价格壁垒，因循守旧的，弃之不用就是。

以前我们不重视版权，不注重原创，眼前一时看似节约了成本，但带来太多的隐患。

而如今，图片市场早已经产生剧烈的变革，过去靠免费图，直接网络扒图，无法落地，加上更容易被网络爬虫搜索出，加上互联网大家的眼睛越来越尖。要么原创，要么通过联系作者获取许可和购买版权，从前那一套真难混下去了。但破而后立，注重版权的背后，是越来越多的原创崛起，有了保障。

但一方面，能立即产生价值的B2C,C2C行业在图片上发展迅猛，更多网页设计优秀作品集中在B2C这个领域，一方面B2B还是非常落后的存在。偶有好的作品，也大多停留在虚这个范畴。大部分中小企业企业在B2B进行交流交往过程中，并不重视网络营销对提升公司颜值形象中所取到的作用，同时也不够重视自身企业文化，乃至平时展现公司面貌，产品的更好的图片积累，但反之，腾讯，华为甚至VIVO等大企业在发展到一定程度，不约而同开始了企业官网的升级改版优化，也更新了一批更高质量的图片。

同时随着B2C等电商产品的发展，通过网络赚钱的机会增多，网店装修已经取代了部分实体门店，在B2C领域受到越来越多的重视，电商设计无论是从图片档次还是整体设计，同过去相比，迎来巨大飞越，再用传统那套去看待制作一个企业官网，真的已经落伍了。

除了一线互联网公司，网页在传统广告公司和媒介中是相对不怎么被注重的一环。另外任何设计要做好依然脱离不了平面的延伸，平面，品牌的塑造是一切的基础，网页不过是换了个网络包装。没有平面的底子在，大部分网页设计都会面临缺乏好图的尴尬。

经常有不懂的客户想跳过前期平面包装，就想直接网络塑造品牌上。一问平面品牌包装塑造费用十几W到几十W不等，一到网站，做一个网站几W块甚至不到，你问作为对设计一知半解的人该怎么选？这部分客户假设不要求多好的品牌效果还好，但一旦对品牌也有要求，那压力就转嫁到网页上来了。

并非美观的网页作品做不出，我可以利用很多高大上类似的网络图片制作出效果还看得过去的设计，但一旦客户要求把其中一些图片替换称自己的，效果档次瞬间就掉了下来，打了折扣。所以我做的大部分设计，都是伪.品牌，建立在缺乏投入缺乏底蕴，仅靠我一个人的背景下的制作。而真正的大品牌，大场景，大制作而来的设计，是一整个视觉设计团队围绕着去投入，是结合了虚实的设计，虚不用多说，连实，也经过艺术手法处理加工得相当好看。

（在设计过程中，虚实结合的手法贯穿了我们大部分商业作品环节。实，就是接地气的真实，客户给来必须用到的，我们无法避免，那么虚呢？就是运用到的各类高大上的网络图片的环节，或者经过包装，渲染，添加背景氛围，打造出了远超一件物品在真实生活中所能达到的美感。）

所以我希望作为甲方，我们要注重平时自身企业在各方面可以给予到设计的素材积累，收集。而作为设计，要善于扬长避短，将差的图片隐而不用，而将好的图片所能呈现出来的美感和逼格发挥到极致。

（另外，不得不说，在平面品牌设计当中，小部分传统广告机构，也缺乏对中小客户的同理心，也有部分套路。不是每个客户都需要大包小包一大堆VI设计，也许在设计角度，加上一堆效果图的展示，提升了商品价值，显得图片丰富且多，也进一步提高了设计的价格。但真的也就限于一些不差钱的大客户。而最有用，最实际但也可能是最傻最笨缺乏利润的设计，是根据每个客户的情况去量体裁衣，而不是追求增加多个环节，以及各部分的利润点，产生额外耗费，我觉得一个项目，设计师能产出最大收益的价值点，一定是围绕着它的核心创意，作品的精彩，当然，抱有我这类想法的设计，或许一旦真独立开公司，这公司真做不下去了。

拿网页设计来说，可能运用到实的图片就是首屏banner还有中间几屏的banner，是需要客户能给到的，剩下的大部分可以用网络图，单个首页用不到太多企业实的图，那么是否要就为了这么几张图大费周折再找摄影公司拍出好的效果？这种情况下，有几种解决方式1.重新为网站整体做一个规划，不仅仅是包含首页，连内页需要的图片，哪方面的都计划策划好，一劳永逸。2.让虚取代实，说服客户接受认可有美感意境的图片所起到为企业包装起到的作用更大，将实的图片运用到内页环节。只需要重点重新拍摄其中的几张图片，重要页面我们用带有美感的网络图，非重点页面，我们让它更接地气。）

但是不论平面也好，网页也好，假设要做好一家企业的包装形状，这些图片素材积累的环节是必不可少的。每家企业，可以不必都有，但是一定也要有部分拿得出手的。如果你自己都不注重设计，看不起设计和美感带来的作用，那要我们设计师如何成就你呢？

那么有哪些B2B过程中企业需要拥有具备的图片呢？

这么多类型的图片有没有什么好的参考？

图片与图片之间的差距，真的决定了一家企业的调性形象孰高孰低。

举个最明显的例子

国内通常公司能给到的图片素材，不能说不好，这个份上，我相信对普通老板来说已经尽力了。但是在我们设计者眼里还有太多的上升空间。

再好一些就是西装革履，平心而论，其实下图已经够好，90%的企业也不一定能拍出来。

但我们可以看看行业内更优秀更高水平的图片是怎样的，下图更加随心，不那么正式，但是光影细节乃至对人物神态捕捉更好，虽T血简装依然拍出了大佬水平

通常团队照都是无背景，这张更出色的理由就在于融入了背景并且人物群像更多。

但如果能做到下图这个程度那就是更甚一筹，需要更多的后期处理能力。

首先，在这之前，我们看一张图，去评价它的好坏。不应当仅仅只看它是这个样，也不应只从设计的角度去看待它的美感。可能我们认为不足够的，但在客户眼里却是更好更适合他的。虽然我把这些图单从美感和手法上和获取难易度上划分成几个不同等级，但是实际，每个人心中都有它另外的加分项。

以一家我司常接触的普通中小企业与我偶然在一些日本网站上发现的看上去也规模不大的企业（一家鞋作坊）或者同是工程类型的日本企业所拍出来的图片为例。

我看到我们国家的中小企业在图片档次达不到国外中小企业程度的背后，其实不仅是这个摄影师的拍摄技术，艺术修养，还有每位员工的状态，国人对自身形象气质穿着打扮的注重，以及办公空间的室内装修的讲究，乃至个性，样样离外国人有一些差距。这些差距最后通过一张图片给人的感觉呈现出来了。这不是光摄影这一环，任何一个环节没达到，光有一名厉害的摄影师也追赶不上人家图片水平，假设人家拍摄的图片是10，那他顶多只能达到8，已是尽他全力。

同样是工程机械，日本人还真就能追求极致拍到这个程度。

这些图片无一不处处体现质感和匠心，透露着图片背后的综合实力。

有个朋友也曾对我说，可能你用来对比的，是用国外那些顶尖的，被精选出来，流传到我国的呢？说不定人家也有low的，所以用他国好的来比较我国普通的，当然不尽如意，搞不好显得有民族自卑感。所以曾经羡慕国外发达国家人均美商超越我国的我现在已不在纠结。我们的国家地大物博，人杰地灵，因为大，所以平均下来是不够的。但也因为大，我们拥有更广阔的未来和发展潜力。

的确，经济基础，发展水平决定了现有的差距，假设哪天我们国家可能随便抽出一家企业找个普通摄影师拍出和人家等同的图片要若干年后了，但是若干年前的我可以做什么呢？与其自怨自艾，灰心丧气每次做的项目中图片不够档次，不如想法设法去提升它的档次。

也许像最后两个项目可拥有这样素材用来做设计的情况是非常稀少的，但再不济，我也可以引导我们的客户朝着比第一个更好的方向发展。

比普通比平均的我们暂时不能比，那我们国家那些好的，头部的难道还比不过么？

在这里，虽然之前有拿小米抄袭的例子拿来说，但其实本人对小米对雷总是非常有好感的。被雷总这次新形象造型还惊艳了一把，比起保守的库克，敢于拿出投资进行MIX alpha研发的雷总，哪怕失败无法量产，反而更接近我心中乔布斯的形象。

当然，不是所有老板都拥有雷总的气质和风采，怎么办？

老罗很抖机灵很鸡贼的交出份完美提升个人形象的答卷。当然，该图是画出来的非实际现场拍摄。但其实所有企业家都可以学学他这个办法，让自己置身于一个高大上的场景，不知不觉也把自己的形象渲染成如场景一般高大的。就像走入一个恢弘的庙宇，在大殿上一排成千上百的朝拜者最前方，你见到个身着袈裟的高僧。远远望去，哪怕高僧的面目都不够清晰，但此情此景，能不跟着他人一起敬仰？

设计作用之一就是放大普通人对美的期待，制造幻想来消除现实中真实带来的落差。我们在真实环境中感受不到的，我们可以通过想象通过平面或者视频等媒介去接触到，提升开阔我们的眼界，丰富我们的想象。我们常常可以在电视剧中看到这样的“普通人”生活的场景。这家在上海远郊，不过70平左右的普通住宅，但无一不让人感觉屋主的高知高审美。

再看看深圳一套最繁华区域豪宅的内部装修，是不是和我家乡下十来二十万建造的一栋别墅毫无区别。（惠州海边这种别墅700~1K多一晚的，可以住8到15人的都团建去过不知道多少次了）有时候也会感叹，真的是中国人没有钱么？

好的环境我们每个人都憧憬，向往，但是我们也要看到，这个世界的组成，即有少部分对环境注重的公司，也有不那么注重的。

决定一家公司拥有更好办公环境的，一定首先是这家企业发展到一定阶段拥有足够改善环境的资金，此外还有老板的眼界，知道要创造更好的环境来留住更高层次的人才。

每一张好的图的背后，都是一家公司的底蕴所在，代表这家公司有没有对美憧憬热爱并注重的人才去创造这些图片。我们一定会更想去上图中所呈现出来的良好办公环境和氛围的公司，而不是下图的

产品图片是吸引客户购买的关键。从产品的外观可以感受到其品质，也是否值得拥有

某些新兴科技行业用来展示细节的效果图更是必不可少。

案例能体现公司产品适合的领域，能很直观去吸引到这部分的客户。

从公司的各项活动中，我们看出在一家公司的幸福度，以及这家公司做出那些举骤去发展传播自身文化，扩大行业影响力，塑造品牌

从好的活动照片中也能感受一家公司的实力，员工丰富的精神修养层次与追求

暂时抛开那些“实”的需要通过摄影拍摄方式获取图片不谈，我们先看看有哪些地方可以获取那些高大上的可以用来做设计的图片吧。

因为图库太多，这里只列出我相对熟悉常见的

付费正版摄影图库：

海洛创意，VEER，摄图网，全景创意，图虫视觉，123RF，yestone

搜索引擎：

谷歌搜图，大作，花瓣，Pinterest

摄影：

500，站酷，flickr

模板库

包图，千图，小咖

在这里我把图片从质量，到数量价格分成若干个梯队。

从质量来说

视觉中国 > veer/海洛22开头图片 > 海洛创意/全景/图虫/摄图新世界

比图片数量

海洛创意 > veer > 视觉中国/全景 > 图虫/摄图新世界

但是单论价格

视觉中国 > veer > 全景/海洛创意/图虫/摄图新世界

其中

视觉中国

单张800起，平均1500，最低400

veer

单张180，5张325，50张750，最低8

海洛创意

单张199起，10张300，最低2.5

综合下来，确实是海洛和VEER成为我用图的主力（只是个人习惯，但并非绝对就是这2个最好）视觉中国到线上环节因为价格太贵，少有客户能够承受。但是相对的，国内论质量，视觉确实首屈一指。假设可以随意使用，过个稿分分钟钟的~某个不差钱的上市以建站起家的公司据我所知，为客户制作的页面全部来源视觉，并且签署了年供协议以降低单图价格的。

以下是我对各种图库的评价

a）视觉中国

国内最高质量审核最严格，价格和档次最高的图库，价格足以让大部分设计和客户望而却步，却是很多知名公司标配，前期节约大量时间（以摄影图为主）

b）veer

平均质量介于视觉中国和海洛之间,价格适用，最重要还是小样图尺寸更高清,水印对整体较少，有插画，但欠丰富

c）海洛创意

国内最丰富的素材库，涵盖不仅是各类摄影图，还有更多矢量插画，设计元素，素材，AI文件，在综合素材类别的丰富程度上，目前国内首屈一指，此外，图片编号22开头的图片档次可以达到视觉中国图片的水平，最先一步带动国内版权图库价格下降

d）包图

做海报，简单UI，套用模板增加设计效率的利器，以设计PSD源文件为最多

e）摄图网

最新崛起发展很不错的图库，内容越来越丰富的同时质量也有了提升,摄影图和PSD文件比较均衡都有

f）花瓣

创意参考用途居多，无版权，但是可以运用到其中部分高清背景，可以作为网络在线素材收藏库使用，并且有蛮多他人的收藏夹有不少好图

g）谷歌翻墙搜图

装逼利器，比起国内某度引擎，搜出来的图片档次更高，清晰度也更高，搜索更精确，只是需要长期有墙梯

h）大作

搜索精准度和图片质量成反比的一个网站。只要不介意它给你搜来的一大堆国外图片和你搜索关键词相干程度不高，它可以成为你用图利器。几乎涵盖了所有图库网站，我为什么没有推荐免费图库呢？

因为就是这玩意，把人家免费图库网站上的图全搞到自己搜索引擎上来了。

此处，依旧是非常推荐大家多翻墙，做设计久了，用过更好的图片之后，真的再用一些普通的，真瞧不上眼了。

当然，不考虑侵权仅作为练习，behance上的高清大图也常常被我用于效果图提升自身作品B格当中，此外，还有一个可能大家意想不到的图片来源，那就是淘宝。

淘宝有大量商家打包出售各种国外前沿也是来源于各个国外素材库网站的图片素材。就是需搭配百度网盘使用。

嗯~我每年各个素材网站的年费，偶尔淘宝上购买无水印图+国外素材+百度网盘+墙梯的费用，某些字体库授权费。。。呃呃呃。每个月持续小规模流血ing。

另外，在这里有个插曲是有些图片，并非独家，在海洛，veer上有蛮多互通的，甚至有些在视觉中国上买几百的图，在VEER上都能找到一模一样的，供图者他并非一稿单投，善于发掘发现，更能节约你的用图成本。

慢慢求图之路

从5,6年前起，因为发愁夹杂在客户和公司之间为难的问题，自己开始与各个供图平台相接触。最终确定海洛的原因还是因为海洛除了常规摄影图之外，还包括大量插画和矢量。（其实是已经好不容易公司申请领导给批准大量采用海洛的费用，再换也麻烦）实际上插画和矢量图才更为稀罕，能运用到的场景更多。

公司官网和总公司官网都有大量使用到，（都是三四十+页面），这才让我能承担起全站大部分首内页的制作。

从一开始的除了设计师无人理解，到最后终于给大家都用上，感慨甚多。

早在15年，我应该是最先有用到海洛图片的设计，海洛的出现解决了我很多项目难找图的烦恼。比起现在能用上公司30元一张的图，那时候可是50~70元一张的

而后在做项目的过程中，除了我是自己掏这笔费用之外，我在公司是宣传普及其他设计去先拿海洛带水印的图片进行设计，而后引导客户购买小额海洛套餐。

直到了19年，公司才正式开始和海洛合作，也请到海洛部门的区域总监来到公司进行了一堂版权图库知识分享会。

其实所谓赚钱，有时候真的是舍得花钱投入才能获取更多回报。

在最初，不是所有的设计都选择正版图库，依旧还是以免费为主，但是当其中有几个小伙伴经过试用，明显提升了自己稿件效率和水平后，所有人开始察觉有好图的好处。自此开始了新篇章。当然，视觉中国的图片依然还是可望不可及。也只存在我少部分买得起这类型图的土豪老板项目中了。

案例：

在这里，我是真的呼吁每一位企业家，去重视图片给自身企业的影响，根据自身的情况为图片付费。设计师也需要多主动去引导客户进行知识付费，不要因为一时的为客户节省节约费用，带来未来无尽的隐患。在这里，我也例举了要做好一个网页最初级最基本的图片价格

都是明码标价，不存在设计师在其中有任何抽成

但是正版图你说它重要，的确很重要，但网络素材图也仅仅是网络用图，它的下限很高，怎么也比普通图好，但是无法突破上限。更好的设计一定是结合实际拥有更高价值价格的原创图。在用图之余，切不可产生太多的依赖。它是商业用图快速高质的解决方案，但并非个人进一步提升成长必选方案。它能解决一部分项目问题，但解决不了所有。此外，光靠图片过稿，忽略了设计其他方面技能的完善，反而是种退步。

写到这里，关于图片的一些基础常识暂时告一段落，人过而立，时间真的太有限，每一分每一秒都是如此珍贵。能抽点来完整这篇文章实属不易，虽累且麻烦但是很开心，自己想要做的事情又完成了一件。留下一个大坑，还不知道下次能填上是什么时候。觉得工作这么些年总得留点什么以供后来人参考。不靠这个商业化，仅凭兴趣而写，有些啰嗦，参杂了很多无关内容，表述不够清晰勿怪。

希望对有些人有所帮助，也感谢你的收看