在界面设计中，好看且和谐的配图会让用户潜意识里更容易接受、或者更愿意停留于当前页面，那么，如何才能把配图做好，让界面看起来更加高级和耐看？本篇文章里，作者总结了10个优化UI配图的小方法，一起来看一下。
“配图用的好，作品差不了”，UI中配图的好坏直接影响到界面的品质感。它非常重要但却经常容易被忽视，要想把配图做好其实也是有规律可循的，今天的文章就将总结配图使用的10个优秀方法，相信看完一定会有所收获。之前我也写过另一篇如何选好配图的文章《如何选到设计感强的配图，我总结了这7个实用方法》，同时也分享了很多超高质量的图片素材资源和网站，千万别错过。
在欣赏了Behance上数百个高质量的项目和众多Dribbble优质作品后，我总结出了一套可以将图片与UI结合提升设计感的方法，可以让你的作品立即看起来更加专业。
本文的灵感来源于我刚开始做UI时所遇到的困难。和许多其他设计师一样，当我在Dribbble和Behance上浏览别人的作品获得灵感时，面对这些海量作品时常会感到迷失和不知所措。就像透过万花筒看到各种花哨的图案一样，当把万花筒挪开的时候这些图案就消失了，幸福的感觉是短暂的。当我自己开始设计作品时，我仍然不知道该怎么做。
随着时间的推移，我意识到我并没有从日常的作品欣赏和搜集中思考和学习，就只是漫无目的地欣赏了其他设计师的作品。
渐渐地我发现了一种欣赏其他设计师作品的好方法，我会有意识地去总结记录下他们使用的想法和技巧，然后应用到我的日常工作。在本文中，我很想分享一些其他设计师用来处理配图的方法，这些方法可以使作品看起来更加专业。
一、使用图片作为背景（彩云说：这里的图片选择要突出核心内容且一定要高质量，不要选择杂乱无章或与主题无关的低质量图片。）
二、将图片于背景进行融合
（彩云说：结合页面表达需要，选择合适的配图并做融合或出界的设计，会让画面极具吸引力和强烈的设计感。）
三、将高质量的图片紧密的放在一起，不留任何间距
（彩云注：当画面主要以高质量图片吸引用户注意时，尽可能的利用更大展示面积，这样会显得更加高级和有视觉冲击力。）
四、在图片下方添加色块
（彩云注：这里的色块要注意跟图片的主色调保持相近，可以直接吸图片上的颜色然后找找邻近色就好了，色环上30°区间内的颜色就比较和谐。）
五、在图片下方/上方增加图案或形状
（彩云注：这里的形状建议不要太过于复杂，用一些基本图形就可以，比如圆点、方块矩形之类的，增强画面的形式感。）
六、在图片下方或上方增加文字、图案或不规则形状
（彩云注：这里的文字、图案或不规则形状跟上面的技巧类似，都是起到装饰的作用，但文字的话有时候还要注意识别性，比如文字比较紧凑的时候。图案或形状更多的是起到视觉引导的作用。）
七、将图片剪切到文字或形状中
（彩云注：这个很好理解，就是以文字或形状作为遮罩，增加画面的设计感，文字尽量选择粗体。）
八、在图片周围增加一个非常窄的边距
（彩云注：这个技巧可能跟第3条有些冲突，其实这2个方法都是可以的，要根据页面具体的排版情况灵活使用。）
八、在图片上增加颜色层
（彩云注：这个技巧也比较容易理解，一般会选择饱和度较高的颜色应用在充满活力的页面上，增加画面的冲击力。）
九、在彩色叠加到图片中的一部分上
（彩云注：这个技巧跟上面的有些类似，只不过是以小面积叠加的形式，颜色一般选择品牌色或主题色，与背景尽量有较大反差会更加容易出彩。）
十、将图片剪切成其他形状
（彩云注：这个方法有一点需要注意的就是剪切的形状不要过于复杂，一般用基础图形就好。）
以上，就是我总结的一些可以用来操作UI图片的实用方法，这些方法可以使得作品变得更加有视觉感也更加专业。
为我投票我在参加人人都是产品经理2022年度作者评选，希望喜欢我的文章的朋友都能来支持我一下~
点击下方链接进入我的个人参选页面，点击红心即可为我投票。
每人每天最多可投35票，投票即可获得抽奖机会，抽取书籍、人人都是产品经理纪念周边和起点课堂会员等好礼哦！
原文作者：Victor Adeyemo（本文翻译已获得作者的正式授权）
原文：https://bootcamp.uxdesign.cc/top-10-techniques-to-make-your-ui-images-pop-113ac366420d
译者：彩云Sky，公众号：彩云译设计；人人都是产品经理专栏作家，腾讯高级视觉设计师。
本文由@彩云sky 翻译发布于人人都是产品经理，未经许可，禁止转载
题图来自 Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
ui设计界面适配教程（UI配图不够有设计感）
2024-11-08 08:52:48 作者:噬魂血狼 网址:https://m.xinb2b.cn/life/ctx262237.html
- 超女海选奇葩搞笑（超女海选奇葩选手笑翻网友）
- 2024-11-08超女海选奇葩选手笑翻网友时隔多年，大型音乐选秀类真人秀节目《超级女声》再次回归，海选正在如火如荼的进行当中今年海选不仅有“地面唱区”，还增加了网络海选，通过摄像头，就可以和评委老师面对面，参与甄选而这种无门槛全覆盖式的海选，。
- 大型萨摩耶该怎么养（教你如何饲养萨摩耶）
- 2024-11-08教你如何饲养萨摩耶萨摩耶怎么养？这次个大家介绍一种叫萨摩耶的犬，狗性格聪明且文雅对别人友善，老人小孩都非常喜欢这种狗是天生的陪护犬可能大家对它的饲养方式不是很清楚下面就由小编为大家讲解下饲养的具体方法萨摩耶饲养十大要点。
- 郑州同城融合规划 4都市圈联动报道③
- 2024-11-08郑州同城融合规划 4都市圈联动报道③顶端新闻·大河报记者杜文育李思远郑许市域铁路项目昌盛路站王苹摄列车沿着繁忙的京广高铁飞驰，在高铁许昌东站的地下，还“藏”着另一座正在建设中的车站这里是郑许市域铁路在许昌的起点，4月14日，工人们忙着给。
- 生物学top期刊有哪些（统一生物异速生长的规模法则新理论）
- 2024-11-08统一生物异速生长的规模法则新理论导语生命遵循普遍的规模法则（scalinglaw），尤其是代谢过程，其典型是3/4次幂的异速生长律（克莱伯定律）生物利用能量进行生长和繁衍，所以能量代谢的过程和生物的生产过程应该被紧密联系起来在这一原。
- 致敬国漫我们终会站上巅峰（国漫路漫漫）
- 2024-11-08国漫路漫漫迪士尼的故事不好讲文丨海克财经许俊浩3月11日，知名IP“海贼王”所属公司日本东映动画，因遭黑客攻击不得不延缓多部作品制作及播出节奏的消息，迅速成为国内动漫圈热议话题同时被热议的，还有国产动漫的现状与。
- 黄日华五虎将一起走过的日子（无线五虎将结婚最早的黄日华）
- 2024-11-08无线五虎将结婚最早的黄日华或者，绝招同途异路但我知，论爱心找不到更好待我心，世间始终你好《世间始终你好》1983年，苗侨伟、汤镇业、黄日华、刘德华、梁朝伟五位当红小生，在无线台庆星光熠熠竞争辉中表演杂技，被称为“无线五虎”当时。
- 奶油水果蛋糕怎么样做好吃又好看（只要掌握好比例）
- 2024-11-08只要掌握好比例一提起奶油蛋糕，第一个想到的是什么样子呢？一般都是生日蛋糕，小时候每年最期盼的过生日，当然也少不了是期盼这一口香甜可口的奶油蛋糕，还有一种是被摆在甜品橱柜里的，它们一般都有着精致外形和不菲价格，味道嘛。
- 佳木斯江北万达广场最新房价（佳木斯苏宁全新升级）
- 2024-11-08佳木斯苏宁全新升级9月29日佳木斯苏宁万达店，商场环境、商品种类、购物体验将全面升级,新装亮相，耀世登场盛大开业！自2015年苏宁云商集团即与万达集团签署重要的战略协议，苏宁云店陆续进驻万达广场，万达为苏宁提供物业资源。
- 你是法盲吗（你是律盲吗）
- 2024-11-08你是律盲吗加拿大麦基尔大学和蒙特利尔大学研究人员发现了一种有趣的罕见症状——“律盲”顾名思义，就是对旋律没有任何感觉不要以为跳舞踩不上点就算“律盲”，研究人员发现，“律盲”人士在安静的环境下可以规律地打拍子，但。
- 体温计有实心的吗 你不知道的事一页手册
- 2024-11-08体温计有实心的吗 你不知道的事一页手册知道如何处理满地乱滚的水银球球吗？知道备孕时用什么测量基础体温吗？知道怎么成功装病不上班上手术吗？/雾然而今天我们完全不会谈论这些，着重普及基础知识：体温计回复「体温计」可查看本文P.S.戳百度经验“。
- 怎么让仓鼠信任你（如何让仓鼠信任自己）
- 2024-11-08如何让仓鼠信任自己开始买回来的前三天不要与仓鼠接触3天后，在仓鼠不在笼子里时用手搓搓它经常待的木屑，一天一次即可搓完木屑后，把食物放在手尖，要做好防被咬措施慢慢的引导仓鼠出来，不要着急触摸，先用食物让仓鼠熟悉自己的味道。
- 知舟电商天猫入驻的条件（天猫入驻资质及要求是什么）
- 2024-11-08天猫入驻资质及要求是什么天猫商城作为目前流量高且消费人数较多的平台，是商家发展线上市场的首选渠道此前知舟也为商家整理了无数天猫入驻的干货知识，例如入驻条件、入驻费用、品牌评估、初审复审等一些列问题，但还是有不少商家不是清楚，。