下面提供下载的压缩包里包含可安装的 Adobe Photoshop 和 Adobe Illustrator 调色板,以及一个介绍了如何给 Photoshop 安装.aco文件和如何给 Illustrator 安装.ase文件的Read-Me.pdf文档。Color Swatches - 0.13 MB (.zip)原文:Color Palettes 翻译:iceskysl 校对:PoppinLp
最新版本的 Roboto 字体能同时满足移动设备和 Web 页面的需求。Roboto Font - 1.21 MB (.zip)原文:Roboto Font 翻译:iceskysl 校对:PoppinLp
结构组件结构组件贴片包含组成布局的许多种不同元素,其中包括状态栏、应用操作条、底部工具条、卡片、下拉菜单、搜索条、分割线、侧滑导航、对话框和浮动操作按钮,以及它们的浅色、深色两种主题。Structural Elements - 1.2 MB (.ai)容器下载如下文件:Cards Stickersheet - 346.84 MB (.ai)Dialogs Stickersheet - 14.88 MB (.ai)Dividers Stickersheet - 111.
设备标准设备标准设备标准一整套关于估量、分辨率以及更多跨设备的全面资源https://design.google.com/tool/devices/
移动设备我们为移动设备提供了 10 种模版,你可以使用这些模版来规范设计。Layout Mobile Whiteframe - 2 MB(.ai)平板设备我们为平板设备提供了 14 种模版,你可以使用这些模版来规范设计。Layout Tablet Whiteframe - 3 MB(.ai)桌面环境我们为桌面环境提供了 4 种模板,每种都包含 4 个不同屏幕尺寸,你可以使用这些模版来规范设计。
一个良好设计的应用可以很容易本地化,只要使用例如英语从左到右读写的语言脚本,或者双向语言脚本。在双向脚本中,文本从右到左写和读,除了数字和来自 LTR 语言的词汇,例如非本地化的名称,是从左到右写的。双向脚本包括 Arabic,Hebrew 和 Persian。双向性不仅影响文本布局和 UI 元素,还影响图标图表。本节提供关于如何在设计中考虑双向性的基本高级信息。
可达性网站。
更新内容在应用里有两种更新内容的方法。较好的方法是用sync自动更新内容。Syncing 能保持内容自动更新,因为它不需要用户操作。另外一种,手动刷新需要用户通过动作或者手势启动内容更新。手动刷新提供同步的同时保持当前的滚动位置。例如在Gmail里检查新邮件。滑动刷新滑动刷新是一个滑动手势。
应用内搜索当应用内包含大量信息的时候,用户希望能够通过搜索快速地定位到特定内容。
图片载入图片载入在交错的期间,插图和照片可以在三个维度下载入和过渡,而不是只依靠透明度的改变。调节等级是为了达到曝光上的低对比度和颜色上的低饱和度。在最后的阶段,图片只有在透明度已经达到 100% 之后,才会达到一个全彩色的饱和度。较暗图像的低对比度的效果是伽马值的升高和黑色通道输出的升高组合产生的。
设置应用设置允许用户选择他们对应用行为的偏好。它们授予用户真实的控制感,并且避免用户被同样的问题反复打扰。访问设置由于用户并不需要经常使用设置,所以它们在 UI 中并不显眼。应用中访问设置时:在任何情况下,进入“设置”的按钮都应简单命名为“设置”。如果当前的页面支持左导航栏,那么把设置放在导航栏中除“帮助及反馈”外的所有按钮的下方。
浮动按钮浮动按钮是一个改进操作的一个特殊例子。它有一个浮在整个界面之上的图标,并且在改变、启动、转换锚点时有特殊的动作,这使得浮动按钮与其他的按钮区别开来。 浮动按钮的大小有两种:默认大小的和迷你版的。迷你版的浮动按钮只应在需要和屏幕上的其他元素产生视觉上的延续性时使用。 相关内容不是每个界面都需要一个浮动按钮。
滚动基于模块化设计滚动的动作的时候建议用模块去思考,但只是一种思考模型而不适合用视觉的形式去表达。
导航过渡是一个应用中状态之间的切换,例如从一个高层级的页面切换到一个具体的页面。最主要,但不是全部,过渡在本质上是层级。这些转变应该合适地展示用户浏览一个应用的每个状态。父元素到子元素兄弟元素到兄弟元素父元素到子元素查看一个应用的更深的层级或者页面,是从父页面开始的。在父页面上会有很多的子页面可供用户浏览,这些都是父页面的子页面。
层级一层级二三层级或者更多层级一标签只有单层导航的产品可以在顶层使用基于文本的标签。为了避免滚动,设置一个三到四的水平标签最大值。带有两个标签菜单的手机示例带有三个标签菜单的手机示例平板上,标签宽度和对齐方式由屏幕尺寸、方向以及菜单数量决定。标签可以全排也可以固定,可以居左、居中或者居右。查看标签以获取更多信息。
抽屉式导航是Google应用程序中一种常见的模式。抽屉导航从左侧滑出,它遵循列表的关键设计线和标准。 排版样式字体,字号,颜色: Roboto Medium, 14sp, #FFFFFF Roboto Regular, 14sp, #FFFFFF 列表项: Roboto Medium, 14sp, 87% #000000 副标题: Roboto Medium, 14sp, 54% #000000。对其到16dp关键设计线。
加载图片加载图片插图和照片可以在排列时以三种相位进行加载和转换,而不仅仅依赖于透明度转换。结合透明度、曝光度以及饱和度变化来满足你的需求。曝光度为低对比度以及低饱和度进行调整。一旦透明度达到 100%,会达到全色饱和度。低对比效果结合 gamma 和 black output(专为黑色图片)的转换。
启动屏幕是一个用户对你应用的第一体验。启动页面类型占位 UI品牌启动页面启动页面类型启动页面是用户对你应用的第一体验。启动应用时,如果显示一个空白面板,会增加用户观察到的加载时间,考虑使用占位符 UI 或者一个品牌加载页面。占位 UI 是最无缝的加载转换——适用于应用加载和应用内活动切换两者。品牌启动页面提供了短暂的品牌曝光,让 UI 聚焦于内容上面。
手势手势控制分为触发动作(Touch Mechanics,用户手指在屏幕上如何动作)和触发行为(Touch Activities,界面上特定动作在特定情境下引发的结果)。这是因为同样的触发动作(如单次触击)在不同情境下可能会带来不同的结果(如轻触,取消,开启/关闭指示),同样单次触发行为(如放大)可能是由多种触发动作(如捏放,双次触击,双次触击拖拽等)实现。
项目选取虽然强烈建议对列表和网格容器支持多项选择功能,但在下列情况时这并不是必须的:唯一的操作仅仅是针对单个选项(例如电话号码列表中,拨号就是唯一的操作,且只针对一个号码)在执行环境中很明显的表现为单项操作(例如在 Android 的主屏上移动图标)在初始化选择时,可以通过拖拽手势来选择多个项目,从而代替长按和双指点击。
关注时代Java