中国传媒大学-用户体验与UI交互设计-课件-知识点5.1 如何利用图形划分区域.pptxVIP

;知识点5.1;PART 01;; 生活中的图形; 在界面中，我们能够根据图形的排列来划分区域，这使我们能够在同一页面上对功能进行分类。这种将信息模块化的方法确实有效，在有限的界面内进行视觉元素的罗列与安排。; 生活中“美”的体验调查; 利用图形划分区域一般有两种，第一种是网格排版布局，第二种是视觉导向布局。;;视觉设计首先从页面布局开始，页面布局相当于物体的造型，它是视觉印象的根本。; 网格排版布局; 网格排版布局常常用于产品的主页或导航页，例如手机的导航页，无论是图 iOS 平台规则图标排列中的隐形网格，还是图Windows Phone 平台鲜明的矩形阵列网格都是利用图形进行网格布局设计的。;界面中的图形分解常常采取等分的形式，等分分解又分为等形分解与等量分解。;; 视觉导向布局是以人的视觉流为主导。此处的视觉流是指人们浏览界面内容的顺序，这是根据用户视觉扫描页面的时候进行视线跟踪而测得的。; 视觉导向布局特点; 对齐的重要性; 对齐方式;左右对齐：; 对齐方式;课后请同学们思考一个问题“说说手机界面排版和传统纸媒页面排版有什么不同？”;