好设计是怎样的呢？
source link: https://www.shejidaren.com/shenme-shi-hao-sheji.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
好设计是怎样的呢？
前言：设计作品不受青睐？究竟怎样的设计才能被称为好设计？在设计业界中究竟如何定义好设计？一个产业发展成熟的标志是建立一套标准体系，但也并非绝对。对于未能做出被认可的设计新人而言，了解设计界对好设计的通用理解与标准，能够帮助我们减少自己的犯错，少走前人走过、且为我们总结好的弯路。
一、什么是好设计
做设计这么久，我们先来看看什么是好的设计？好的设计到底是如何定义的。
1.得过设计大奖
▲一组无印良品海报获得了由日本平面最高奖项——龟仓雄策奖，被誉为日本设计界的「奥斯卡终身成就奖」，代表着日本平面设计的最高水平。画面仅用色彩和几何图形的结合，完美构成了人在自然中露营的和谐场景。
▲可以看到海报中有湖泊、蓝天、山脉、森林和露营帐篷，而整个视觉效果是用废纸板制作表现出来的，可以说非常有创意了。同时和整个商业很好的结合起来。
每年德国举行的红点设计大奖，有「设计界的奥斯卡」的美誉，是全球工业设计和发展趋势的风向标。
▲德国的红点设计也是让全球设计师狂热的奖项，徕卡相机除了价格昂贵，在设计上也是独具匠心，获得过很多设计大奖，非常有代表性的大奖设计，同时商业上也很成功。
▲自2015年发布以来，Apple Watch已经成为生活中必不可少的电子设备，获得了无数设计大奖。
▲除了工业设计，韩国我很喜欢的设计公司Plusx也获得过很多红点设计大奖。
所以判断一个设计是不是好的设计或者商业设计，获得过大奖是很重要的一个评判标准。
2.符合好的设计原则
在众多设计准则中，其中特别受广泛推崇的是Dieter Rams）所定义的“好设计的10个原则， 也即德国博朗公司设计十项原则。
1.Good design is innovative
好的设计是创新的
▲日本设计大师深泽直人设计的这把伞，在伞柄弯曲的地方有一个小凹槽。当你在雨天去超市买完东西，提着袋子去乘公交车或者地铁的时候，这个凹槽刚好可以在你站着的时候为你充当一个挂钩的角色。这个设计非常自然又贴心，又有创新。
2.Good design is aesthetic
好的设计是美的
▲产品的美感是实用性不可或缺的一部分，因为每天使用的产品都无时无刻的影响着人类和我们的生活。但是只有精湛的东西才可能是美的。比如苹果iMac的设计，无论从第一代的半透明，到今天的超薄，无不是完美的设计，在各种电影，MV里，即使遮住了苹果的LOGO你也知道是苹果的产品。
3.Good design makes a product understandable
好的设计是易懂的
▲好的设计自己会说话，简单易懂，比如无印良品这个CD机，即使是老人和小朋友都会使用。
4.Good design is unobtrusive
好的设计是克制的
▲很喜欢张小龙对微信的设计理念定义，克制带有约束的，就从微信开屏来说，其它是APP早已经商业化了，而微信的开屏多年如一日。
5.Good design is honest
好的设计是诚实的
▲不会故意夸大产品的价值，而是强调功能本身，也不会去欺骗消费者。比如现在很多广告，特别电商里面，比如我经常买的这款牛奶，从广告点进去第二件0元，兴冲冲的加入购物车，发现还是原价。
6.Good design makes a product useful
好的设计是实用的
▲无论APP也好，还是工业产品设计也好，都是用来用的，必须满足基本的功能，好的设计会去强调实用性的同时也不会忽略细节，比如无印良品这个电饭煲外形圆圆的很可爱，同时还很多贴心细节，比如有凹槽放饭勺等等。
7.Good design is long-lasting
好的设计是经得起岁月的考验
▲这些产品或许随着时代发展消失了，但是它们的设计永远不会过时，和设计趋势不同，它会成为一种文化，一种理念，博朗和苹果早期的作品在今天看来也是经典。
8.Good design is thorough down to the last detail
好的设计是考虑周到并且不放过每个细节的
很多产品的设计，很容易在用户关注地方做的很好，在用户忽略地方做的很粗糙，就好比我们去了一个商场，一楼都是各种名牌，高大上，但是去了洗手间，去无法下脚。这种体验估计用户不会再去第二次，所以极致的设计不会放过每一个角落。
9.Good design is environmentally friendly
好的设计是环保的
▲瑞典品牌freitag，以卡车车篷为材料的袋包作为材质，具有独特的二手感，以及独一无二的花样及颜色，设计好用同时兼具环保。
10.Good design is as little design as possible
好的设计是尽量少的设计
▲简洁，并不是简单，因为它浓缩了产品所必须的具备因素，剔除了不必要的东西。“大道至简，平淡为归”比如图中这个时钟设计，兼具美和实用，同时没有一个多余的设计。
好用且销量高
另外很重要一点，什么是好的商业设计，就是好用而且市场反馈好，用户好评多，比如苹果系列产品，设计本身获得很多大奖，同时商业价值好，销量很高。
同理还有戴森的产品，以黑科技为卖点，无论推出的吹风机，还是卷发棒都销量非常的高，所以好的商业设计需要具备上述所说。
二、产品设计好的设计标准是什么？
了解了好的设计标准，回归到产品设计，那么什么决定视觉设计的标准呢，UI设计的标准又是什么呢，UI设计视觉元素有木有对应的表达标准。特别是在一些大公司，每个设计师的视觉表达手法是不一样的，那么有哪些统一的设计标准么，在我认为一共有以下这几个设计标准：
1.标准的网格系统
1.PC网格
网格的重要性就不再详细说，谷歌，微软，苹果，Naver，阿里都将网格系统作为设计的标准。明确网格系统，它是设计指南里非常重要的一部分，当然网格也不是绝对的，也是可以在基础上变化。
通常，在Web设计中一般采用12列作为网格标准，因为12列可以轻松的分成6列，4列，3列和2列。
▲PC中12栏网格运用案例，整个页面会更加统一和标准化，有规律可循。
▲网格是很多公司建立标准的准则，特别是响应式设计运用上。
▲reddit的官网设计也是采用的12栏设计，很好的将页面进行布局。所以如果你做网页或者PC设计，网格一定是一个好设计的基础准则。
2.移动网格
移动端一般采用6列网格，因为大多数产品6列就足够了。6列在页面中也很容易3等分或者2等分，6列也是比较常用的一些布局方式。当然也要看场景像淘宝，电商可能需要12列，因为页面密度太高了。
▲Pin的界面网格系统，可以看出它们是运用一个6列网格系统，所有的图片各占3列，按钮占六列，每个页面的左右边距相同。
▲airbnb采用的左右边距48，中间24的网格系统，可以看出这套栅格系统留白会比较多，所以我们在浏览airbnb的设计时候会发现他们页面会非常舒服原因也是如此，airbnb设计和体验都非常棒。
我们再来看看被称为规范鼻祖的谷歌在最新的设计语言中，第一次把栅格系统提出来讲，谷歌的产品覆盖手机，web，以及平板，那么谷歌是如何去用栅格系统来定义它们产品体系呢？
▲谷歌的栅格系统除了传统的边距和水槽，内容区域外，同时也定义了4栏，可以看出谷歌也是第一次重点来讲解他们的网格系统，有兴趣了解的同学可以在谷歌官网去详细了解https://material.io/design/
2.合理的比例关系
比例关系非常重要，可能同样的内容，合理的比例和不合理看起来会相差甚远。所以好的合理比例准则也是衡量一个设计好坏的重要标准。
说道比例不得不提黄金比例，是由几何学的创始人Euclied定义的，大概在公元前300年前。黄金比例值是1.618，但是也有人质疑说，这里比例不是绝对。用黄金比例作为设计依据不合理。我的观点是，黄金比例可以当做设计参加的基础，但不是绝对的数字。
▲苹果设计中，运用黄金比例作为整个APP图标的设计准则，在苹果很多设计中都可以看见这种比例的运用。
▲还有很多知名互联网公司的品牌设计都运用着黄金比例。
▲Facebook的官网设计比例，也是采用的接近黄金比例作为布局方式。
▲谷歌的material规范中有讲到，如何定义布局。统一按照标准的比例16：9，3：2，4：3，1：1，3：4，2：3等标准的比例去做设计布局，来统一整个设计。
所以，好的比例规则规范，是设计中非常重要的。我们的设计都应该遵循这种有规律的比例。
3.文字的易读性
产品设计中，文字信息节奏处理非常重要。我们应该通过各种手段去提升文字的易读性。
3.1 通过对齐方式提升易读
▲上图是一个简单的示范，3种不同的阅读感受，如果阅读节奏没有做好，没有对齐，那么阅读效率就会变的低下，我们来看看上图用户是如何阅读的。
▲拆解上面的方案，你会发现不同的排版，用户看的方式就不一样，如果你间距过小，用户就很难阅读。间距过大也会出现难以阅读，所以必须在合理的比例下面设计的阅读性才会更好。
3.2 通过文字大小提升易用性
▲大多数信息都是由标题，副标题，正文组成。所以在组织信息的时候，可以通过文字大小，字体粗细来加强信息阅读。苹果还把黄金比例用于字体上。每个字体大小的对比都是1.7和0.7左右对比，非常接近黄金比例。
3.3 通过对比提升易用性
▲运用对比也是提升易用性经常用到的手段，比如通过文字大小对比，文字的透明度对比。但是要注意互联网的文字的可访问性，推荐使用web无障碍标准4.5:1
▲苹果的官网设计，就是将文字信息运用到极致，如上图通过文字大小，文字颜色，文字透明度等方式，让信息阅读起来更加流畅。
关于设计的准则有很多，设计的准则目的是让我们的设计更加和谐，它是一个参考标准，但是又不是绝对的，你可以理解为它是一把尺子，这把尺子是保证设计有一个基础。
作者 | 我们的设计日记
原文网址：https://www.zcool.com.cn/article/ZMTI2MDY1Mg==.html
赞助商链接
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
Recommend
-
41
让我手把手教你3个绝招，做一个超级难用的后台运营工具。 15年7月-17年3月，我主要在做的是个人中心菜单、账户体系、客服系统等前端工作，相关的工作总结，可以浏览我的其他文章：《怎样设计一个不好的注册流程》、《怎样设计一个不好的“红点”逻辑》（很高兴看到腾...
-
60
发现一个奇怪的现象：关于微商大家都倾向于讲微商的营销模式、社群推广模式，比较少讲到如何搭建一套电商产品体系，今天CC就抽空给大家讲讲吧~ 微商最近几年之所以被人又爱又恨，主要在于它的三个基础： 熟人推广； 会员体系 多级分销。 而让用户开展熟人推广的最...
-
65
弹窗在设计中运用的非常广泛，基本上每个应用都会涉及到。恰好这段时间我也在整理公司设计组件这一块，所以就想总结分享一下。 设计师都会使用弹窗，但对于弹窗背后的分类及运用可能还不是特别了解，在写这篇文章之前，我查看了...
-
31
免费的，才是最贵的！
-
17
作者 | Jake Miller 策划 | 万佳 本文讨论了一些各种 GraphQL 部署和迁移的安全风险，希望有助于你。 在这篇文章，我们将讨...
-
4
生活 - @manami - 自己每次剪发的时候就是普通的剪发，从来没有叫理发师帮设计过发型。等到头发稍微变长点的时候就用定型啫喱水照着日本的一些男明星塑造下发型，发现效果还不错。好奇大家都是怎样设计自己的发型的，会叫理发
-
9
设计一个 logo 的常规思路和流程是怎样的？重庆市羽晗广告有限责任公司 设计总监近日有一位多年前的老友想转战品牌设计领域，所以特意写了个基本流程。因为我之前在知乎回答过一个...
-
5
上一节较为详细的讨论了普通二叉搜索树的局限性，在此基础上引出了红黑树的概念并介绍了其原理。在文章最后提到，为了维护一棵红黑树，在插入或者删除节点后，需要对二叉树做重着色和变换操作。那么，为什么要做重着色和变换...
-
3
怎样打造完美的设计作品集 几分钟前，还在睡梦里眼巴巴看着一种类似奶黄包的食物在微波炉里转悠，接下来便是刺耳的门禁电话声；瞬间从梦中惊醒，花了不到半秒思考并叨咕出“猫沙”二字，然后下...
-
5
什么是响应式Web设计？怎样进行？ 开始第一篇。老规矩，先无聊的谈论天气一类的话题。十一长假，天气也终于开始有些秋天的味道，坐在屋里甚至觉得需要热咖啡。话说两年前也是在国庆...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK