|
文| 张冀伟（野狗设计总监，野狗微信号yeyegou) 导语：产品经理和设计师怎样把几何学融入到作品中？
苹果公司设计师年薪高达17.4万美圆，约合人民币110万，而苹果官网也被业界捧为巨匠之作，遭到世界各国产品经理和设计师的追捧。为什么苹果公司设计的网页如此受欢送，有什么技巧在其中吗？ 今天就让我们来聊聊如何理性的中止设计，谈谈产品经理和设计师在工作的过程中怎样样把几何学融入到作品中。 设计几何学由来 设计原本就是一种理性的科学门类，审美因人而异，只需言之有理的设计才干压服他人，运用几何学的手法就是设计师的利器之一，科学的设计并不会限制你的创意，它只会辅佐你的作品成为精品的必要伎俩之一。 从古至今，人类从自然界中得到过无数的启示，其中就包含黄金分割。这个从贝类圆满的生长方式中提炼出的曲线，改动了一切人的审美。
从公元前20世纪到16世纪的史前巨石柱记载的关于1:1.618比例的黄金矩形的应用开端到往常，人们对黄金分割的爱历来就没有改动过，五边形和五角星也同样具有黄金分割比例，由于五角星内三角形的边长比例是1：1.618。在海胆和雪花里也能找到相同的五边形/五角形关系。 人体也具有同样的圆满比例，人体的高度与伸展开的手臂构成了一个正方形将人体围住，而手和脚正好落在以肚脐为圆心的圆上，肚脐位于黄金分割点上，这在文艺复兴时期的艺术家莱昂纳多·达芬奇和丢勒的《圆满的比例》《人体比例四书》也都有所表示。
人类对这种审美的提炼不只仅是关于自然界，而是简直把它运用到我们能见到的各个范畴当中。建筑中的比例，雅典的帕提农神庙（Parthenon)是一个运用希腊比例体系的实例。
之后的许多哥特式的大教堂也大多运用了这个“圆满比例”，例如我们都知道的巴黎圣母院。 人类从黄金分割率中提炼出的√2矩形也具有许多特殊的性质，能被无限的分割成更小的等比矩形，其长宽比也相当接近黄金分割率（1.414与1.618）
正是由于这个属性，√2矩构成为欧洲DIN（德国工业规范）纸张尺寸体系的基础。也就是我们最常见的纸张尺寸。这样裁切出来的纸张不只容易消费，而且不会有一点糜费。
除了√2矩形以外，由其衍生出来的√3、√4、√5矩形也同样具备能够被横向和纵向切割的属性。√3矩形也是正六边形的构成基础，这个外形也能够在自然界中的很多方面找到，例如雪花晶体与蜂巢的外形。
logo设计中的几何学 几何化的方式在当今的设计中的应用更是多到没朋友，也成为设计师的金牌工具，能够让你的设计言之有理，假如你的设计曾经很不错了，那么经过几何化的规范，你的设计能够愈加的具有可信度与耐久性，从而减少反对的声音，缩短淘汰的周期。 以logo设计为例，我们看看这些牛逼的logo到底有什么共同点。 首先是Apple的logo，应用斐波那契数列1,1,2,3,5,8,13,21，……为比例的圆形切割而成，使得logo整体十分的均衡。
Apple的另一个产品iCloud也是由具有黄金比例的四个圆构建而成，而整体的logo也同样契合黄金比例。
同样，追求愈加年轻有效的百事公司、坚持改造与唯美的国度天文、追求个性的Twitter、以及众多的汽车logo都遵照几何化的设计方式去规范他们的品牌。
网页设计中的几何学 设计的几何学在排版与网页设计上的应用更是十分必要的，版式设计与网页设计的信息体量远比标记设计大得多，它需求经过你对信息的梳理来引导用户去依照你的方式正确阅读。所以运用科学的方式梳理你的页面规划会让你的作品愈加具有连续性、次序性与易读性。 网页设计或是板式设计不同于其他的设计内容，它不只需思索每个元素的样式，并且要有设计的次第，而不是盲目的不时尝试。 第一步，给你的网页或版式做定位。 不是一切的网站或版式都是统一的套路，它们也有自己的性格在里面。思索品牌的定位是怎样的，受众群体是谁，用户的阅读次第与阅读体验是怎样的，我们最想让用户看到什么，用户最想看到什么……要在有限的画布中展示一切想要表示的内容，就一定会有取舍，设计不是仅仅做到美观即可，美观只是你契合设计师这个职位的前提；设计师更多要思索的是处置问题。 第二步，肯定大作风。 依据所设计的内容，肯定比例，颜色，外形等这些基本的要素。统一的作风不是偷懒，他会让你的设计内容更具分歧性与连续性，不会让用户或读者有太多不用要的跳出感，并且，大作风的确定能加深你对所设计内容的认识。 第三步，肯定你的画布尺寸。 在网页设计当中，设计师最常用到的是960网格系统，它能够说是具有里程碑式或者具有代表意义的系统，设计之初主要针对的是1024×768的屏幕。固然往常早已是1200以上像素的天下了，但960网格系统也早已从最初的理性设计的工具变成了网站设计的规划思想。 以1024×768的屏幕为例，用户在阅读网站是，视野热区可掩盖大约80%的屏幕，此部分空间尺寸大致为974×650，在阅读器左右预留一些空间，并且为方便响应式设计，我们的可设计区域就成为了往常最常用到的960×650像素，这个尺寸也同样接近黄金分割的尺寸。 第四步，为你的画布分栏。 12栏规划
16栏规划
24栏规划
用理性的网格将你的页面分栏，这样能够很好的将页面中得图片与文字中止区隔，段落与段落间中止区隔。 思索到黄金分割的原理与响应式页面的可操作性，我们将页面分为12，16或24栏，栏数依据你要设计的网页体量而定。 第五步，肯定最小字符。 横向则依据你所运用的最小字符高度而定，普通运用12pt—16pt的文字，每行60—80字符是比较合理的范围。这样，我们就得到了一张理性，简单，有效的网格，运用网格设计可使网页的衔接性与次序性增强，内容与内容不会相互影响，减少内容取舍的复杂度，并且很大水平上增加网站代码的复用率。 第六步，找到每屏的第一视觉点。 人的视野落点是需求引导的，经过科学理性的方式可快速找到用户的视野范围，把你最想让用户看到的内容放在这个范围内，能够起到绝佳的效果与回馈。同时，也能够辅佐你梳理每个元素之间的关系。 我们用这个思绪再看那些牛逼的网站的时分，才会了解，原来这才是他们这些网站之所以牛逼的缘由。好比下面的这几张苹果的官网：
iPhone6官网不只用到了网格系统，同时也应用黄金分割率肯定文字、图片与衔接的间距，让整个页面看起来简约且合理。
当然，理性化的设计思绪不只仅只需苹果一家公司是这样，在http://960.gs/上面，你会看到更多的胜利案例供大家参考。
我们的野狗科技的网站也同样运用到了网格系统与黄金分割比例，让整个网页看起来愈加合理，更具可读性与温馨性。
小结 产品经理和设计师不只仅需求是审美出众的人，更应该是理性的魔术师，当他人依照你想象的次第去阅读你的作品，或是在你的作品中看到你思索的过程，是不是仅仅比他们说“挺美观的”要强的多。 所以，假如你是一个初学者，对产品设计不知从何下手，或者你的设计曾经很不错，但是遇到了瓶颈，那么，经过这些几何学与网格的运用一定会让你的设计更进一步。 编辑：陌mo北 公告通知：茂趣创意设计交流群开放啦！微信群：请加茂哥微信号：chen1641，加时请注明职位，拉你进群哦， 或者在后台回复"加群"！同时也能够加微信与我沟通交流哟！你能够和500人一同交流，构成圈子，分享资源，收获朋友。QQ群：202085524 茂趣创意：有趣、创意、设计、PS教程 微信号：maofuns 投稿：402047490@qq.com 点击下方“阅读原文”查看热读文章《Logo设计的七大杀手级绝招，国际知名品牌商标的设计学》 |
名表回收网手机版
