关于设计方案我已经很久没说什么了。今天静音给大家分享一个很强的干货知识,学设计的盆友收藏一下。
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修身。授权,需要独立联系创作者。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)