国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

银河网上开户: Material Design Rally

发布时间:2019/09/19标签:   APP设计      Material Des    点击量:

原标题:银河网上开户: Material Design Rally
组件   类别   属性    
​​

银河网上开户: Material Design Rally

​​

Rally使用标准缓动和时长进行导航过渡,以保持流畅的动效风格。

​​

银河网上开户: Material Design Rally

​​

银河网上开户: Material Design Rally

当三个图表出现在同一个屏幕上时,每个图表都使用主题中的两种颜色:

排版

桌面上的轨道导航

排版

字体
填充的文本字段属于小的形状分类。它们的拐角是圆角。

父子层级过渡

在桌面和平板电脑上,Rally使用轨道导航。

​​

银河网上开户: Material Design Rally

过冲用于重要的对话,以传达紧迫感。

布局

标签

​​

银河网上开户: Material Design Rally

选择标签使用同级导航过渡。

​​

银河网上开户: Material Design Rally

Rally在桌面上的导航

对话框用于提供高-优先级的消息。

用户界面紧凑而直观,并以排版,颜色和形状为重点强调。


需要提高可见性的高-优先级消息使用snackbars和对话框表示。 它们不包含图标,并使用Rally的颜色和排版进行自定义。

这款无衬线字体缩小了字间距,在屏幕上保持清晰可辨,其紧凑的尺寸使适合Rally的密集布局。
在平板电脑上,Banners出现在右上角,直接出现在菜单导航后。
Rally在移动设备上的标签导航

​​

银河网上开户: Material Design Rally

Rally使用响应式网格系统,该系统具有灵活的列和内间距,可以调整大小以适应任何屏幕宽度。

启动页面

Eczar

过冲

颜色主题

轨道

卡片属于中等形状分类。它们的拐角是圆角。

小组件

在移动设备上,Rally使用自定义标签在各个部分之间导航。

数据表格   大型组件   字体尺寸   切角

非自定义的标签

组件   类别   属性    

这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共近百篇,欢迎关注哦。

银河网上开户: Material Design Rally


Rally是一款个人理财应用程序,它使用材料设计组件和材料主题来创建具有数据驱动美学的品牌体验。​​

组件

中等组件

组件

银河网上开户: Material Design Rally

带有“P”的圆形样本表示样本为主色

​​

银河网上开户: Material Design Rally

第三个信息图使用:紫色和蓝色

各种财务视图
Eczar的字形

小组件

​​

银河网上开户: Material Design Rally

snackbars和对话框
颜色

​​

银河网上开户: Material Design Rally

​​

银河网上开户: Material Design Rally

当出现对话框时,它后面的模糊半透明遮罩的面板表示对话框的重要性高于UI的其余部分。

缩小至75%

卡片和列表

0dp;0dp;0dp;0dp  

第一个信息图使用:浅绿色和深绿色

形状

字体比例

Rally旨在以可管理的方式显示大量密集组织的信息。 通过交叉引用和调查信息,帮助用户识别所呈现数据中的模式。

​​

银河网上开户: Material Design Rally

​​

内容分为与个人财务相关的几个部分,例如账户、预算和账单。 Rally主页的目的是跳转到不同的部分。

第二个信息图使用橙色和黄色

开立帐户使用父子导航过渡。 在背景内容上使用精简缩放动效来增加深度感。

海拔

产品架构

Rally的信息架构具有层次结构,允许用户通过多种类别查看他们的财务状况。 财务概览提供此类别的最通用版本,个人交易是结构中最详细的类别。

没有字母的圆形样本表示样本是附加的颜色

桌面,平板电脑和移动设备上的Rally

Rally颜色主题中六种颜色的扩展调色板:

大型组件
Eczar 和Roboto的对比

小组件
图标
​​

银河网上开户: Material Design Rally

在轨道中,每个目的地都由一个唯一的图标表示。 选择某个部分后,它的图标会变亮,并显示章节。
标签用于在移动设备上导航

Rally’s的形状分类

版权信息Copyright © 银河官网 版权所有    ICP备案编号:鲁ICP备09013610号