今天，我突然有个想法，带上3D眼镜浏览我们的产品页面会怎么样？
当产品设计师接到产品经理的新产品页面DEMO及Feature list的时候，通常会先做一次沟通，理解产品经理想的意图、DEMO中一些不明确的地方、各个点击的交互关系等。
明白产品经理对各个模块的重要性后，产品设计师该如何下手？产品页面中各个模块的层级关系，产品设计师在脑袋瓜里是否能像3D电影那样呈现一份3D页面层级关系图？
贴一张09年的《飞屋环游记》的截屏，及层次分析图。
-
-
1、这次我们以温柔乡频道改版为例，我们用拿到手的DEMO做试验吧。先理解DEMO的主次关系，及各个模块的结构是否符合栅格系统，与产品经理及相关人员沟通后做出调整。
DEMO原型：
频道规范：
DEMO调整：
2、接下来开始通过手工3D模型来理解他们的层级关系吧，通常这个过程会在我的脑袋里过一遍。（该过程肢解了一个纸板箱）
-
3、现在，清楚页面上各模块之间的关系了吧？那么开始我们的页面设计吧。一遍一遍的折腾。然后最终定稿。
4、总结
每个模块内的各细节的关系也可以通过这样的拆分来理解。最终的页面呈现，虽然用户不可能戴着3D眼镜来看页面（当然戴上也看不出3D电影中的3D效果）。但是在设计师的设计过程中，各模块的前后、主次、层级关系的确定，会让最后的页面达到最理想的效果。
今天先聊到这吧。
华丽丽的沙发！
板凳！
华丽丽的板凳！
这个和画画的远近虚实是同样的道理吧。
杯具啊，华丽丽的板凳没了
嘿嘿·3d眼镜看网页，有创意的想法。期待有一天能实现。
呵呵，在测试下俺的头像···
看的意犹未尽，难道还有下文？
PS：那个纸模型做的不错， 可以珍藏起来
顶！
@松露
是同样的道理。
在专题页面中，也一样存在这样的空间关系。
通过光、投影、色彩等元素的运用，可以让专题页面效果更好一些，主次更明确。
动手能力很强
@月月
嘿嘿
我觉得那个纸箱做的网页模型好有感觉啊～
文章中只说了要创造层级关系，但是具体创造层级关系的方法没有介绍呢！
通过光，投影，色彩这些基本的元素如何实现层级的效果呢？
那么强～设计师不容易啊
人气越来越旺啦。
好文章~
@HJin.me
层级关系不是创造出来的。是和产品经理、运营、营销等相关人员确认下来的哪些模块是需要特别突出的。（这里面涉及到具体模块的商业价值、产品关联等因素）
这个模型其实就是把我在设计过程中的理解，通过这个模型表现出来，让大家明白我的设计思路及过程。往往这个模型只是在脑海里。
层级之间如何拉开关系，在产品页面中，需要考虑页面的实现成本及全站的UI规范、栅格系统等因素。更多的我觉得是色块之间的对比，大小对比，小元素的运用等手法。
光、投影、色彩、真实的空间透视等手法来拉开空间关系，这个在优秀的专题页面的设计中，被发挥的淋漓尽致。很多韩国的专题都在做空间的真实感、 真实的光影效果。真实精致又美好的东西是最让人记忆深刻的。
下次有空我再写一篇关于专题页面博文吧，欢迎你来顶贴。
最后感谢你对19楼UED的关注。
帅呆
哈哈~~期待+1
好文，收藏至20ju.com
那个纸模很强悍~ 不过好像出来的视觉图没怎么表现出这种层级关系,求分析~~
~~
期待+1~
期待着3d看产品设计能登上舞台，这样可以用在很多的地方，谢谢分享了。