联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui用户界面设计的图片样式效果有哪些,ui用户界面设计的三大原则是什么

Time: 2022-02-24

     界面设计是现在ui设计的重点内容之一,想要让用户关注和使用,界面设计是第一个接触点。今天就让faceui为大家介绍ui用户界面设计的图片样式效果有哪些,ui用户界面设计的三大原则是什么。

  ui用户界面设计的图片样式效果有哪些

  在这个快节奏的时代,相比文字,图像的传达效率会更快、更高、更有助于用户轻松理解及记忆。配图用的好,往往能起到决定画面基调、流程引导、视觉平衡等关键作用,所以,在同等样式的布局下,因图片的使用及处理方式的不同,界面的品质也会存在较大的差异。

  1、图片遮罩

  因图片的色彩变化不规则,为了保证图片上层文字的可读性,通常会在文字区域加一个纯色遮罩,也可设置不透明度的渐变效果,使遮罩跟图片的过渡更加协调,提升视觉美观度。

ui用户界面设计

ui用户界面设计

  2、毛玻璃(背景模糊)

  毛玻璃效果通常出现在应用的2、3级页面,对应用性能会有一定的消耗,一般使用封面图片进行大幅度的高斯模糊作为背景使用,可在上层加上一定透明度的蒙层配合使用,透明度数值根据不同的图片色彩及使用场景适当的调整。毛玻璃效果既能满足文字内容的清晰呈现,又能提供场景氛围并提升界面的品质感与神秘感,我们最熟悉的当属音乐播放页面的背景模糊效果了。

  3、抠图+纯色背景组合

  对于自营平台,内容较为固定的商品页面,可将商品抠图后自定义背景,让界面的整体设计风格可控,延展性更高。不适配平台类型应用,因为会让商家产生较高的运营成本。

  4、圆角设定

  图片圆角值设定,能体现出不同的产品属性及气质。例如:直角比较硬朗,给人高冷、力量的感觉,小圆角传达出安全、专业的属性,而大圆角显得活泼、可爱,更有亲和力。

ui用户界面设计

ui用户界面设计

  5、图片出界

  图片出界常用于运营设计,例如图片轮播、胶囊banner、专题页等,另外,经抠图处理过的图片也可用在商品详情页顶部图示。这种效果能有效避免呆板,营造出画面氛围,制造出更强烈的视觉冲击力。

  ui用户界面设计的三大原则

  1、置界面于用户的控制之下。

  2、减少用户的记忆负担。

  3、保持界面的一致性。

  从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系,所以这样可分为3个方向,他们分别是:用户研究、交互设计、界面设计。

  以上就是faceui为大家介绍的关于ui用户界面设计的相关内容。ui设计包含的内容很多,但是要紧紧围绕这三大原则进行设计,才能让这ui设计界面得到用户的认可和肯定,从而为用户提供更多地体验和使用感受。

合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开