今天，我突然有个想法，带上3D眼镜浏览我们的产品页面会怎么样？

当产品设计师接到产品经理的新产品页面DEMO及Feature list的时候，通常会先做一次沟通，理解产品经理想的意图、DEMO中一些不明确的地方、各个点击的交互关系等。

明白产品经理对各个模块的重要性后，产品设计师该如何下手？产品页面中各个模块的层级关系，产品设计师在脑袋瓜里是否能像3D电影那样呈现一份3D 页面层级关系图？

贴一张09年的《飞 屋环游记》的截屏，及层次分析图。

-

1、这次我们以温柔乡频道改版为例，我们用拿到手的DEMO做试验吧。先理解DEMO的主次关系，及各个模块的结构是否符合栅格系 统，与产品经理及相关人员沟通后做出调整。

DEMO原型：

频道规范：

DEMO调整：

2、接下来开始通过手工3D模型来理解他们的层级关系吧，通常这个过程会在我的脑袋里过一遍。（该过程肢解了一个纸板箱）

-

3、现在，清楚页面上各模块之间的关系了吧？那么开始我们的页面设计吧。一遍一遍的折腾。然后最终定稿。

4、总结

每个模块内的各细节的关系也可以通过这样的拆分来理解。最终的页面呈现，虽然用户不可能戴着3D眼镜来看页面（当然戴上也看不出3D电影中的3D效 果）。但是在设计师的设计过程中，各模块的前后、主次、层级关系的确定，会让最后的页面达到最理想的效果。

今天先聊到这吧。