第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

为Android和iOS设计|两个平台的故事(2)

时间:2017-11-07 10:06来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
4.导航也许iOS和Android平台最大的区别在于导航。Android上的主要导航模式是一个抽屉菜单。Android用户自然会选择这个菜单项目,并且在整个体验中,它往往

  4.导航也许iOS和Android平台最大的区别在于导航。Android上的主要导航模式是一个抽屉菜单。Android用户自然会选择这个菜单项目,并且在整个体验中,它往往是无所不在的。苹果的指导方针更倾向于位于屏幕底部的标签栏,并允许轻松访问应用程序的顶级区域。当您决定应用程序的顶级架构时,可以为两个平台规划两个单独的菜单。

  正如你在这里看到的,有两种导航模式:Android的抽屉菜单和iOS的标签栏。在处理个别视图时,隐藏导航层有时会更容易。

  5.卡片,不是?卡片正在成为数字设计的主要UI模式。它们是多功能的,并且允许用户以适合移动行为的方式快速消费内容。从视觉上看,卡片非常适合Android的材质设计(受到纸质的启发)。在卡片之间使用阴影和合理的排水沟会自然地创造一种本地的外观和感觉。

  在iOS上,使用卡需要更多的关心和考虑。即使像Facebook和Pinterest这样的大型应用程序也会使用与iOS指南略有不同的方式使用卡片。iOS指南建议在透明胶片和叠加层中使用深度,但基本视图通常更平坦。Instagram使用完全平坦的设计风格,尽管每个帖子可以被视为从建筑的角度来看卡片。值得一看的是,在iOS风格下,Instagram如何获得相同的组件感受。如果你要在iOS上使用卡片,使用任何阴影都要非常温柔,尽量保持它们的微妙。

  6.版式iOS上的系统字体系列是Helvetica Neue。在Android上,它是Roboto。虽然字体的风格明显不同,但字体的度量十分相似。如果您节省了时间,您将足够安全,只需使用一个,但可以与开发人员沟通,为系统实施正确的字体。当处理重要的布局和字体大小的极值时,建议至少用两种字体测试版式。

  如果您想要多走一步,您需要再次关注每个平台上的排版和布局约定,再次参考上述指南。几个概括:

  a: Android Material Design在布局中使用充足的空白区域 b: 在材料设计中还有更多的字体大小的使用。大量空间的标题提供了层次结构 c: 在iOS上,尺寸的变化不大。但字体权重的变化稍微有点多,这仍然允许您创建 一个层次结构。 d: 通常,这两个平台在字体系列中使用较轻的权重。但是,在下面的例子中, Android设计使用了Roboto的轻量级和常规权重,iOS设计使用了Helvetica Neue的粗体和常规权重。

  这是一个非常简单的例子,强调即使以简单的方式,印刷术可以立即告诉你,如果你正在处理Android或iOS应用程序。

  7.网格和触摸目标iOS(44px @ 1x)和Android(48dp - 48px,比例为1:1)的触摸目标的指南略有不同。材料设计指南还建议将所有元素对齐到8dp 方形基线网格。

  在我所研究的最新项目中,我们发现遵循这些Android准则更为安全,因为(a)较大的48px触摸目标对于两个平台都是安全的,(b)Material设计的布局更加明确和最新。无论哪种方式,你将需要一个网格来处理,但Android更严格的定义,我们发现8DP的工作。这意味着在水平和垂直平面上以8dp为增量设置文档,以创建平铺网格布局。

  8.按钮样式Material Design中定义了几种按钮样式:

  ㈠ 浮动动作按钮: 最传统形状的按钮。阴影很沉重,把它们从页面上提起。这些只能用在背景上,或者只用在卡片上。他们不应该用于警报或弹出窗口,因为这样做会造成太多的深度。主要行动采取你的口音的颜色,而次要版本通常是不太突出的颜色。㈡ 平面按钮:本质上是重音颜色的文本,没有任何边界元素。他们使用填充和所有帽的情况下给他们的结构。

  与Material Design相比,iOS应用程序的外观通常很平坦,不会使用深度或阴影。主按钮具有填充颜色,而辅助按钮则使用相同颜色的笔划反转出来。这个比喻可能会变得有限,尤其是当与制表符和其他要素相比时。为了获得这个非常平坦的风格,重要的是要有明确和一致的隐喻什么颜色在您的应用程序的意思。

  iOS也有一个纯文本样式按钮,但它不共享Android的大写样式,字体重量较轻。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕