飞特网

  • 飞特网官方微博
  • 飞特网微信公众号
飞特网赞助商广告

UI设计中的三维设计法

love宝贝发布于:2019-4-15 14:50 |原作者: ChrisIce
简介: 随着当今越来越多的信息需要被展示、曝光,而移动设备的屏幕空间又有限,为了减少用户在使用应用时的跳转,减少用户的路径,设计师们开辟了第三个维度——即在 z 轴上展示叠加的分层动效进行交互表达,从二维到三维,这样更能有效利用手机屏幕上的有限空间,这也是以后界面设计 ...
飞特网赞助商广告

版权申明:本文出自“ChrisIce”原创,感谢“ChrisIce”的原创文章分享!

UI设计中的三维设计法 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

随着当今越来越多的信息需要被展示、曝光,而移动设备的屏幕空间又有限,为了减少用户在使用应用时的跳转,减少用户的路径,设计师们开辟了第三个维度——即在 z 轴上展示叠加的分层动效进行交互表达,从二维到三维,这样更能有效利用手机屏幕上的有限空间,这也是以后界面设计的大趋势。

UI设计中的三维设计法 飞特网 设计理论

这个思维方式最早是在安卓的MATERIAL DESIGN语言上体现出来的。(以下简称MD)

UI设计中的三维设计法 飞特网 设计理论

Depth(深度):

Material Design UIs are displayed in an environment that expresses three-dimensional (3D) space using light, surfaces, and cast shadows. All elements in the Material environment move horizontally, vertically, and at varying depths along the z-axis. Depth is depicted by placing elements at various points along the positive z-axis extending towards the viewer.On the web, the UI expresses 3D space by manipulating the y-axis.

UI设计中的三维设计法 飞特网 设计理论

在MD的设计规范中,用Depth来说明界面设计中的深度,既而在界面设计中引入了Z轴的设计思维,将界面设计由二维设计引进了三维设计思维的地带。MD通过抽象化纸片在物理世界中的形态,定义除了各种信息层级以及常用状态的表达方式。

UI设计中的三维设计法 飞特网 设计理论

UI设计中的三维设计法 飞特网 设计理论

UI设计中的三维设计法 飞特网 设计理论


123下一页
1

好评

差评

刚表态过的朋友 (1 人)

love宝贝
上海市 徐汇区 平面设计师
+ 关注 私信
  • UI设计中的三维设计法
  • 电商版式设计常用的9种形式
  • 设计师得了拖延症怎么办?

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

设计,从飞特开始
关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|加入我们|举报|飞特网旧版| 飞特网