3.1 使用频率高的基础组件

UI界面设计需遵循客户需求、图形学和用户操作习惯,不能擅自添加功能或改变用户操作习惯。美观易用的界面由布局和组件构成,如HelloWorld项目用特定布局和组件实现文本显示。还介绍了显示类和交互类组件,如内容类app的显示组件及登录用的交互组件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

UI界面设计要遵循客户需求,界面上需要显示哪些信息(包括文本信息、图片信息、音视频信息等),是否需要交互类控件(包括文本录入、多媒体资源上传、按钮操作等)都是根据客户需求决定的。我们不能根据自己的喜好把原本客户不需要的功能添加在UI界面上,我们也不能强烈要求去改变用户的操作习惯,比如点击按钮登录,我们不能告诉用户你应该长按按钮登录。

其次UI界面设计还要遵循图形学,用户操作习惯。一款优秀的app,如果UI界面很粗糙(如上图),那么用户粘性也就很低。UI界面犹如美食,看菜单上的菜品很精致,但是吃起来很差劲,这样的话客户去吃一次也就不会去第二次,客户的流失率很高。

而美观易用的UI界面是由布局和组件构成,作为app的门面,我们要熟练掌握常用的布局和组件,并通过组合成美观的UI界面(如上图)。在HelloWorld项目中,我们使用了DirectionalLayout布局和Text组件实现了文本信息占满整个屏幕并居中(垂直和水平)显示。

 

对于内容类的app我们打开后,会看到很多的内容显示、图片、阅读进度等等,并不涉及到交互信息,这类组件统称为显示类组件。为了用户粘度,会提供登录注册功能,一般使用手机号或者第三方授权登录,而这里就需要输入框和按钮,这类可用于用户点击后有反馈的组件统称为交互类组件。因此本节将会详细阐述常用的显示类组件和交互类组件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值