网站建设开发
安全+ 网站开发
网站建设
微信平台开发
H5制作
手机版网站
小程序开发
金融行业
金融行业 互联网+
信托行业
私募公司
基金公司
银行
行业解决方案
班车管理系统
影像资产管理
数据中台
精准用户画像
展业平台工具
首页 > Web堆儿 > 正文

网页中的图片使用技巧

时间:2017-06-06 16:59:00  转载请注明出处:盛世阳光网站建设 本文地址:http://www.gonet.com.cn/webduirshow-114.html

在设计客户网页时,往往需要用到和网站业务相关的图片,然而有些图片是业务所需,可是颜色上并不能给网页增加视觉统一性和视觉吸引力,如何快速处理图片的色调使得该图片更能融合到整个网站风格中。小编平时的小技巧分享下,技术含量不高,希望可以帮助到各位朋友。
来看下原始图片和最终效果

图片处理技巧


首页我们先打开一个原始图片,
1-根据网页布局所需,对图片重新构图,突出中心部分,




2-对图片进行调色处理

01先用色阶提高亮度和对比度

调整对比度




02对图片进行饱和度降低和提高对比度,虽然目前差别不明显,但是步骤还是很关键

调整饱和度
调整亮度


03对图片进行可选颜色调适和色彩平衡调适

调整色彩平衡












04-在图片图层上新建蓝色背景图层,色值为#9decff,做蒙版做渐变处理,图层模式改为“叠加”,
加渐变图层一方面为了让图片色彩更柔和,另一方面在图片上加文字信息清晰度更好,可读性更高。
视觉感染力也更强。




 
05-最后在图片上增加文字排版需要的展示信息



来看看这个图片在网页中的搭配效果,根据网页中的主色调来对照片调出和谐的色温。

图片实际应用


  盛世阳光秉承着专业、贴心的服务理念,用心、用智、用情对待每一位新老客户。无论是在网站、app还是游戏领域,你都能看到我们的身影,旨为为企业互联网+新模式带来更多灵感与机遇。开创行业发展趋势,引领行业创新潮流,为企业改造升级出谋划策,我们的努力会让你明白“适合的,才是最好的”。互联网的盛世,岂能没有阳光同行?




   盛世阳光手机版网站    盛世阳光微信公众平台

北京:北京亦庄地盛北路1号31-2 010-67809240

京ICP备05015483号-1

版权所有 2001-2016 北京市盛世阳光文化传播有限责任公司