PGS主界面设计（移动端卡片式布局）
PGS 的主界面设计走的是那种比较常见的移动端卡片式布局，信息排布清晰，操作也顺手。整体风格挺简约的，没有太多视觉负担，适合做轻电商或者资讯类的项目。
页面交互细节上得还不错，比如底部导航的点击反馈自然，滑动时的吸顶效果也挺顺滑，没啥卡顿。用起来就一个感觉——顺。用的是flex 布局配合一些position: sticky的小技巧，样式不复杂，改起来也方便。
像首页的轮播图组件，用的应该是比较轻量的库，响应也快，移动端滑起来流畅。你要是做 H5 或者小程序页面，这套界面结构可以参考一下，逻辑清晰，模块拆得也合理。
如果你还想深挖一下移动端界面的设计思路，可以看看《移动端界面设计与案例》，讲得挺透的。或者你偏电商方向，推荐看看《电商移动端用户界面设计与实现》，案例实用。
小建议：如果你要复用这套设计，记得把媒体查询配得细一点，设备适配上更安心。还有像rem单位的使用，也建议提前封好root font-size的逻辑。
，拿来快速搭个原型、或者对照改页面结构，还是挺合适的。如果你最近正好在整移动端 UI，可以把它放进收藏夹慢慢拆。
文件大小：327.5KB
评论区