视频 | 响应式设计思维，一次做好适应PCPad和手机的36kr原型

Posted 2021-04-30 Axure大师

响应式设计的好处是用户可以在不同设备上有连续完整的体验。要做到这一点就要求设计师和产品经理拥有响应式的设计思维。

Axure做响应式设计的原理如下图。新创建的自适应视图是base视图的子视图。子视图里文本是不能改变的，控件的尺寸、位置、样式、交互是可以改的。

本次视频中的36kr其实是个反面案例。36kr很可能是分别设计各终端，没有统一考虑。因为：

1、36kr虽然做了两个布局，但两个布局的信息结构完全不同，用户需要重新学习使用两种布局，增加了使用成本。

2、36kr的移动端去掉了分类筛选的功能。如果像google play那样把“分类”作为一个tab，用户可能用着更方便。

3、还有，36kr的两个布局，一个是宽1000以上的布局，一个是750以下的布局，750-1000之间的用户没有被照顾到。

最后，如果你想看视频里的原型，可以点击阅读原文。