产品体系-张年杰 发表于 2020-8-20 17:01:33

上下构图布局_客户端产品经理读物

上下构图布局_客户端产品经理读物
   构图布局,是指针对 产品的单一页面(首页、活动页、专题页、说明页、落地页等...)中采用图文等方式构建时所关注的问题;
界面中的图文结合 或 图片背景区 +浮动文案等采用的方式 也根据产品需求的不同,而有所区分;
清晰的构图,会将单一的界面所需要传达的产品意图,通过良好的视觉更好的进行传递,也是用户易于接受的方式。
构图的方式,也分为 左右、上下等多种方式,本文后续主要讲解传达 意图及空间感较强的上下式构图。


一、上下构图说明
      将界面或画布(图片或画面)在布局时 刻意分为上下两个部门(或以自上而下的多部分),即让画面中元素整体呈现上下分布的趋势,并区分主辅视觉承载区域,并在主视觉区域(能够抓住用户重点关注的视觉区域,吸睛的区域)重点表达 需要阐述的意图(需要承载主意图),次或是辅助视觉区域 进行必要的衬托或是 辅助说明的作用,需要考虑在构建过程中的 规避头重脚轻等问题 。


二、上下构图比例
1、1:1分割、把画面平分为上下两部分,形成对称均衡的分割构成。1:1分割比例构成方式,多用于版面中两部分内容处于并列或对立的关系。
2、「黄金分割比例(1:1.618)」被认为是最具美感的分割比例,具有严谨的艺术性、和谐性,蕴藏着丰富的美学价值。
3、「白银分割比例(1:1.414)」是日本率先采用的一种分割比例,目前广泛运用在版式设计的布局中。
4、2:1分割、采用2:1的比例,图片主体在画面中占据主导地位,视觉焦点更清晰。
5、3:1分割的比例与2:1比例相似,但图片在画面中占据主导地位更强,主空间承载视觉点,次空间承载阅读信息。

页: [1]
查看完整版本: 上下构图布局_客户端产品经理读物