你真的了解App吗?这些APP控件你应该都知晓!

你真的了解App吗?这些APP控件你应该都知晓!,第1张

你真的了解App吗?这些APP控件你应该都知晓!

关于设计方案我已经很久没说什么了。今天静音给大家分享一个很强的干货知识,学设计的盆友收藏一下。

APP,全称是application,意思是应用软件,即安装在智能手机中的各类手机软件。APP和移动电脑 *** 作系统(iOS、Android等。)互相构成,只是手机软件的一部分。

智能手机往往是智能的,APP里应该有很大的贡献。我们用微信联系朋友,用网易听歌,用音悦台看MV,用美团点外卖,用JD.COM商城和淘宝买东西。千万不要夸大,如果没有各种全功能的app,我们的日常生活将是隐秘的。作为一个互联网技术从业者,仅仅停留在APP的应用是不够的。你必须很好地了解它,然后才能更强地设计它。

该文件包含以下几点:

各种“栏”:通知栏、导航栏、徽标栏、菜单栏、搜索栏和类别栏。

内容视图:ss="superseo">ss="superseo">列表视图、卡片视图、组合视图、图片视图和文本视图。

*** 纵元素:用于 *** 纵商品个人行为或显示信息的信息。

临时视图:预警视图、实际 *** 作列表、toast、多表单视图。

(本文描述的标准值基于iOS系统软件,与Android系统软件的控制标准值不同)

各种各样“栏”

①通知栏(状态栏)

用于显示数据信号、时间、用电量等信息。安卓系统软件也会持续显示已读信息的提醒。高度20磅,位于所有应用程序页面的顶部。

②导航栏

导航栏又称菜单栏,通常显示信息主题,也可用于搜索、分段控制或其他频道。高度44pt,位于公告板正下方。

③标签栏(标签栏)

让客户在不同的子日常任务、观点、方式上快速变化。一般标志栏上有三到五个标志。如果有五个以上的标志,可以考虑大量标明第五个标志。高度49pt,位于APP底部。

④菜单栏(工具栏)

菜单栏位于应用程序的底部,避免了当今网页中用于实际 *** 作目标的控件。总的设计方案是44pt。

⑤搜索栏(搜索栏)

它用于搜索内容,帮助客户群准确地找到他们需要的信息和功能。它可以位于导航栏的正下方,也可以放置在导航栏上。高度可以定制,一般设计方案是44pt。

⑥范围栏

它只会与搜索栏一起出现,以定义客户的搜索范围。位于搜索栏正下方,高度可设置,一般30pt~44pt。

內容视图

①列表样式(列表样式)

每个列表可以是单杀图片或文字方式,也可以是文字图片融合方式。每张单子中间会有一条分割线区分,利用“两头不可分、两头对比、两头重复、两头对齐”的标准设计方案,将每张单子的信息清晰有力地传递给客户。

②卡片样式(卡片样式)

将相似的信息总结成一个矩形框或圆角。卡片可以堆叠,覆盖和移动,这大大扩展了内容块的视觉效果的深度和可执行性。在设计方案的方式上,卡片可以增强边缘和阴影,使卡片具有层次感。

③组合视图模式(碰撞风格)

类似的信息以流畅的方式呈现,一般以图片为主题风格,文字为辅助信息。它用于显示产品、照片和歌曲等媒体工具的信息。

④图像风格和文字风格。

图片视图和文字视图很容易理解,所以放在一起看,图片方式在图片社交媒体APP中常见,文字方式在内容APP中常见。

内容视图是显示所有应用程序信息的主要方式。在许多情况下,五种常见的视图模式不会单独出现,而是经常混合出现。比如有些内容视图属于卡片和列表,大家应该很熟悉。

*** 纵原素

*** 纵元素用于 *** 纵商品的个别行为或显示信息。下图显示了常见的 *** 作元素。

*** 纵元件

临时性视图

向临时客户显示关键信息,或显示其他角色和选项。一般有预警视图、实际 *** 作列表、toast和多表单视图。

警告视图:确保包含标题或带有一个或几个按钮的标题文本。

动作单:由客户实际 *** 作的个人动作打开,包括两个或两个以上的按钮。

Toast:当客户开始实际 *** 作时,toast会d出,对实际 *** 作进行反馈。

多表单视图:占据全部或大部分显示屏幕,包括当前任务所需的文本和控件,一般有一个实现目标的按钮(点击一次,目标就实现了,今天的多表单视图就淡出了)和一个撤销按钮(点击一次,当前任务就被放弃,今天的多表单视图就淡出了)。

预警视图和实际 *** 作列表和多表单视图

一个详细的APP包含四类:各种“栏目”;内容视图; *** 纵元件;临时视图。你明白了吗?

作者:邹志南,微信微信官方账号:UE修身。授权,需要独立联系创作者。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/782059.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-04
下一篇 2022-05-04

发表评论

登录后才能评论

评论列表(0条)

保存