APP消息中心设计思考( 四 ) _APP

文章插图

文章插图

圆形：从形态上看，从圆形中心到各边的距离相等，观感上更加的圆滑、友爱，视觉聚焦区域仅有一个圆心，更能吸引我们的注意力。
方形：从形态上看，方形中心到各边的距离不相等，观感上有棱有角，比较严肃正式，视觉聚焦区域有五个，分别为直角的中心和四个角，更能感受到稳定可靠。

文章插图

文章插图

气泡在左侧：
1.当气泡在左侧头像上的时候，人的自然浏览顺序是：“who（谁）→how（多少条消息）→what（说了什么）” ，从自然浏览顺序的角度来看，首先关注是谁，有几条消息，是什么内容。
2.从视觉动线的角度来看，呈现“F”型视觉浏览动线，并且眼睛扫描的很快，浏览效率更高，更关注阅读效率。
3.从视觉感官的角度来看，视觉重心集中在左侧一列，有一个明显的“左侧强，右侧弱”的视觉对比，整体来看更加清爽、简洁。
气泡在左侧案例：微信、支付宝、咸鱼、小红书等
气泡在右侧：
1.当气泡在列表右侧的时候，人的自然浏览顺序是：“who（谁）→what（说了什么）→how（多少条消息）” ，从自然浏览顺序的角度来看，首先关注是谁，是什么内容，有几条消息。
2.从视觉动线的角度来看，呈现Z字型视觉浏览动线，眼睛的扫描需要往复，效率不高，但用户阅停留时间更长，更关注内容。
3.从视觉感官的角度来看，视觉重心分布为左右侧两个竖列，左侧和右侧两列的视觉对比更加平均，整体来看更加平衡、丰富。
气泡在右侧案例：QQ、淘宝、抖音、快手、钉钉、拼多多、美团、得到、雪球等