设计应用程序是开发过程的主体。在进行设计之前,开发人员先研究范围文档,了解应用程序的用途并研究特定的应用程序以使流程清晰。

android和iOS都遵循不同的准则,因此,设计线框的任务变得棘手。这是因为两个平台的用户交互都不相同。

自iOS 7以来,苹果已转向平面设计,这一转变破坏了应用程序设计的本质。另一方面,Android通过引入基本组件Material Design回到了拟态。此组件已标准化Android应用程序的设计。

快速浏览一下比较表:平面设计与材料设计

现在,在Android应用程序中可以看到建立最终用户体验的能力。开发人员可以轻松地使用材质,并添加各种效果,例如阴影,动画,渐变和纹理,以使视图具有与线框完全相同的外观。

而且,Apple现在只专注于使应用程序设计变得僵化的应用程序性能。因此,开发人员倾向于编写额外的代码行以在视图中显示所需的效果。

您可能已经了解了开发人员在设计应用程序时面临的复杂性。

让我们看看这两个平台的设计原理。

-应用程式图示

App Icons包含用户与企业之间的交流。这些图标不仅会在主屏幕上突出显示,还会在整个设备中显示,例如在“设置”屏幕中的“搜索结果”中。因此,图标应设计精美,对用户产生影响。

例如,“摄像机”图标。iPhone中的图标是使用背景中的浅灰色和深色阴影设计的,以提升相机图像的清晰度。而在Android中,图标的设计反映了其工作原理。

-设备按钮

每个设备的底部都有一组标准按钮。iPhone由一个位于中央的圆形圆形按钮(称为“主页按钮”)组成。另一方面,Android由3个三个按钮组成。主屏幕按钮,最近使用的应用程序按钮和退出按钮会在您的手指触摸时产生反应。

-导航

导航是任何应用程序的重要元素。用户可以轻松浏览该应用程序。iPhone通常遵循标签导航。例如,有些应用程序的底部具有选项卡。窗格的颜色是半透明的,带有表示视图概念的图标。您不能将选项卡放在顶部,因为它不符合设计准则。

而Android遵循抽屉式导航。此导航从视图的左侧开始滑入。

Android和iOS的设计指南中也列出了其他导航样式。但以上两种是几乎每个应用程序中使用的主要导航样式。

-按钮样式

以下是三种不同样式的按钮:

浮动按钮:这些按钮浮动在UI上方,并带有主要操作。好像按钮上有浮雕。这些按钮具有独特的用途,并不是要在每个应用程序中使用。

在iPhone中,没有像浮动操作按钮这样的组件。开发人员表示浮动按钮,在视图中放置一个简单按钮。他们在项目中添加Coregraphics框架,并在实现文件中编写代码块,以将该核心组件转换为浮动按钮。

此外,在Android中,此样式的按钮在库中列出。开发人员只需拖放按钮并设置一些属性即可使其浮动在UI上方。

凸起按钮:这些按钮放置在UI中,以向简单视图添加效果。例如,在注册视图中提交按钮。您单击按钮以提交您的详细信息,并且按钮的颜色在一段时间内变为更深的阴影。

在iPhone中,开发人员将按钮放置在视图内并设置必要的属性。这种按钮样式的颜色在它们改变状态时会改变。例如,选定状态的颜色不同于未选定状态。它们可能呈矩形圆形。

与iPhone相比,Android列出了不同样式的按钮。与iPhone一样,按钮的颜色会随着状态的改变而改变。它们以矩形形状出现,但根据要求,大小和形状可能会有所不同。

平面按钮:这些按钮的表面不透明,在视图中突出显示了文本。它们通常在对话框或消息框中使用。例如,上图显示了iPhone和Android中使用的平面按钮的样式。

 在iPhone中,按钮通常排成一行,而在Android中,按钮分别位于右下角。

-行动表

“动作表”是从底部向上滑动的小部件,显示与当前视图的上下文相关的动作列表。

在iPhone中,工作表使用底部效果和取消按钮作为分隔符进行动画处理。单击任何列出的动作或“取消”按钮时,工作表都会关闭。在iPad中,操作表出现在“弹出窗口”视图中。当触摸外部任何地方时,视图都会消失。

在Android中,它称为“底页”。您会发现它们有两种不同的风格

模态底页可以用作菜单或对话框的替代。它从底部开始以8dp高度动画,其中包含适当的内容。例如,Linkedin应用程序。通过“共享按钮”共享内容会使底部的页面处于动画状态,该页面包含页面视图中的社交媒体论坛列表。模态底页最适合用来深度链接其他应用程序的内容。

永久底片在应用程序中以不同视图的形式滑动。最好的例子是地图。将光标放在搜索栏上可以使底部的视图动画,并带有位置列表。

-卡

卡片是一种方便的工具,可以显示各种形式的内容,其大小和支持的操作可能会大不相同。例如,带有标题的图像或列出注册用户的个人详细信息,或列出具有评分,喜欢和评论的新闻提要。

在iPhone中,没有称为Cards的组件。开发人员使用核心组件UIView代表卡片,并使用颜色属性对其进行概述。由于卡是使用核心组件UIView在视图中设计的,因此开发人员需要编写代码块以为分隔符添加阴影效果。

而在Android中,您会在库中找到带有阴影效果的纸牌组件。因此,无需编写额外的代码块即可单独添加阴影效果。开发人员使用它来显示各种形式的内容,例如带有标题的图像,新闻列表,用户详细信息等…  

-段控制

段控制是由两个或多个段组成的线性集合,每个段在按下时列出一组不同的数据。

在iPhone中,开发人员可以在分段控件中添加五个或更少的分段,从而调整布局以使分段的宽度和高度相等。优选地,它们使用两个部分将控件放置在中心,而不会干扰视图的其他元素。例如,“联系人”使用两个段代替标题设计,而其他功能在选项卡栏上对齐。

相反,Android中的材料设计列出了不同的选项,包括按钮,选项卡和选择。按钮的工作原理与上述相同。

标签...如果您使用Whatsapp,则会在左上角找到三个不同的标签以及“页面标题”。它们看起来像简单的选项卡,但实际上是列出了按下事件的准确数据的细分。

但是,选择是一种细分类型,可以通过手势和线索启用用户选项。例如。如果用户要从图库中删除多个图像,则复选框会浮在每个图像的左上角,以允许他完成操作。

总结

毫无疑问,未来就是应用程序。并且,以上两个平台的设计准则也已列出。现在,由您决定为应用程序概念选择哪个平台。

行业解决方案
  • 酒店App开发解决方案
  • 电商购物app开发解决方案
  • 交友app应用解决方案—实用技巧和先进的获利方法
  • 视频聊天解决方案—功能,获利和技术
  • 社交app解决方案[最完整指南]
  • 教育app应用程序解决方案
  • 停车app解决方案创建指南
  • 医疗app开发解决方案
  • 外卖App开发解决方案
  • 餐饮行业APP开发解决方案
  • 汽车行业APP解决方案
  • 医疗卫生APP行业解决方案
  • 美容美发APP行业解决方案
  • 商城APP行业解决方案
热门标签
  • 社交app开发
  • 教育app开发
  • 混合app开发
  • 框架app开发
  • 金融app开发
  • 房地产app开发
  • 电商app开发
  • 美容app开发
  • 汽车app开发
  • 餐饮app开发
  • 外卖app开发
  • 原生App开发
  • 医疗app开发
  • app开发
  • appstore优化
  • 物联网app开发
  • app外包
相关案例推荐
相关文章
Copyht © 2012-2024 hzjxapp.com all right reserved 浙ICP备11007166号-6 浙公网安备 33010502002134号
  • 杭州APP制作咨询工程师
  • 杭州APP制作业务咨询