网格的基本概念:

一、先谈谈网格的优势:

1.为信息增添秩序,连续性和和谐性;
2.想读者预示出信息的所在,有助于信息的交流;
3.在保持原先内容总体一致的前提下,网格可以使增加新的内容变得更容易;
4.网格促使各个设计方式彼此协调而不是相互削弱;

我的理解:

网格使得设计和信息布局更加具有逻辑性,以此带来的两方面好处:

1.对读者:信息变得更有秩序,因此更容易理解信息;
2.对设计师:因为更有逻辑,因此在进行修改和权衡时有了标准和逻辑,增删和平衡操作变得更容易;

二、然而目前设计中遇到的问题:

网格设计在平面设计中的运用已经很广泛,但在数字设计中使用得不够。

作者觉得数字设计中更应该使用网格设计

三、为什么在数字设计中运用网格设计更为合适呢:**

先来看数字设计的特点:

1.网页中的信息高度集中;
2.网页的信息是动态的;

因此再回来看网格设计的优势:

1.其中 “增加秩序性、连续性、和谐性”这个特点刚好可以解决网页信息高度集中的问题;
2.“向读者预示出信息的所在,帮助交流”以及“帮助在设计中新添加内容”刚好符合网页信息动态的特点;

四、为什么需要秩序

先来讲讲秩序的存在感和发展;
1.设计是一个消除无序感的过程,而设计师不光需要寻找秩序感更需要找到真正的秩序;
网格发展的历史:

古代:

砖墙就是人来从无序世界中创造的第一种网格,用来有序地组织世界;

数学公式:

1.毕达哥拉斯斐波纳契数列与黄金分割;
2.平面印刷中的根号二;
3.三等分网格;

二十世纪:

(单独列出是因为二十世纪对平面发展的革命性作用)
设计史上的现代主义者主追求“形式追随功能”,系统性思考,支持标准化;
包豪斯学院对平面设计的贡献

五、互联网与设计:

(之前是平面设计的发展,现在提到数字设计中更需要网格设计)

平面设计和数字设计的区别:

平面设计的普适性在互联网中不适用:
平面设计的展示方式相同,而互联网中的展示因为硬件软件的不同而更加多元化

因为数字设计的这些特点,给设计方法带来了更多机会(扩充了设计方法的范畴):

平面设计是单向的,类似于演讲者和听众,听众获取到的内容是相同的,而演讲者主导信息的传播和内容;
数字设计是双向的,类似于面对面交流,信息的传播和内容因为听众的不同表现而有不同的发展;

(这种新的信息传播方式本身就是信息的一次革命)

我的理解:

因为这种互动性,交互的概念得以产生,而且交互的重要性变得更高;

六、网格设计流程:

网格设计的基本原则:

1.网格以解决问题为首要任务,美观在其次;
这是对“形式追随功能”理念的呼应;
2.网格是用户体验的组成部分,而不应该限制用户体验;
3.网格越简单就越有效;
系统越简单,理解和操作成本越低;

网格设计的步骤:
1.调查并明确限制条件;

  • 技术限制
  • 商业条件限制
  • 内容和排版限制

2.画线框图

3.设计预备

  • 基本草图
  • 建立单元、栏、基线、以及进行计算;
  • 页面草图
自己的思考

为什么不太好感受到网格设计在移动界面数字设计中的重要性:
1.移动设备的尺寸相对固定,因此动态性不强;
2.移动设备的尺寸有限,因此呈现的信息量上通常都不是太大,因此比较少接触到需要在页面上展现大量信息的情况;