分享产品设计经理中需要了解的产品几何设计学的特点

当前位置:首页 - 资讯 - 设计理论      2017-12-29 16:42:17     
品拉索产品策划

分享产品设计经理中需要了解的产品几何设计学的特点

人们都知道很多产品都有规整的图形,这些图形造就产品的造型,看起来更加有质感,而且现在的高端产品更加注重产品造型的设计,很多人看产品的第一眼就是看造型,如果造型吸引就会购买,非常明确,所以很多企业公司都非常之注重产品外观的设计理念,特别是产品设计经理更需要了解这些,下面就来一起了解一下产品几何设计学的特殊之处吧!

几何设计学的由来

设计本来就是一种理性的科学门类,审美因人而异,只有言之有理的设计才能说服别人,运用几何学的手法就是设计师的利器之一,科学的设计并不会限制你的创意,它只会帮助你的作品成为精品的必要手段之一。

从古至今,人类从自然界中得到过无数的启示,其中就包含黄金分割。这个从贝类完美的生长方式中提炼出的曲线,改变了所有人的审美。


从公元前20世纪到16世纪的史前巨石柱记载的关于1:1.618比例的黄金矩形的应用开始到现在,人们对黄金分割的爱从来就没有改变过,五边形和五角星也同样具有黄金分割比例,因为五角星内三角形的边长比例是 1:1.618。在海胆和雪花里也能找到相同的五边形 / 五角形关系。

人体也具有同样的完美比例,人体的高度与伸展开的手臂形成了一个正方形将人体围住,而手和脚正好落在以肚脐为圆心的圆上,肚脐位于黄金分割点上,这在文艺复兴时期的艺术家莱昂纳多·达芬奇和丢勒的《完美的比例》《人体比例四书》也都有所体现。


人类对这种审美的提炼不仅仅是对于自然界,而是几乎把它运用到我们能见到的各个领域当中。建筑中的比例,雅典的帕提农神庙Parthenon是一个运用希腊比例体系的实例。

logo设计的几何学

几何化的方式在当今的设计中的应用更是多到没朋友,也成为设计师的金牌工具,可以让你的设计言之有理,如果你的设计已经很不错了,那么通过几何化的规范,你的设计可以更加的具有可信度与持久性,从而减少反对的声音,缩短淘汰的周期。

以 logo 设计为例,我们看看这些牛逼的 logo 到底有什么共同点。

首先是Apple的logo,利用斐波那契数列 1,1,2,3,5,8,13,21,……为比例的圆形切割而成,使得 logo 整体非常的平衡。


Apple 的另一个产品 iCloud 也是由具有黄金比例的四个圆构建而成,而整体的 logo 也同样符合黄金比例。

同样,追求更加年轻有效的百事公司、坚持革新与唯美的国家地理、追求个性的 Twitter、以及众多的汽车 logo 都遵循几何化的设计方式去规范他们的品牌。


网页设计中的几何学

设计的几何学在排版与网页设计上的应用更是十分必要的,版式设计与网页设计的信息体量远比标志设计大得多,它需要通过你对信息的梳理来引导用户去按照你的方式正确阅读。所以使用科学的方式梳理你的页面布局会让你的作品更加具有连续性、秩序性与易读性。

网页设计或是板式设计不同于其他的设计内容,它不仅要考虑每个元素的样式,并且要有设计的顺序,而不是盲目的不断尝试。

1、给你的网页或版式做定位。

不 是所有的网站或版式都是统一的套路,它们也有自己的性格在里面。考虑品牌的定位是怎样的,受众群体是谁,用户的阅读顺序与阅读体验是怎样的,我们最想让用 户看到什么,用户最想看到什么……要在有限的画布中展示所有想要表现的内容,就一定会有取舍,设计不是仅仅做到美观即可,好看

只是你符合设计师这个职位的前提;设计师更多要考虑的是解决问题。

2、确定大风格。

依据所设计的内容,确定比例,色彩,形状等这些基本的要素。统一的风格不是偷懒,他会让你的设计内容更具一致性与连续性,不会让用户或读者有太多不必要的跳出感,并且,大风格的确定能加深你对所设计内容的认识。

3、确定你的画布尺寸。

在 网页设计当中,设计师最常用到的是960 网格系统,它可以说是具有里程碑式或者具有代表意义的系统,设计之初主要针对的是 1024×768 的屏幕。虽然现在早已是 1200 以上像素的天下了,但 960 网格系统也早已从最初的理性设计的工具变成了网站设计的布局思维。

以 1024×768 的屏幕为例,用户在浏览网站是,视线热区可覆盖大概 80%的屏幕,此部分空间尺寸大致为 974×650,在浏览器左右预留一些空间,并且为方便响应式设计,我们的可设计区域就成为了现在最常用到的960×650 像素,这个尺寸也同样接近黄金分割的尺寸。

4、为你的画布分栏。

12 栏布局


用理性的网格将你的页面分栏,这样可以很好的将页面中得图片与文字进行区隔,段落与段落间进行区隔。

考虑到黄金分割的原理与响应式页面的可操作性,我们将页面分为12,16 或 24 栏,栏数依据你要设计的网页体量而定。

5、确定最小字符。

横 向则依据你所使用的最小字符高度而定,一般使用12pt—16pt的文字,每行 60—80 字符是比较合理的范围。这样,我们就得到了一张理性,简单,有效的网格,使用网格设计可使网页的连贯性与秩序性增强,内容与内容不会相互影响,减少内容取 舍的复杂度,并且很大程度上增加网站代码的复用率。

6、找到每屏的第一视觉点。

人的视线落点是需要引导的,通过科学理性的方式可快速找到用户的视线范围,把你最想让用户看到的内容放在这个范围内,可以起到绝佳的效果与回馈。同时,也可以帮助你梳理每个元素之间的关系。

所以现代日常生活当中有很多产品都是利用几何学设计原理来生产产品的,这也是一个巨大领域的设计概念。需要设计经理更明确的了解。




ugainian官方微信

扫一扫,订阅最新资讯

留言
评论(0条评论