#设计##艺术设计##ui设计#
UI设计
Dieter Ram所提出的 10条优秀设计原则 更是被推崇为设计领域的黄金法则。作为一代设计巨匠,他的成就如此杰出,而他所倡导的这些设计原则,即使在30年后的今天,仍然能在设计界产生强烈地共鸣。
在这10条设计原则中的最后一条“优秀的设计是尽可能少设计”更是发人深省。我经常看到一些设计初学者们的设计作品就像是很多设计元素堆砌而成的,整个设计作品违反了上面这些设计原则中的一条,甚至几条,最终成为一个失败的设计。不妨在你做设计的过程中,不断地对照Dieter Ram的这10条设计原则,去思考和修正自己的设计,另外你也需要牢牢记住:少即是多的道理。
年轻的设计初学者们也应仔细体会“这样就好”的设计理念,并通过不断地实践去达到它。而一个最行之有效的方法便是REDESIGN——重新设计(无印良品的很多产品都是通过不断进行REDESIGN进化而来的,为此他们还专门举办了以REDESIGN为主题的展览与设计比赛)。通过对原有(旧的)设计进行REDESIGN是一个产生设计变革的有效方式。
对于UI设计来说,我同样能在Dribbble上看到很多REDESIGN的作品(大多是针对那些知名网站或APP的),REDISGN对于那些没有明确设计目标的初学者来说是一种非常好的实践方式,你不仅能通过它提升自己的设计能力,而且在提交你的作品之后,还能获得很多其他设计师的点评和建议,从中你能了解自己设计中的问题,并快速获得提高。
另外我还想强调的一点是,REDESIGN不应仅仅针对设计本身(比如:换一个颜色,加一些动效 等等),而更应从产品的功能、环境的匹配度、给使用者的感受等更深层次的方面去做出的思考。REDESIGN其实是一种深入反思的过程,相信当你能够将所有这些问题都想清楚时,也就已经完成了设计的一大半工作了。
遵从设计的最佳实践
我没有上过任何设计学校,使用PS等工具的水平更是糟糕,但这并不妨碍我做出一个还算不错的设计,因为我会在设计中尽可能地参照那些设计的最佳实践。在你的能力还没达到打破那些设计准则去进行创新并形成自己鲜明的风格之前,不妨也像我一样遵守那些设计的最有实践,因为它们往往是有效的。
神奇的数字3
你可能已经发现了,在你所看到的许多事物都包含一个神奇的数字3,比如大量使用3种颜色配色的网站,斯蒂夫乔布斯在介绍Apple产品时最多描述产品的3个主要特性(比如 iPhone)。其实,这背后是有原因的:人的大脑一次同时最容易记住3件事情。就像我们记电话号码时,总是将它分为3个数字一组进行记忆。另外3所构成的形状也最稳定,最容易让人产生美感,因此在你对一些设计中的数字无法确定时,就使用3这个数吧。
人们在浏览或阅读一个页面时,都会下意识地去寻找它的规律,以便更好地识别内容。优秀的设计往往能够帮助人们建立这种秩序,方便人们获取想要的内容,而那些不佳的设计则往往会加重人们阅读的负担,最终让你的用户早早地离你而去。
使用网格进行设计是建立秩序的最有效途径。设计初学者们都可以从使用网格开始,因为它能帮助你做出统一且和谐的设计来。
用肉眼来判断平衡
平衡是另一个非常重要的设计原则,对于相同的设计元素,我们很容易使用对称的方法来处理平衡。但是对于那些形状、大小、颜色都有差异的元素,我们又应该如何处理这种平衡呢?很多人会使用标尺来确保元素间的大小和位置一致,但你还必须用你的肉眼去验证并进行必要的调整。因为平衡不仅取决于物体的大小,更与它们的形状、颜色、背景等因素有关,相信自己的眼睛和感觉去调整你的设计,使它最终达到整体的平衡。
应用黄金比例
使用网格可以帮助我们将元素对齐,但我们又应该如何确认布局中栏位划分的比例,或者在我们确认了一些设计元素的宽度之后如何去决定它们的高度呢?这时,我们往往可以用到黄金比例——1.618。
如果你使用的是960Grid这种960px宽的网格系统,而你希望分出两栏布局时,就可以使用960/1.618=593,,593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。同样当你确定了一张图片的宽度为600px时,采用黄金比例,它的高度就可以为370px左右。
当然黄金分割比例只是在设计上的一个指导,如果你可以打破这个规则又能保证整个设计自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却能更直观和方便地在设计中使用。
恰到好处的强调与对比
通过强调可以引导用户去使用产品的某些功能,比如:用户注册按钮、产品的购买按钮 等等。但初学者往往会在运用强调这种方法时,出现一些常见的问题:
在同一个页面中过多地运用强调
不分主次的强调
过度使用颜色强调
过多的强调等于没有强调,而且还会造成页面的混乱。而不分主次的强调则会给使用者带来疑惑。最后一点“过度使用颜色强调”是很多设计初学者最容易犯的错误,强调的方式有很多种:色彩、对比、形状等等。而使用色彩对比时需要特别谨慎,因为它很容易过度,我在《帮你从零开始全面掌握UI设计的配色方法》一文中就曾提到,只在那些必须的地方使用颜色。对于一些次要的地方,比如一个文章列表中的标题,我们可以采用增加或减少灰度的方法来产生对比,这也是一种非常有效的强调方法,而且由于色度没有差别,它往往能给人更加和谐和良好的体验。(注意下面这个设计中,在哪些地方设计师使用了颜色)https://t.cn/Ai37tLJU
UI设计
Dieter Ram所提出的 10条优秀设计原则 更是被推崇为设计领域的黄金法则。作为一代设计巨匠,他的成就如此杰出,而他所倡导的这些设计原则,即使在30年后的今天,仍然能在设计界产生强烈地共鸣。
在这10条设计原则中的最后一条“优秀的设计是尽可能少设计”更是发人深省。我经常看到一些设计初学者们的设计作品就像是很多设计元素堆砌而成的,整个设计作品违反了上面这些设计原则中的一条,甚至几条,最终成为一个失败的设计。不妨在你做设计的过程中,不断地对照Dieter Ram的这10条设计原则,去思考和修正自己的设计,另外你也需要牢牢记住:少即是多的道理。
年轻的设计初学者们也应仔细体会“这样就好”的设计理念,并通过不断地实践去达到它。而一个最行之有效的方法便是REDESIGN——重新设计(无印良品的很多产品都是通过不断进行REDESIGN进化而来的,为此他们还专门举办了以REDESIGN为主题的展览与设计比赛)。通过对原有(旧的)设计进行REDESIGN是一个产生设计变革的有效方式。
对于UI设计来说,我同样能在Dribbble上看到很多REDESIGN的作品(大多是针对那些知名网站或APP的),REDISGN对于那些没有明确设计目标的初学者来说是一种非常好的实践方式,你不仅能通过它提升自己的设计能力,而且在提交你的作品之后,还能获得很多其他设计师的点评和建议,从中你能了解自己设计中的问题,并快速获得提高。
另外我还想强调的一点是,REDESIGN不应仅仅针对设计本身(比如:换一个颜色,加一些动效 等等),而更应从产品的功能、环境的匹配度、给使用者的感受等更深层次的方面去做出的思考。REDESIGN其实是一种深入反思的过程,相信当你能够将所有这些问题都想清楚时,也就已经完成了设计的一大半工作了。
遵从设计的最佳实践
我没有上过任何设计学校,使用PS等工具的水平更是糟糕,但这并不妨碍我做出一个还算不错的设计,因为我会在设计中尽可能地参照那些设计的最佳实践。在你的能力还没达到打破那些设计准则去进行创新并形成自己鲜明的风格之前,不妨也像我一样遵守那些设计的最有实践,因为它们往往是有效的。
神奇的数字3
你可能已经发现了,在你所看到的许多事物都包含一个神奇的数字3,比如大量使用3种颜色配色的网站,斯蒂夫乔布斯在介绍Apple产品时最多描述产品的3个主要特性(比如 iPhone)。其实,这背后是有原因的:人的大脑一次同时最容易记住3件事情。就像我们记电话号码时,总是将它分为3个数字一组进行记忆。另外3所构成的形状也最稳定,最容易让人产生美感,因此在你对一些设计中的数字无法确定时,就使用3这个数吧。
人们在浏览或阅读一个页面时,都会下意识地去寻找它的规律,以便更好地识别内容。优秀的设计往往能够帮助人们建立这种秩序,方便人们获取想要的内容,而那些不佳的设计则往往会加重人们阅读的负担,最终让你的用户早早地离你而去。
使用网格进行设计是建立秩序的最有效途径。设计初学者们都可以从使用网格开始,因为它能帮助你做出统一且和谐的设计来。
用肉眼来判断平衡
平衡是另一个非常重要的设计原则,对于相同的设计元素,我们很容易使用对称的方法来处理平衡。但是对于那些形状、大小、颜色都有差异的元素,我们又应该如何处理这种平衡呢?很多人会使用标尺来确保元素间的大小和位置一致,但你还必须用你的肉眼去验证并进行必要的调整。因为平衡不仅取决于物体的大小,更与它们的形状、颜色、背景等因素有关,相信自己的眼睛和感觉去调整你的设计,使它最终达到整体的平衡。
应用黄金比例
使用网格可以帮助我们将元素对齐,但我们又应该如何确认布局中栏位划分的比例,或者在我们确认了一些设计元素的宽度之后如何去决定它们的高度呢?这时,我们往往可以用到黄金比例——1.618。
如果你使用的是960Grid这种960px宽的网格系统,而你希望分出两栏布局时,就可以使用960/1.618=593,,593px的位置就是黄金分割点。这样两栏的网页布局,左边栏宽度设为593px,右边栏宽度设为367px(960-593)就可以了。同样当你确定了一张图片的宽度为600px时,采用黄金比例,它的高度就可以为370px左右。
当然黄金分割比例只是在设计上的一个指导,如果你可以打破这个规则又能保证整个设计自然平衡也是可以的,作为一个通常的规则,经常把黄金比例用5:3来代替,虽然不是非常精确,但是却能更直观和方便地在设计中使用。
恰到好处的强调与对比
通过强调可以引导用户去使用产品的某些功能,比如:用户注册按钮、产品的购买按钮 等等。但初学者往往会在运用强调这种方法时,出现一些常见的问题:
在同一个页面中过多地运用强调
不分主次的强调
过度使用颜色强调
过多的强调等于没有强调,而且还会造成页面的混乱。而不分主次的强调则会给使用者带来疑惑。最后一点“过度使用颜色强调”是很多设计初学者最容易犯的错误,强调的方式有很多种:色彩、对比、形状等等。而使用色彩对比时需要特别谨慎,因为它很容易过度,我在《帮你从零开始全面掌握UI设计的配色方法》一文中就曾提到,只在那些必须的地方使用颜色。对于一些次要的地方,比如一个文章列表中的标题,我们可以采用增加或减少灰度的方法来产生对比,这也是一种非常有效的强调方法,而且由于色度没有差别,它往往能给人更加和谐和良好的体验。(注意下面这个设计中,在哪些地方设计师使用了颜色)https://t.cn/Ai37tLJU
你们的好友食疗小帮手上线啦[害羞]
面对各种生活压力,不得不寻找赚钱之路,一份收入真的让自己捉襟见肘,时不时还得靠爸妈帮助。自己对象的亲姐已经做楷妈一年了,从幼师兼职开始,到现在专职做产品,月收入非常可观,让我俩甚是羡慕。我两个月前开始准备,自己先试吃了三种产品,感觉良好,遂决定2019年10️ 15日正式加入楷妈团队,只通过朋友圈介绍自家产品,绝不群发广告,各位亲朋好友多多支持,如有打扰请见谅 https://t.cn/R2WxT8G
面对各种生活压力,不得不寻找赚钱之路,一份收入真的让自己捉襟见肘,时不时还得靠爸妈帮助。自己对象的亲姐已经做楷妈一年了,从幼师兼职开始,到现在专职做产品,月收入非常可观,让我俩甚是羡慕。我两个月前开始准备,自己先试吃了三种产品,感觉良好,遂决定2019年10️ 15日正式加入楷妈团队,只通过朋友圈介绍自家产品,绝不群发广告,各位亲朋好友多多支持,如有打扰请见谅 https://t.cn/R2WxT8G
这个分享不错哦!有人推荐你一款宝贝,去查看! 哪家手机先送到,我就哪家去合作,见题应景的才能,随口便答的吆喝,一个品牌加首诗,详细介绍此产品,丢下我尊严除尽,满不在乎的狂傲,只为讨到一口饭,不至于白白饿死!因为世道的黑暗,专心致志的钻研,得不到半分回报,半粒粮食喂肚子,看清时势挺起腰,自己学会怎生存! https://t.cn/AiumyEQQ
✋热门推荐