Web 用户体验设计提升指南

标签：style   内容   扩大   动画   select   otf   scroll   设计   响应   

 来自：https://mp.weixin.qq.com/s/DVcoTFO4wvMp5eD-eAjBpw

页面展示：

　　整体布局；底部footer；处理动态内容 — 文本超长，处理动态内容 — 保护边界

图片相关：

 　　给图片同时设置宽高；考虑屏幕 dpr -- 响应式图片；图片丢失

交互式设计优化：

　　过渡与动画；滚动优化；使用scroll-snap-type优化滚动效果，控制滚动层级避免页面大量重排；

　　优化手势--不同场景应用不同cursor；点击区域优化--伪元素扩大点击区域；快速选择优化--user-select:all；

　　选中样式优化-- ::selection；点击禁止选择 -- user-select: none；跳转优化；

字体优化：

　　尽量使用默认字体；

Web 用户体验设计提升指南

标签：style   内容   扩大   动画   select   otf   scroll   设计   响应   

原文地址：https://www.cnblogs.com/hahahakc/p/14480111.html