2022-07-04图形

20220704分享【4图形】通用层,平台层,业务层

4. 图片:作为界面设计中的常见元素,图片通过展示丰富的画面效果,传达产品信息。

4.1 通用层:移动界面的图片。在通用层,根据输出格式分类,设计师需要根据其特点,考虑图片的加载速度对用户的影响。

图片的格式及特点:

图片使用后端下发的形式以减轻安装包的负担,但图片的下载依然需要注意内存不能太大,常见有以下几种图片格式:

4.2 平台层:头像、商品图、产品配图

在平台层,图片按使用场景分为头像、商品图、产品配图等,设计师需要考虑形状等参数和图片传达信息的相关性,掌握其制作规范和用法。

根据用户特征选择头像容器的形状:

头像用来展示用户的身份信息。

设计师常通过容器区分用户身份,常见容器一般为圆角矩形或圆形,两种样式存在一些微观差异,可根据实际情况选择。

商品图的制作规范:商品图用来传递商品的图像信息。商品图由于配置方不同,较灵活,设计师可通过制定规范保障商品图和品牌视觉语言的一致性,以及商品信息传达的有效性。

产品配图的使用方法:

产品配图指产品中用来增加情感化内容的表达,帮助产品提升用户友好度的图片。

产品配图一般用于以下几种场景:1空态配图、2加载配图、3挽留配图等。

产品配图通过情感共鸣缓解用户消极、焦虑和不满的情绪。

4.3 业务层:营销配图

在业务层,按使用场景,常见营销配图有头图、banner等,设计师需了解其应用技巧。

营销头图的设计方法:头图是指某个营销页面,或者营销弹窗的头部的主视觉,该图片通常引领整个页面的风格感知。

营销设计重在创意,依赖于设计师的灵感,但是依然可以寻找一些方法和依据。

Banner的设计方法:(好多人不会做,多看看

Banner是穿插在页面中的一个橱窗图片,用来展示运营内容的一种图片形式,起到分流作用。可以通过以下方式提升吸引和点击:

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 12,850评论 2 59
  • 目的:UI设计的目的是为了更好服务用户;能让用户快速完成自己的目标; UI设计的发展趋势:全链路和复合化的设计人才...
    quantre阅读 11,110评论 9 83
  • 水槽定位法(0.618) 间距排版的应用方法,开发者的box,镶嵌原则,统一数值反复利用。 eg:间距1: 30p...
    好妹妹mango阅读 6,403评论 0 30
  • 原文:UI头条 建立设计规范的好处:1 保证产品设计的一致性。2 提高开发的效率。3 方便产品的迭代优化。 一、开...
    混沌小肉团01阅读 8,064评论 3 86
  • 每天进步一点点点点点点点点点点点点点点点点点点点点点点点点点点点点点点~~从开始只能写几句话、模仿别人的观点,到现...
    一个帅气的名字呀阅读 18,184评论 4 31