ui界面设计之美栅格系统

《ui界面设计之美栅格系统》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________UI界面设计之美:栅格系统栅格系统应用于设计领域已经至少50年了。栅格化让眼睛浏览信息更加愉悦。从报纸、杂志，到手机界面，栅格系统全面渗透到各种信息传达的界面当中。下面由我们UI设计培训老师从一个故事开始栅格系统探索之旅吧！栅格系统的诞生1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成

2、立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。委员会由数学家尼古拉斯加宗（NicolasJaugeon）担任领导，他们以罗马体为基础，采用方格为设计依据，每个字体方格分为64个基本方各单位，每个方各单位再分成36个小格，这样，一个印刷版面就有2304个小格组成，在这个严谨的几何网格网络中设计字体的形状，版面的编排，试验传达功能的效能，这是是世界上最早对字体和版面进行科学实验的活动，也是栅格系统最早的雏形。960栅格化系统960栅格化系统是由NathanSmith创造的，具体来讲，就是基于960像素宽

3、度，通过划分具有规律的分割，来提高网页开发效率。960栅格化系统系统（或者说适应型css构架）早期主要用来进行快速原型制作，减少重复单调的工作，但是目前，它在网页设计开发项目中开始扮演非常重要的角色了。它将为你的设计提供一个坚实的坐标基础。最初有两种变形：12栅格和16栅格。它们互补保证了系统的融通性。后来产生了更多的衍生。下图展示了16栅格到3栅格的案例。BBC和yahoo的门户网站就采用了栅格化体系，从而非常好的规范了网站的信息布局和疏密程度。good,noloosening.6.5.2DCSsidewiringtocompletethe

4、enclosureandtheothersideafterthewiringiscompleted,DCSwithintheenclosurewhenthepowermoduleshouldbeloosenedorthepowergoesout.6.6lowvoltagecableterminalmaking6.6.1first一网学-有课堂的远程培训：www.ywxue.com___________________________________________________________________________________

5、_________一些个人站点或者产品展示站点使用栅格化后更加大气，视觉感受更加宽广。下面是一些网站的例子：good,noloosening.6.5.2DCSsidewiringtocompletetheenclosureandtheothersideafterthewiringiscompleted,DCSwithintheenclosurewhenthepowermoduleshouldbeloosenedorthepowergoesout.6.6lowvoltagecableterminalmaking6.6.1first一网学-有课堂

6、的远程培训：www.ywxue.com____________________________________________________________________________________________good,noloosening.6.5.2DCSsidewiringtocompletetheenclosureandtheothersideafterthewiringiscompleted,DCSwithintheenclosurewhenthepowermoduleshouldbeloosenedorthepower

7、goesout.6.6lowvoltagecableterminalmaking6.6.1first一网学-有课堂的远程培训：www.ywxue.com____________________________________________________________________________________________good,noloosening.6.5.2DCSsidewiringtocompletetheenclosureandtheothersideafterthewiringiscompleted,DCSwithi

8、ntheenclosurewhenthepowermoduleshouldbeloosenedorthepowergoesout.6.6lowvoltagecabl