网格系统在手机界面设计中的应用研究

梁海健 黄锦超 朱武锋 广东天讯达资讯科技股份有限公司

引言

页面设计就是将信息用不同的文字图形和色彩来进行表达，要将内容以最为简洁直接的形式传达给使用者，优秀的网格系统设计能让使用者感受不到设计的痕迹。设计师在利用网格系统设计页面时，不仅要设计出简洁的页面，还需能吸引使用者，用不同的表现形式来吸引使用者，并且可以形成一系列的联系。网格系统可以将不同的元素放置在不同的位置来进行不同的设计，从而呈现出不同的视觉效果，传达出各种信息。手机内的信息只能通过手机界面这唯一途径传达出来，在设计手机界面时，需同时兼顾美观和传达信息两大方面。手机页面是相对有限的范围，在设计这一页面时，设计元素既是独立的，也有相互之间的关系。在网格系统应用于手机页面设计时，需要达到美观的目的，还需要满足手机页面所需功能。

一、网格系统合理有效的传达信息

一个版面的各个组成部分如何分配是由网格进行指导的，一个版面有多个组成部分，每个组成部分都有其功能和表达效果。网格系统大致可以分为版心，版面和留白这几部分，网格系统利用分割线将页面进行分割，划分为不同的区域。手机界面的信息就是通过版面来传达，不同信息的传递是通过版面不同的分割和元素不同的排列组合进行。信息的传达需要做到完整直观，这就需要传达信息时有主要次要的区分，这种区分就是从网格版面和元素的排列组合中得到。

二、网格系统的三维空间展示

当网格系统应用于报纸、杂志等纸张类的设计时，页面信息是通过二维空间来展示的。使用者阅读时通常也有阅读顺序，但将网格系统应用于手机页面的设计时，网格系统的展示从二维空间变成了三维空间。网格系统的三维空间展示可以将视觉效果通过动态的形式展示出来，这就要求设计师将系统应用于手机界面设计的各个方面。版面的分割也不仅仅是应用于平面图形中，同时也要应用于立体图形中。虽然网格系统应用于手机界面设计是由二维空间走向了三维空间，但仍可以通过扩大元素的比例来突出页面重点，利用不同的色彩组合和页面布局来吸引使用者。

三、网格系统满足最易观察、最易操作的需求

（一）网格系统满足最易观察

网格系统应用于手机界面设计师要同时满足使用者最易观察的需求。使用者观察页面时最易观察到的区域就是网格系统的版面核心，被称作最佳观察区域。设计师应当将最需要突出的内容放置于最佳观察区域，让使用者最直接的观察到信息。最佳观察区的设计主要是通过垂直线和水平线对手机界面的分割进行的，设计师需要做到在手机界面这个有限的范围内，进行最合理的布局。不仅要满足手机界面的完整性，仍需将最重要的信息放置于最易观察到的区域。保证使用者有最直接的视觉体验，完成对信息的重视。

（二）网格系统满足最易操作

传统纸张类页面设计只需要满足使用者的阅读需求，当用网格系统来设计手机界面时，还需要满足使用者的操作需求.这就要求设计师在设计出容易操作的手机界面。当使用者滑动页面或者翻页时，会利用到三维空间的每个方面。手机界面的设计不仅需要网格系统，还需要交互设计。使用者在操作手机时通常是一只手握着手机利用大拇指来进行上下翻动或者左右翻页，满足使用者的最易操作需求时，不仅需要将板面的工具栏放置于大拇指容易触碰到的两侧，仍需将页面的主要内容放置于大拇指容易触碰到的地方。当使用者使用手机界面时，可以轻易操作自己感兴趣的内容，手机界面的最优观察区应与最易操作区域有重合之处。

四、结束语

手机界面设计不是简单的满足功能需求，更要满足使用者对美的需求。手机界面需要拥有强大的功能性和完整的艺术性，这样才能吸引到使用者。随着信息的更新和技术的提高，手机的作用不仅局限于通讯，有了更多样的功能。多样的功能需要更好的手机界面设计，这就使手机界面的视觉效果更加重要。当设计师利用网格系统设计手机界面时，需符合使用者的需求，完成手机界面的功能性和艺术性的高度统一。设计师要利用最基础的设计工具设计出最符合使用者需求的手机界面。