资源描述：
《界面设计中素材的处理技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、界面设计中素材的处理技巧用科学合理的方法找到最合适的素材UI设计中，除了界面整体的布局，还有一些图标、插画的设计，大部分都是素材的填充，而这么重要的部分往往被设计师所忽略。对于素材的随意挑选，殊不知选图的技巧和方法有很多,众多素材中如何找到我们心仪的配图呢？这就是今天要和大家分享的主题,用科学合理的方法找到最合适的素材。一、选择配图的常见错误在为产品寻找配图素材时，是一个长久过程。所以素材的运用即能帮你提升界面的效果，也能拉低界面的效果，很多设计师不在意选材的重要性，往往（UI设计学习交流群:953439796）因
2、为配图后界面效果还不如原型图看起来规范好看。下面我总结出三个方法可以提升配图的效果。素材与用户预期素材与主视觉叵］素材与素材的区别1、素材与用户预期：不真正调硏产品的用户群里和心里。搭配的素材必然达不到用户预期。每款产品的使用人群是不同的,我们的素材配图要符合产品使用人群的预期。如下图：是一款有关于售车的界面效果，此项目的用户的目标已经确定，主为高端用户，我们来看看左右配图的区别。9:41ExploreqPopularSeeallPopularSeeall符合用户预期不符合用户预期左图中我们在找配图时如果不能保证对
3、高端车的认知,必然会有低端车的产品图的出现，由于不符合产品的使用人群，给用户造成心理落差；而右图则是我们了解高端车后的选图，内容是符合用户心理预期的,同时通过配图再次提升产品的逼格。PS:我上面说到图片内容的心理预期与用户不符,其实在关于选图上，也是存在这个问题的，例如左侧是通过百度找到的素材，不够精致，无法提高界面的整体效果，而右侧则是在站酷海洛找到的素材：进行maw■maxog畑□点壬負制車矗州址0fins片标准授权扩展授权DO大图6836x34185788cmx2a94cm(3008)□於中EB1000x50
4、03528cm*17.Wcm(72O>)□8d'ffi500x25017"号329737817RjwrpaolcomJPG大IB可轩*KXIM文#大小的66.8MB立刻下载正片•9IK/&枚希/>1/舍間冏曲加入清单SportCarVehicleTransportation3DIllustrationConcept站酷海洛只要进行裁剪，缩放比例即可使用，界面整体档次也提升很多。2、素材与主视觉：说到主视觉,就先要说说有（UI设计学习交流群:953439796）关颜色的归类，颜色主要
5、分为暖色系，冷色系和中性色系三种,在界面中不同的颜色可以带来不一样的感受，如果不理解主视觉所要表达的感受,便找不到合适的配图,无法提升界面效果。所以我们在选择配图时一定要追寻界面的主色系所以传达的情感。如下图：左侧是以冷色为主的直播界面，右侧是以暖色为主的产品详情页。你不暹真正的快乐BrightyellowbasesweaterBIS的小事★★★♦★189Reviews主播视频不符主视觉DetailsADDTOCARTODERNOW符合主视菟左图由于忽略了主视觉的关系，配图为颜色过多，页面整体表达出来的情感不够直观
6、，无法产生共鸣。右图中我们通过控件可知主色为暖色系,选择同色系的素材进行搭配,通过素材和主视觉的完美搭配才能明确传达产品想要给用户的感受。3、素材与素材:这是最容易出现的错误，我们通常只关注于素材的整体感觉,反而忽略同类素材之间的差异,不是所有的同类素材者阿以放到一起来用的,我们还要注意素材与素材内容的差异化。如下图：左图为一款外卖食品列表的效果图，右图为商品列表的效果图，大家可以分别感受一下左右两侧的哪个更舒服些。▼/■12:30<-RestaurantnqNearby▼■9:41.ill«■Q三WholeNet
7、workDesignxFood42Reviews42QBelgium1.5kmSousBeurreKitchen9BelgiumGaryDanko42Reviews2.2km9B^gium•••42ReviewsFoodThought2.9kmFoodThought42Reviews9Belgium2.9kmSorting»Sales:Price•Discount8iShortsleevedfemalein...78%OFFSales6457J$42.9Shortsleevedfemalein...eO%OFFSa
8、les53437$112342Shortsleevedfemalein…86%offSales143532$64.9tVoucherVoucherVoucherSEARCH素材与素材统一素材与素材不符左图中列表的素材与素材的内容是不同的，虽然都是食物图，但有的是实物,有的是适量图，给人的感觉是不同的，这也是大家总是觉得哪里不对，却又说不岀来的问题。再看右图中
