《交互设计入门引导：5点原则两条规范》(5)

来源：未知 时间：2019-03-19 10:54

黄金分割矩形（还记得吧？1：1.618，在游戏开发的实际应用过程中黄金分割矩形的使用率并不高，另一方面，为了方便计算，我们更多采用的是5:8的比例。）

【关于模块化设计】

其实模块是在“控件”和“元素”之前的概念，在一个界面里往往会由多个功能模块组成。而每个模块内有相应的控件，模块的底图中也会运用到不同的装饰元素。业内将模块化设计推行得最好的企业应该是腾讯，广泛使用模块设计是因为它具有这些优点：

标准化：模块是具有标准尺寸和标准接口的预制功能单元，这是组装、互换等特征的基础；

可组装：多个模块可以方便、灵活地组合、配置，以构造不同大小、不同形状、不同功能的系统；

可替换：通过用一个模块去更换另一个模块，可以改变系统的局部功能而不影响系统的其他部分；

可维护：可以对模块进行局部修改或设置，以满足用户需求，可通过不定期的增加新模块，而逐步扩展系统功能。

当然模块化设计的坏处也是显而易见的----强调功能性，缺乏仪式感和新鲜感。

【关于栅格系统】

栅格系统英文为GridSystems，也有翻译为网格系统的。简单地说就是运用固定的格子，遵循一定的规则，进行页面的布局设计，使布局规范简洁有规则。对于网页设计及手机应用类产品来说相当常用，但在游戏产品上应用不广。

快速生成栅格系统的在线工具→http://grid.guide

通过栅格的运用，可以更为有效的以逻辑解释商业设计的细节问题。设计师可以利用栅格让画面更有调性，同时间提高内容的可读性、快速校准元素的位置、帮助设计师平衡画面、模块化管理页面元素、提升版面层次感。

在运用栅格的时候，需要设置其最小单位，通常而言，网页端栅格的最小单位为10px，移动端栅格的最小单位为3、4、5px。

对于网页设计而言，由于内容多少不确定，所以高度没有办法定死，但内容区的宽度是可以定的，然后根据界面总宽度再等分列数制作栅格。网页端常用栅格为12或24列，移动端常用栅格则为6列，这里说到的列，是包含水槽的大列。

分享到：0