一、按钮组件
主按钮
次按钮
特殊按钮
二、输入框组件
三、卡片组件
人参养生汤
精选长白山人参,配伍枸杞、红枣
阿胶固元膏
传统工艺,滋补养颜
四、列表项组件
我的订单
查看全部订单
我的收藏
收藏的商品
签到积分
每日签到领取积分
五、标签组件
默认标签
热门
新品
促销
包邮
六、底部导航
首页
消息
养生
商城
我的
七、适老化设计要点
大尺寸点击区域
所有可点击元素的点击区域不小于 44px × 44px,确保手指操作准确。
足够间距
元素之间保持足够间距(至少 12px),避免误触相邻元素。
明确操作反馈
按钮点击后有明显的视觉反馈(颜色变化、震动提示),让用户确认操作已生效。
简洁文案
按钮文字简洁明了,包含动作和结果,如"确认支付"而非"提交"。
对比度要求
文字与背景对比度至少 4.5:1,重要信息达到 7:1。
容错设计
重要操作提供二次确认(如支付、删除),避免误操作造成损失。