新手教程：如何为网站搭配图片 - 文章 - 伯乐在线
& 新手教程：如何为网站搭配图片
作者为网站设计新手介绍网站图片的使用、加工小建议。不妨试试吧~
网页设计师就像摄影师和画家一样，他们为了安排网站的字体、功能花费了大量的心血。我往往因为网站的版式的细节设计而喜欢上它。尽管我是简洁化用户体验的忠实拥护者，网站的小细节却是我被吸引的原因。
我将会提供一些如何为网站配图的小窍门。不是每个页面都需要图片，但它们能使平谈的文字内容变得整洁生动起来。不幸的是，图片资源太多了，一个不小心就会使用不恰当从而拉低整个页面的档次。如果关注图片质量，你就可以在最终的布局安排上游刃有余。
或许网页配图中最难掌握的就是构图。图片摆放的位置就和它的内容一样重要。每个独立的部分需要彼此平衡一致，从而构成有感觉的整体。
图片经常用来强调或是阐明某个内容。当访问者第一次踏进你的网站，他或许就注意到了那张你办公室或是工作室的照片的背景图。它会给用户这个网站更加私人化的感觉。相反地，你也会用缩略图去强调页面中的某些内容。
在我看来，构图的选择总是有限的，无论为了 “看起来更好”做出怎么样的改变都要基于项目需要。我的建议是参考其他你欣赏的相近的网站。找出一个优秀的网站，尽管它可能与当前的项目没有密切的关系。
通过学习其他设计师的作品，你可以妥善完成自己的项目。整合你的想法并重新构建和安排网站内容，你可以诞生好的网站。学习那些给你启发的网站，从中挑选出对你网站有用的部分，而不要被其他部分分散注意力。
网页头部和大背景
之前我也过一篇关于网页大图的设计思想的文章。这一趋势已经流行了许多年，只是最近才频频出现在大众面前。现在越来越多的设计师注意到了图片的重要意义，这也成为了一个研究方向。但我认为一些最出彩的设计是网页的页头和横幅。
简单来说，背景大图一般是指一张较大尺寸的处于页头附近的摄影或插图。它常常会给予访问者关于网站的最直观的印象，体现网站内容的潜在含义。良好的图片编辑技巧可以使得背景大图在各种浏览器和各种尺寸的屏幕上都可以完美呈现。
你如何才能将大图和你做的完美结合起来呢？首先我认为要弄清楚从你的设计风格体现出的网站类型。创新型公司或个人常常会使用特别设计的图片来体现个性化风格。电商网站往往将产品展示在其中以吸引顾客去浏览他们的商品。
大图和标题首先应当能够做到对现有内容的延伸和拓展。如果网页的布局有些令人迷惑，你需要利用图片作出适当的补充。在最终决定之前多花时间考虑一下多种选择总是不错的。
寻找合适的资源
如果有条件的话，我强烈推荐自己拍摄图片。它会更加贴切主题，过程也会更加从容。但可惜的是，你需要你一个性能很好的相机，一些 摄影技巧，以及与客户的商务或位置产生直接联系。
学习如何摄影完全依靠练习——就像数字设计。一旦你掌握了一切就会变得无比有趣！但是我知道不是每个人都是这样的，所以我们还有其他选择。
如果你不会摄影也不能找到一个摄影师，最后的方法就是图片资源库。但是很多图库的图片只有一些笑得很灿烂的模特站在舞台上的图片，避免这些质量低下的图库吧。记住要选择那些更加专业的图库去挑选和网站内容相关的图片。
我首推的免费图库就是Pexels。它是一个为用户提供免费图片的网站。所有的图片都有创作共享许可，这意味着你可以在所有项目里免费使用它们。
它的搜索功能非常强大，所以你可以搜索到你需要的高质量图片。我推荐的图库网站还有 Gratisography 和Unsplash.它们都有也许难操作，所以我更喜欢Pexels。但是它们也很优秀所以推荐你收藏。
照片及后期处理
任何想学习摄影的人就应该立即行动起来。入门使用傻瓜相机并没有什么不妥，你可以借此学到很多有关构图和架构的知识。但是一旦你更有自信了，完全可以入手一台便宜的单反相机。
学习摄影就是学习一门技术。获得基础知识所花的时间并不需要你想的那么久，但是确实需要花费一些精力。
练习摄影之外，你的PS技术也会有所长进。Photoshop是最强大的图片编辑软件你可以将图片加工成任何你能想到的样子。首先要学习的是如何将物体从背景中抠出来。当你需要在你的页面中加入一个人物或物体，这项技能很有用。
就在最近我推出了一篇Photoshop pentool tutorial ，主要讲述抠图的基础知识。钢笔工具是众多方法中最值得学习的一个。即使你不想入手一个昂贵的相机或是拍摄照片，你都应当学会处理图片，从而把他们适当地放在你的网站上。
在设计过程中切忌过于悲观，跳出既有的思维创作会更有用。试试15张不同的图片，看看哪一张最搭你的网站。或是学会新的图片编辑处理技巧。当你不断地练习，总会学到更多创造出更好的东西。
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代，人们已然被大量、快速并且简短的信息所包围。然而，我们相信：过多“快餐”式的阅读只会令人“虚胖”，缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量，把优秀的原创文章和译文分享给读者，为“快餐”添加一些“营养”元素。
新浪微博：
推荐微信号
（加好友请注明来意）
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页，交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2017 伯乐在线中文(简体)
中文(繁體)
中文(台灣)
中文(新加坡)
中文(香港)
利用色环。色环会告诉你每个颜色的最佳搭配。特定的颜色搭配会让人在视觉上十分享受，这叫做色彩调和。可以把三原色红、黄、蓝相互混合，产生副色。三次色是由原色和副色混合而成的。
颜色分为冷暖。暖色有橙色、红色、黄色等等。冷色有绿色、蓝色、紫色。暖色与暖色的搭配，冷色与冷色的搭配，是比较合适新手的搭配方法。
白色、黑色、灰色是中性色（在衣服颜色搭配中扮演了重要角色）。
一个颜色如果是亮色，就会比较浅（加了白色），如果是暗色，就会比较深（加了黑色）。加入灰色可以把颜色变得比较柔和。当你在搭配衣服时，要考虑衣服颜色是亮色还是暗色，色调如何。
尽量避免互补色。有些颜色会凸显另一个颜色的存在，在色环上，它们是相反的（比如说，橙色与蓝色）。不要被互补色这个定义搞糊涂了，互补色并不意味着穿在你身上是互补的。
你也不必完全避开互补色搭配，特别是如果你是一个穿着大胆、自信的人，就更不用忌讳了。互补色搭配的好方法是，其中一个颜色要比较浅。举个例子，用浅金色的围巾和鞋子搭配宝蓝色的连衣裙。
运用相似的颜色。有些颜色在色环上是相邻的，像绿色和黄色，红色和橙色。因为这些颜色比较相似，当它们搭配在一起时，会比较赏心悦目。
一个相似色搭配的好例子：深红色连衣裙配上金色首饰和粉色鞋子。
避免在身上出现超过三个相似色。像上文所举的例子，可以得出三个相似色（粉红、红色、金色），所以你不能再加入橙色或者紫色，否则就导致颜色过多了。
运用原色。原色（如果你可以记起你在学校里学的基础知识）是红色、蓝色、黄色。原色是很好的，但是在单色系的造型上，你只能用一个原色。
单色系造型的示范：白色上衣配深蓝色紧身牛仔裤、深蓝踝靴、深蓝外套。要中和这些蓝色，你要配上一个红色或者亮紫色的围巾。
要想三原色在同一个造型中出现，那就只能用多种中性色与它们综合。所以你可以用黄色首饰和红色坡跟鞋搭配蓝色紧身牛仔裤，穿黑色外套和灰色上衣，从而打破这些中性色的沉闷。
不要把某些颜色搭在一起。有些颜色很简单，但是并不意味着可以随便搭配在一起，但是很多人还是犯这种错误。避免这些时尚盲点，会帮助你搭配出更好的造型。
黑色永远是百搭的。但还是有两个颜色与黑色不搭。不要把海军蓝与黑色搭在一起。虽然它们颜色很相近，但搭在一起并不好看。另一个是棕色。不要把黑色和棕色搭配，除非你对你的搭配能力非常自信。
白色与冰激凌色不适合搭在一起，因为这样看起来很刻意（冰激凌色配棕色是非常合适的）。
棕色和灰色搭配在一起也非常不合适。它们都太呆板、不显眼，搭在一起太沉闷。
在造型中运用中性色。要搭配出色彩调和的造型，这是最重要的一条建议。中性色可以中和其他颜色，让整个造型看起来更赏心悦目。
灰色是不错的选择。用灰色半裙搭配深紫色上衣和浅金色围巾，或者灰色裤子配白色衬衫、蓝色休闲西装和红色领带。
记住，一件合身的白衬衫是大多数造型的最佳基本要素，它可以搭配一件黑色裤子和领带，或者外搭毛衣或者休闲西装和围巾。
不要穿彩色裤子，除非你搭配的是中性色上衣（像红色紧身牛仔裤配灰色毛衣）。然而，一般来说，彩色裤子会是整个造型的亮点和焦点。
运用颜色的价值量表。每个颜色都有价值量，决定颜色的深（暗）或者浅（亮）还有柔和度。搭配衣服时，试着搭配不同价值量的颜色吧。
比如说用深黄色领带搭配浅蓝色衬衫，以及灰色或者黑色裤子。深黄色的色彩价值量比浅蓝色高（一个较柔和，另外一个更明亮）。
试着想象你选用的颜色在黑白照片中的效果。这样能帮助你觉得决定色彩价值量的等级，把合适的搭配在一起（比如说深色与浅色搭配。）。
既然柔和的颜色搭在一起可以增加造型的甜蜜气息，那么你可以大胆地尝试亮色间的搭配。拿前面的例子（深黄色领带搭配浅蓝色衬衫）来说，可以用马卡龙色来代替浅蓝色，视觉上会更抢眼一点。
练习！你要经常练习搭配色彩，总结出自己适合的搭配，你就不会犯用荧光黄围巾搭配荧光蓝的衬衫这种错误了。可以用较柔和或者较深的颜色代替荧光黄。
运用中性色。当你在搭配衣服时，在所选用的颜色中插入一些中性色，整体造型就不会让人眼花缭乱。记住，中性色可以中和、衬托别的颜色。
一个主色搭配一个中性色。比如说用黑色半裙搭配红色上衣和平底鞋。或者用白色上衣和蓝色围巾搭配牛仔裤。
也可以用一个主色搭配两个中性色。比如说用黑白相间的毛衣、黑色帆布鞋、白色耳环搭配橙色连衣裙。或者用糖果色毛衣和金色围巾搭配棕色裤子。
如果你想尝试大胆的造型，可以用一个中性色中和两个主色。如果你对自己的搭配能力不太自信，可以选两个相似的颜色。例如在白色连衣裙外套一件红色休闲西装，搭配橙色鞋子和包包。或者黑色裤子配深蓝色毛衣和马卡龙色围巾。
运用暖色调的中性色。如果你不太确定要用什么中性色，暖色调的中性色是不错的选择，比如说棕色，它和冰激凌色是绝妙的搭配，会让你看起来更优雅。你也可以选用更加柔和的颜色（用灰色调和后的颜色），比如橄榄绿。
用中性色和素色搭配印花。印花衣服较难搭配，所以你得保证身上的印花既不能过多，也不能被其他的元素盖过去。
用一两个中性色搭配印花。比如说用紫黑条纹针织衫搭配黑色打底裤和灰色靴子。或者用棕色灯芯绒长裤和白色打底上衣搭配法兰绒衬衫。
你也可以试着用印花里其中一个颜色来搭配印花。例如你有一件黄色和橙色太阳图案的红色半裙，可以用跟图案中橙色一样的颜色的衬衫来搭配（但是在搭配之前要确定你有一双中性色的鞋子。）
避免柔和色的过度使用。避免过度使用的方法是用一个中性色去搭配一个柔和色，或者一个柔和色搭配同色系里更深的颜色。
在整体造型里不要超过三个色，包括中性色。否则你就会变成一个调色盘。
要想加入一些别的颜色来搭配主色，最好是在小配饰上下功夫。例如黄色的耳环搭配绿色衬衫或者蓝色领带配红色衬衫。
一般要尽量避免棕色配黑色，除非你真的非常确定要这样穿。例如，如果你穿棕色鞋子配黑色衣服，别人绝对会觉得你完全不知道如何配色。
记住，你想穿什么就能穿什么。如果有别人说你穿得不搭，只要你自己满意，谁在乎别人怎么想呢？
不要用两个太相似的颜色，但这一点也不是绝对的。你也不愿意只穿一个色系的衣服出门对吧？也别穿得全身都是沉闷的中性色，这样的话，你的造型就没有什么亮点了。
本页面已经被访问过31,931次。祝给予赞赏的伙伴，2017年发大财！|赞赏
收藏已收藏 | 26赞 | 20
分享到微信扫码分享到微信
没有音乐细胞却想玩音乐的产品汪
557 篇作品461 万阅读总量
热门问题12345678910