Web产品的原型布局遵循规范,四种布局方式分别是上下布局、左T布局、右T布局、国字布局
树图思维导图提供 Web产品的原型布局遵循规范 在线思维导图免费制作,点击“编辑”按钮,可对 Web产品的原型布局遵循规范 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:511b774f27fb886d2787f5e4b87992ed
Web产品的原型布局遵循规范思维导图模板大纲
确定产品的布局规范之后,可以制作成属于自 己的母版然后快速添加到相应页面
再去画页面的时候,只需要从内容区的固定位 置开始画起来,比如(200,150),简单好记
展现给的原型效果,每个页面的布局都是统一的,体现了产品经理的原型能力很专业
常见的原型布局
布局方式
上下布局包含导航栏、内容区
导航栏位于画布位置(0,0),宽度建议采用1200px,高度建议80px
内容区位于画布位置(0,100),宽度1200px, 高度自适应
布局方式
左T布局包含导航栏、菜单栏、内容区
导航栏位于画布位置(0,0),宽度建议采用1200px,高度建议80px
菜单栏位于画布位置(0,100),大小取决于每 个菜单项的大小160*40px
内容区位于画布位置(180,100),宽度1020px ,高度自适应
布局方式
右T布局包含导航栏、内容区、侧边栏
导航栏位于画布位置(0,0),宽度建议采用1200px,高度建议80px
内容区位于画布位置(0,100),宽度1020px, 高度自适应
侧边栏位于画布位置(970,100),大小取决于 每个菜单项的大小160*40px
布局方式
字布局包含导航栏、菜单栏、内容区、侧边栏、页脚
导航栏位于画布位置(0,0),宽度建议采用1200px,高度建议80px
菜单栏位于画布位置(0,100),大小取决于每 个菜单项的大小160*40px
内容区位于画布位置(180,100),宽度1020px ,高度自适应
侧边栏位于画布位置(1010,100),大小取决 于每个菜单项的大小160*40px
页脚位于页面位置(0,640),高度位置根据实 际情况调整
树图思维导图提供 线上销售全链路布局 在线思维导图免费制作,点击“编辑”按钮,可对 线上销售全链路布局 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:d7d9de3c963dd0170f070d111b460b99
树图思维导图提供 骨料和海外双极驱动,一体化布局领跑行业 在线思维导图免费制作,点击“编辑”按钮,可对 骨料和海外双极驱动,一体化布局领跑行业 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:3b02aa55260be20b1cc2be8dc21730b9