分享网站建设知识
推动网站应用价值

提供短小精焊并有价值的建站知识分享。

设计中配图贴合主题且规则明确
2019-09-17 15:23:10

无论是落地设计还是概念设计都离不开配图,尤其一些图片为主的产品其配图同样是需要精心挑选的,因为配图的质量可以直接影响整个产品的格调。

 

关于配图的选择是否合适,这里我给出4个评测的标准供大家参考,即“色调”、“清晰度”、“复杂程度”、“角度深浅”。

 

 

色调指的是图片冷暖倾向与产品主色是否符合,当然不一定所有的图片都需要与产品主色一致,最起码百分之80的图片色调都要符合产品的色调,其中百分之20可以起到点缀页面,平衡画面的作用,不至于让页面的色调太过极端化;

 

清晰度就不再多做赘述了,选图一定要高清,模糊的图片本身就很难给产品赋予品质感;

 

复杂程度则代表了图片中元素的复杂程度,一般选图不宜过于复杂,因为长时间的浏览复杂图片会让用户过早的出现视觉疲劳感;

 

最后是角度深浅,除了图片的拍摄角度要尽量一致以外,图片的景深也尽量一致,特写的图片的话就尽量都是特写,远景的话就尽量都是远景。

 

遵循以上4个选图技巧会让页面整体更统一和谐,产品品质感更高。

 

以一个家居电商类产品的首页为例,主色为黄色,产品风格的关键词为“极简、清新、安静、温暖。”

 

 

打开站酷海洛,根据图片的关键词搜索,结合产品的格调筛选,最后将挑选的图片以选图四大原则进行衡量,确保色调统一、图片高清,复杂程度统一,角度深浅统一,最终效果如下图。

 

 

 

除了基于选图四大原则之外,又根据板块的相似性原则,相同板块的图片角度保持一致,不同板块的角度加以对比防止页面视觉单调,图片迎合产品主色柠檬黄,头图加以对比色给页面增加活力气息。

 

 

 

< 考虑多种状态 >

 

静态页面同样需要展示出界面的交互情况,比如同一个页面中可以显示3个列表,其中1个列表就可以显示点赞后的形态,或者说当前的列表可以左滑删除,那么就需要将左滑后的页面进行展示。

 

将页面中所有的细节交互展示出来可以给页面增加生命力。不要将页面设计成为起始状态,而应该是有用户正在使用的状态。

 

比如下图,页面正在筛选与正在加载的状态都尽量考虑到并且展示出来,也可以让概念设计更具细节与思考。

 

 

 

概念设计与落地设计在很多方面都是互补的,比如概念设计不能完全概念,同样需要考虑交互逻辑是否合理,显示规则是否合适,只是交互形式与表现形式可以尝试打破规则的创新。

 

交互形式与表现形式相比来讲就是感性的,交互逻辑与显示规则就是理性的,与落地设计的区别就在于感性与理性的比例问题。

 

概念设计的感性层面可能占到70%,而落地设计的感性层面可能只会占到30%。

 

正如标题所讲,设计应该是先感性的放飞,然后理性的收回。不要拿自己上限去拼别人的下限,概念设计可以极大的锻炼设计者的思维方式,未来一定是设计驱动技术,技术改变世界

分享该编文章:

免责声明:本站部分文章由本网用户编辑转载并发布,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容![声明]本站文章版权归原作者所有 内容为作者个人观点 本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。

相关资讯: