- 5
- 0
- 约4.88千字
- 约 10页
- 2021-11-19 发布于湖南
- 举报
设计师必看的线上图片使用攻略_产品设计_鸟哥笔记
公众号改推动机制了,以后可能收不到咱们的消息了,不想错过优质的免费资源分享,请点击左上角蓝字黑狮力,然后按下面步骤,设置星标就可以优先推送了,谢谢大家的支持。
目录
1-线上图片的四大类别2-线上图片常见的五种处理方式3-线上图片使用的五大要点
一、线上图片的四大类别
1、 信息图片:
在页面中单独存在的图片,以图片为主要元素传达给用户有效信息。例如好好住APP,它在“看图板块”中就使用了信息图片,重点表现图片的信息,周围无任何干扰元素或辅助信息元素。
2、 背景图片:
背景图片可以用于单个元素,也可以用于整体画面,主要作用于营造氛围。单个元素:例如嘀嗒出行的“优惠券板块”,把插画图片应用在单个卡片中。
整体画面:例如网易云音乐的“听歌页面”,它就把歌曲封面的图片作为页面整体的背景。(图片进行了模糊处理)
3、 Banner图:
作为导航入口,引导用户点击进入详情页面,在各应用都普遍使用。
Banner图作为最常见的图片使用形式之一,大家再熟悉不过了,它可以出现在APP中的各个界面中,如:首页、个人中心、运营活动页等等,造作新家APP的首页就用到了banner图。
4、 信息配图:
作为文字的辅助元素,图片的含义需要和文字相符合才能更好地辅助传达文字的意思,反之会让用户觉得困惑。
二、线上图片常见的五种处理方
您可能关注的文档
- 设计规范 - 详解组件控件结构体系:加载类_产品设计_鸟哥笔记.doc
- 设计规范 - 详解组件控件结构体系:空数据类_产品设计_鸟哥笔记.doc
- 设计规范 - 详解组件控件结构体系:提示类_产品设计_鸟哥笔记.doc
- 设计规范 - 详解组件控件结构体系:网络异常类_产品设计_鸟哥笔记.doc
- 设计规范 - 详解组件控件结构体系:引导类_产品设计_鸟哥笔记.doc
- 设计进阶:设计方案如何被量化验证?_产品设计_鸟哥笔记.doc
- 设计师,该如何带团队?_产品设计_鸟哥笔记.doc
- 设计师,该有的自驱力。_产品设计_鸟哥笔记.doc
- 设计师,如何高效同步方案?_产品设计_鸟哥笔记.doc
- 设计师,如何运用产品思维制作「个人简历」。_产品设计_鸟哥笔记.doc
原创力文档

文档评论(0)