设计视觉动线一小步,搞定排版一大步01 横向引导之从左到右 关键词/ 平静 稳定 恬静 当视觉流程方向是从左向右时符合阅读习惯,会给人以舒适、平缓的感觉。可以让用户慢慢阅读,更适合沉浸式阅读的内容,而不是大量信息叠加的页面。 02 横向引导之从右到左 关键词/ 平静 稳定 奇特感 将视觉主体元素以水平的方向排布,形成横向的视觉流程,平缓的布局结构,给人平静、稳定、恬静之感。当视觉流程方向向左时,因为打破阅读习惯,画面会充满奇特感。 03 垂直引导之从上到下 关键词/ 简洁 利落 秩序性 也称垂直视觉流程,画面视觉主体元素以垂直方向排列。纵向地排布给人比较干净利索的感觉,多用于日式页面或文艺感比较强的页面。这种排布方式下,字体的选用也多为衬线字体。 04 垂直引导之从下到上 关键词/ 简洁 利落 秩序性 通过改变画面视觉重心,也可以使竖向视觉流程,有上升或下坠之感。这种表现手法通常出现在摄影及海报设计中。 05 对角线引导 关键词/ 动感 吸引 不稳定 对角线比水平、垂直线有更强的视觉诉求力,多了一些动感,利用隐藏对角线来引导用户,让用户视线很快"走"遍整个画面。 06 曲线引导 关键词/ 流畅 跃动 方向感 按照曲线的方式来组织平面设计元素,可以给人带来流畅、跃动的视觉审美感受,在轻松的视觉体验过程中形成特定的视觉动线运动,从而加强对内容的接受和解读。 07: Z字型引导 关键词/ 常见 图文穿插 页面 在图文穿插的页面中的使用比较常见的。但是这个动线很容易因为其他因素的干扰,而打破设计师制定好的视觉路径。使用时需要注意,不要让次要信息阻碍视觉流。 08 :F字形引导 关键词/ 眼动实验 页面 信息量大 由尼尔森.诺曼发现的,所以也叫做尼尔森的F视觉流。适用于信息量很大的页面。基于人眼球结构的特性,在浏览页面时候一次只能产生一个视觉焦点,所以大多数人在浏览页面时候的是跳动性的浏览。 09 : L字形引导 关键词/ 手机端 重要元素 在手机端经常使用,手机端的页面空间有限,页面视觉引导就需要相对单纯,用L型的动线,将重要的控件如购买按钮置于右下角,让视觉动线最终的落脚点为按钮,一目了然。 福利互动 为答谢客官阅读完此文支持,特准备新人大礼包赠送领取: 精选2000款海报设计模板素材 300套Psd场景素材、650套画册模板、2000款LOGO样机 300款ps 空间场景素材(出图快,改稿更快) 100+设计电子书 ps 色环插件ps涂抹笔刷 Adobe全家桶软件大全 5000款设计师必用字体等等500G平面设计资源挑选。 获取方式: 1.关注小编~ 2.评论转发文章,不限字数~ 3.私信"领取"2字