设计中的为什么?-1为什么要使用栅格系统?——邻近原则与简化

                    (function(){
                        var cover = "http://mmbiz.qpic.cn/mmbiz/dcEP2tDMibcezdrT4IBhmvTX6n9eKSdTOF1ZhSIOhlP32YloLGTJ4BJibDDhq4cO3wphcszB4zZV0uk2iaVVVRBew/0?wx_fmt=jpeg";
                        var tempImg = document.createElement('img');
                        tempImg.setAttribute('class', 'rich_media_thumb');
                        tempImg.setAttribute('id', 'js_cover');
                        tempImg.setAttribute('data-backsrc', cover);
                        tempImg.setAttribute('src', cover);
                        tempImg.setAttribute('onerror', 'this.parentNode.removeChild(this)');
                        
                        document.getElementById('media').appendChild(tempImg);

                    })();

设计的特点是设计可以自然的被人感知和认识,我们具有与生俱来的审美能力。

当一个设计作品出现在我们眼前时,我们的感官可以自然的判定设计的好坏。无论是针对虚拟世界的设计,一个网站,还是针对实在世界的设计,工业设计的一个产品,或者建筑设计面对的一栋楼房,我们都可以直观的评判出设计是否富于美感,当接触和使用之后,会判断出是否易于使用。

那么感知到的好的设计,好的感觉的原理是什么?如果可以认识和说明这些,就可以合理的指导我们的设计。从苹果早期的图形界面开始,界面设计的重要性日渐突出,而相应的设计理论却存在滞后,本书的目的就是期望在这一方面提供新的视角。那么就从基本的设计原理入手,分享笔者在其中的思考。从界面设计的基础工具栅格系统开始,说一说栅格的意义。

栅格系统,有一种定义为“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布”,笔者认为这是一个抽象的恰当的定义。

/pic/1_Cp8kOUQTNiaDpPjfgGicTFibR2t9CA.png

栅格系统源自平面设计行业,而界面设计中从业的视觉设计师的本科专业也大都是视觉传达专业。界面设计和平面设计的关联性,设计师身份的关联性使界面设计中自然引入了原来用于书籍装帧设计和平面排版的栅格系统,也取得了良好的效果。

/pic/2_kPfNibOvOJhdX9EmfhOqCLUowYTAeA.png

栅格的妙用和原理是什么?

如果仅仅回答“看上去更整齐啊”这样除了显得不专业和无知之外,更大的问题是当我们不能很好的解释原理的时候,就不能主动的运用原理。

让我们回到问题,为什么要对齐?首先确实是“看上去更整齐啊“,我们把这句话拆解开,“看上去”,“整齐”,那么这个问题其实就是“事物看上去为啥是那个样子?”,“整齐为什么会使人舒服?”

阅读更多,请点击阅读原文,下载本文的pdf版

★喜欢这篇文章?

欢迎转发至朋友圈或您的好友。

★对本文有想法?

回到首页,在“发送”栏输入观点。

/pic/3_9A8ZhHib9XeddPtLjic5z4eNUKqVLA.png
长按该图片,扫描二维码,即可以一键关注本公众号。

欢迎加小编铁哥个人微信562763765

阅读原文