Web 用户体验设计提升指南
来自:https://mp.weixin.qq.com/s/DVcoTFO4wvMp5eD-eAjBpw
页面展示:
整体布局;底部footer;处理动态内容 — 文本超长,处理动态内容 — 保护边界
图片相关:
给图片同时设置宽高;考虑屏幕 dpr -- 响应式图片;图片丢失
交互式设计优化:
过渡与动画;滚动优化;使用scroll-snap-type优化滚动效果,控制滚动层级避免页面大量重排;
优化手势--不同场景应用不同cursor;点击区域优化--伪元素扩大点击区域;快速选择优化--user-select:all;
选中样式优化-- ::selection;点击禁止选择 -- user-select: none;跳转优化;
字体优化:
尽量使用默认字体;
记录自己的采坑之路,需要时方便查找
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步