唐老鸭

在规划中,常常需求用到图片,怎样挑选一个适宜的图片表达自己规划的主题适当重要,期望这篇文章能给你一些启示。

 

 前语 

现在咱们许多产品规划场景中,许多当地都需求用到图片,一张图片有时分胜过千言万语,图片能够捕捉用户的注意力,一起能加强规划的整个规划气氛,它不仅仅是装修,好的图片能带来好的规划体会。

 

准则 

图片运用必定要能激起和招引用户的,但并不是一切图片都能够都能改进体会,有些仅仅为了占位符号,或许用欠好的状况下反而会起到相反作用。

 

准则1:传递的信息有必要精确

页面中运用的图片必定要和自身场景相关,有很强联系的图片,确保和内容相互照应,运用的好,它能够使得用户更好的了解界面功用表达。

▲ 飞翔地理位置选用目的地图片

▲ 电影概况介绍布景气氛运用电影截图

▲ 目录挑选,用比较契合类目的图片让人更简单了解

 

准则2:有必要友爱 

图片除了在资讯,信息功用页面展示,一起在页面功用空白页时也呈现频率很高,所以图片的表达必定要友爱,一起能去引导用户下一步怎样操作。

 

准则3:图片不要过度

具有招引力图片当然是能够提高全体视觉感触和体会,有时分还需求去强谐和引导功用,所以在运用图片时分,图片不该该有过多的视觉焦点去影响用户,不能过度。

▲ 图片布景气氛太多,搅扰元素太强,让咱们彻底疏忽了2个最主要的按钮操作

 

准则4:只要一个焦点

运用图画规划时分,必定要注意只要一个视觉焦点,明晰的一望而知传递信息和要表达的内容,假如缺少焦点的图片是毫无意义。

▲ 图片来历:Material Design

 

准则5:高分辨率,无失真

确保图片的高分辨率习惯不同的渠道,头像不能呈现紧缩和拉伸的状况。

▲ 图片来历:Material Design

 

准则6:图片上放文字处理技巧

假如是叠加黑色通明度,黑色通明度值最深处控制在60%。

▲ 图片太暗,影响了全体图片质量

 

Material Design怎样做的?

关于图文处理的技巧,现在比较常见的有以下这些,之前咱们析概括过,再来回忆下:

 

1.黑色突变蒙层

图片上叠加70%-0%突变,突变高度依据内容而定。

 

2.图片上叠加色彩

图片上叠加10%左右黑色,确保文字能辨认明晰,一起不影响图片质量。

▲ 图片上叠加黑色

 

3.文字加投影,图片上留洁净区域

1.产品图片需求留文字当地图片规划比较洁净;2.文字运用投影处理

▲ 对产品图留出空白

▲ 文字加投影

 

4.突变五颜六色趋势

图片上叠加五颜六色突变蒙版,这样规划产品愈加时髦。

▲图片上叠加五颜六色到通明突变,凸显文字一起传递个性化和品牌色

▲图片上叠加层色突变,运用几何图形,能很好营建产品规划个性化

▲运用带色彩的蒙版遮罩

 

 规划定论 

在运用图片作为页面气氛,布景时,必定要环绕功用所表达的意义去挑选图片或许图形,运用它们时,能够去发明沉溺式的故事,上下文的感觉,并终究人性化的协助用户去阅览体会,让图片协助咱们在规划中到达最佳作用。

 

原文地址:咱们的规划日记(大众号)

作者:sky

转载请注明:明升m88.com网 » 一篇短文,了解规划中图文处理悉数套路

登录保藏
 
你或许喜爱的:
UI规划组件-文本框/输入框(上)UI规划组件-文本框/输入框(上)
B端产品 — 浅谈Atlas规划思路B端产品 — 浅谈Atlas规划思路
关于漆黑方式的规划,除了IOS13的做法还有这些!关于漆黑方式的规划,除了IOS13的做法还有这些!
数据提高背面的3个问题点数据提高背面的3个问题点
网页栅格系统究竟应该怎样用网页栅格系统究竟应该怎样用
UI规划组件-按钮UI规划组件-按钮
开发协作-切图类别与标准开发协作-切图类别与标准
怎样构建规划言语怎样构建规划言语
标准化入门交互规划标准化入门交互规划
规划言语 - 表单/其他表单(含表单附件)规划言语 – 表单/其他表单(含表单附件)