美文网首页
第5质感的通用层,平台层,业务层

第5质感的通用层,平台层,业务层

作者: 咦咦咦咦一二一 | 来源:发表于2022-07-14 17:21 被阅读0次

5. 质感

作为物体材质给人带来的感受,在界面设计中常指视觉表现模拟真实物体的效果,效果越强质感越强。材质、纹理和光影是构建质感的关键元素。

5.1 通用层:移动界面的质感

在通用层,按质感强弱可分为:拟物、新拟物、半扁平、扁平。设计师需要依据产品功能选择适合的质感

拟物、扁平和半扁平

拟物之所以发展为扁平,是因大众审美,信息降噪等因素,而引发的设计趋势;扁平化是基于极简的设计理念,以信息最大化为目标的设计趋势;但随着互联网产品越来越趋同,质感的应用又悄然而生,半扁平化进入大众视野。

新拟物的兴起

在反趋同的趋势下,诞生了「Neumorphism」新拟物。比起半扁平,新拟物通过模拟光效,利用阴影参数显出物体的厚度,除了dribbble上的概念方案,现应用于音乐、遥控类的产品设计中。

5.2 平台层:组件质感

在平台层,质感常作用于控件和组件容器上,为突出起可操作性。

应用于按钮的光影:按钮的光影是模拟光照射在纯色按钮上形成的渐变效果,这种真实感使设计更贴近用户,增加吸引力和点击感。

应用于遮罩的毛玻璃质感:遮罩用于区隔交互控件前后模块,常通过毛玻璃效果提升页面的品质感,并起到拉开层级,强调视觉重心的作用。

5.3 业务层:图标质感、背景质感

在业务层,因业务特殊性,可通过增强质感表现,提升业务感知和吸引力,常应用于业务图标和背景。

图标质感从抽象到写实:区别于系统图标的简单性,业务图标在吸引力和信息传达上有更高的诉求,因此业务图标的质感表现有更多的发挥空间,可根据业务的细化程度,选择半扁平质感、拟物质感或者实物质感。

背景质感的定义与应用:背景质感可以理解为背景的纹理,常用于营销设计场景中,帮助增强氛围提升业务感知,常用的纹理有自然纹理和创造纹理。

相关文章

  • 第5质感的通用层,平台层,业务层

    5. 质感 作为物体材质给人带来的感受,在界面设计中常指视觉表现模拟真实物体的效果,效果越强质感越强。材质、纹理和...

  • app架构思考

    一、整体构架 整个APP架构上从上到下分为三层,独立于APP的通用层,通用业务层,业务层。业务层用来处理上层业务,...

  • iOS端APP架构设计心得

    一.整体架构 整个APP架构上从上到下分为三层,独立于APP的通用层,通用业务层,业务层。业务层用来处理上层业务,...

  • 【6布局】的通用层,平台层,业务成分析

    6. 布局 布局是指界面设计过程中,基于规律的结构网格,将视觉元素进行有序排列的过程,使产品界面在不同平台不同屏幕...

  • 2022-07-04图形

    20220704分享【4图形】通用层,平台层,业务层 4. 图片:作为界面设计中的常见元素,图片通过展示丰富的画面...

  • 达到自我实现级别的爸爸

    马斯洛需求层次理论说人的需求分为5个层次,第1层生理层,第2层安全层,第3层情感层,第4层社交层,第5层自我实现层...

  • 定位引擎产品框架说明文档

    定位引擎产品由上至下分为四层,编码实现层、场景应用层、通用算法层、数据采集层,以及测试平台 编码实现层 主要工作:...

  • iOS网络层业务层-dianping api 业务层封装

    1.面向通用网络工具类开发 参数是字典对象目前的请求参数是面向字典在开发字典的key容易写错 返回值是JSON对象...

  • iOS开发涉及的架构&框架

    客户端整体架构 1 独立于App的通用层(时长统计 网络请求 )2 通用业务层(本公司通用的组件等)3 中间层(用...

  • DAO设计模式,学习笔记

    理解分层 前台:显示层和控制层 后台业务层:业务层和数据层,int ,double等业务层用基本类型,数据层用包装...

网友评论

      本文标题:第5质感的通用层,平台层,业务层

      本文链接:https://www.haomeiwen.com/subject/dekfirtx.html