S形构图是一种基本的经典构图方式。画面上的元素成S形曲线的方式分布,具有延长、变化的特点,使画面看上去有韵律感,产生优美、雅致、协调的感觉。S形可以看作圆的演变,是两个圆连接变形的一种形态。

 

    线条是构图的要素之一,曲线是线条中有美感的一种线型。S是曲线的组合和延伸。所谓S形构图,实质上就是一种富有变化的曲线构图。这种构图形式被公认具有美感,使画面增添活跃的气氛。

 

    S形构图的特征是,抽象构成中的曲线元素穿插或贯穿了画面的主要内容,或者画面的主要内容(可以看作一个一个的点)以曲线的路径进行编排和布置。S形构图的目的有两个,利用曲线使观众的注意力更长时间地停留在画面里;引导观众看图时的观察顺序。由于构成上的线具有引导视线的功能,当曲线出现时,观众的注意力就会跟随曲线在画面的各个位置进行有规律的位移。

    为了突出主题,用类似于L形的线条、区域或色块将需要强调的主体围绕起来,这种构图形式被称为L形构图。L形如同半个围框,可以是正L形,也可以是倒L形,只要能把人的注意力集中到围框以内,使主体突出、主题明确就可以。这一特点与框式构图相似,只是L形构图只框住一半。

 

    L形构图的特征是,画面中的主要元素呈现为一个大致纵横相交的构成状态。L形构图的目的是,使画面中两个具备线的特征的元素发生相交,相交形成的交点可以产生聚焦。L形构图经常会配合九宫格进行设置,九宫格就是用直线对画面横竖各分三等,线条相交的四个交点附近的区域,比较适合设置为L形构图中的交点位置。

 

    这么做的原因是,如果交点区域太靠近画面边缘,容易使画面在视觉分量上失衡(交点位置一般具有较重的视觉分量);如果交点区域太靠近画面中心,又会使画面两侧过于平均而缺乏趣味。

视觉层面:首先需要做到的是易懂,这时候就非常注重文案清晰程度及按钮层级关系了,弹出的信息需能直击要害,用户看了能一目了然才是关键;其次,弹窗属于一种干扰信息的存在,设计必须简洁,在弹出时需要考虑是否会过度影响(影响是一定会有的、且看如何降低)用户的其他操作。假想我们正在玩游戏、突然来了电话全屏幕覆盖(传统来电),自己会以快的速度挂掉电话,回到游戏中后发现自己已领"盒饭",即便来电是多么的理所当然,但心里必定是非常不痛快的,那么,如果来电以弹窗的形式且占据屏幕很小区域(如今的来电方式)是不是就给了用户足够反应时间及缓冲时间呢?

    交互层面:弹出的内容及操作入口需清晰可操作,虽然有时基于业务需求,产品更希望用户能进行下一步操作而并非回到上一步,即便如此,我们也只能通过弱化次要操作以突出主要操作,用户有来去自由的权利,如果弱化至用户看不清、甚至找不到的程度,即便提供了次要操作入口,也会存在反面作用;另外需注意用户对产品的可控性,不管产品如何期望用户进入下一步转化,但不能强制,一定要给用户提供回去的路(强制版本更新除外),否则,任性的用户可能会直接结束应用,甚至因产品过于霸道直接卸载。