第17节线框图设计原则02课件.pptxVIP

17.1对齐原则

17.2重复原则

17.3亲密原则

17.4对比原则

17.5运用图片

17.6留白原则;线框图是在有限的屏幕尺寸内对界面信息进行合理的组织和布局，界面中的信息元素需要根据用户阅读习惯按照一定的规则排布才能被接受，这些界面元素按照一定视觉联系排布的设计即是版式设计。

界面的版式设计非常重要，合理的版式设计能够让用户快速理解界面传递的信息，高效完成任务，提升用户体验。

在界面信息排版的时候往往遵循对齐、重复、亲密、对比四个基本原则，此外还要注意图片的运用和界面留白。;对齐的方式在版式设计中最常看到，也是界面版式设计中最基本的原则，根据用户从左上至右下的阅读习惯，且界面设计尺寸有限，大部分采用的对齐方式是居左对齐和居中对齐，有些位于右侧的小图标（如进入下一级的小图标）采用居右对齐的方式，对齐的版式比较整齐，给用户一种规则安全的感觉。;17.2重复原则;亲密是指将相互之间有关联的元素近距离放置，让它们组合成一个小组，成为一个视觉单元，这有助于用户识别和组织信息，在脑海中形成清晰的视觉结构，区分信息类型。例如，界面设计中同一行list中的信息比较亲密的放在一起，也是让用户将这些信息自然归为一个组，加上视觉设计时字体大小和颜色的区分，让用户识别信息的归属关系。;对比是指界面信息的大小、颜色、材质、空间关系、字体等通过区分变化达到突显元素，区分信息