今天,我突然有个想法,带上3D眼镜浏览我们的产品页面会怎么样?
当产品设计师接到产品经理的新产品页面DEMO及Feature
list的时候,通常会先做一次沟通,理解产品经理想的意图、DEMO中一些不明确的地方、各个点击的交互关系等。
明白产品经理对各个模块的重要性后,产品设计师该如何下手?产品页面中各个模块的层级关系,产品设计师在脑袋瓜里是否能像3D电影那样呈现一份3D
页面层级关系图?
贴一张09年的的截屏,及层次分析图。
-
-
1、这次我们以温柔乡频道改版为例,我们用拿到手的DEMO做试验吧。先理解DEMO的主次关系,及各个模块的结构是否符合栅格系
统,与产品经理及相关人员沟通后做出调整。
DEMO原型:
频道规范:
DEMO调整:
2、接下来开始通过手工3D模型来理解他们的层级关系吧,通常这个过程会在我的脑袋里过一遍。(该过程肢解了一个纸板箱)
-
3、现在,清楚页面上各模块之间的关系了吧?那么开始我们的页面设计吧。一遍一遍的折腾。然后最终定稿。
4、总结
每个模块内的各细节的关系也可以通过这样的拆分来理解。最终的页面呈现,虽然用户不可能戴着3D眼镜来看页面(当然戴上也看不出3D电影中的3D效
果)。但是在设计师的设计过程中,各模块的前后、主次、层级关系的确定,会让{zh1}的页面达到最理想的效果。
今天先聊到这吧。
本文关键字: