#设计##艺术设计##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
#跟着中国潮# 很多人都说这期插画很棒哦[haha]
本次《海上龙珠》主题插画由新造当代艺术中心签约新锐艺术家Amanda.季创作,纯净温柔的色彩,辅以笔触细腻,构图大气,勾勒舟山普陀寺的特色风光。
这位90后年轻艺术家的创造充满灵性及天赋,您打几分?[心][憧憬]
#泱茶YOUNGCAA##花样晒国潮##国潮新势力##奶茶#
本次《海上龙珠》主题插画由新造当代艺术中心签约新锐艺术家Amanda.季创作,纯净温柔的色彩,辅以笔触细腻,构图大气,勾勒舟山普陀寺的特色风光。
这位90后年轻艺术家的创造充满灵性及天赋,您打几分?[心][憧憬]
#泱茶YOUNGCAA##花样晒国潮##国潮新势力##奶茶#
#Everyday日精进#day241
#过儿与姑姑的日常# day71
1.今日运动:早起瑜伽 拉伸5min
开合跳3*40 深蹲跳3*30
卷腹200 两头起100
Pamela虐腹11min 拉伸2min
练胸30kg 3*20
高强度卷腹40*2
2.日省:
背单词
课外阅读《人生》
专业课本
美剧《绝望的主妇》
《伦敦生活》
明天中午想吃麻辣烫~
阅读摘抄:
他的悲剧是他自己造成的。他为了虚荣而抛弃了生活的原则,落了今天这个下场,他渐渐明白,如果他这样下去,他躲过了生活的这一次惩罚也躲不过去,下一次惩罚那时候他也许就被彻底毁灭了。
严峻的现实生活最能教育人。他是高加林,此刻减少了一些狂热,而增加了一些自我反省的力量。
前一个时期,他也明知道他眼前升起的是一道彩虹,但他宁愿让自己把它看作是桥。他希望的那种桥本来就不存在。彩虹是出现了而且色彩斑斓,但也很快消失了,他现在仍然面对着自己的现实。是的,现实是不能一个人的意志为转移的,如果谁要离开了自己的现实就等于要离开地球。一个人应该有理想,甚至应该有幻想,但他千万不能抛开现实生活去盲目追求实际上还不能得到的东西。
尤其是对于刚踏入生活道路的年轻人来说,这应该是一个最重要的认识。可是社会也不能回避自己的责任,我们应该真正廓清生活中无数不合理的东西,让阳光照进生活的每一个角落,使那些正徘徊在生活十字路口的年轻人走向正轨,让他们的才能得到充分的发展,让他们的理想得以实现祖国的未来是属于年轻的一代,祖国的未来也只靠他们。
他在灯光若明若暗的街道上走着,心里忍不住感叹生活的变化真如同春夏秋冬一涵艺术差别甚远。三年前这样的夜晚,他此刻或者在明亮温馨的教室里读书,或者在电影院散场的人群里,和同学们说说笑笑的走向学校,要不就是穿着鲜红的运动衣潇洒。打的奔驰在县体育场的灯光篮球场上,参加篮球比赛听了不觉儿的喝彩声。现在他却拉着毛粪桶,东碧溪躲鬼鬼祟祟像一个页游鬼一样,她忍不住转过头又望了一眼灯光闪烁的广播站。黄亚萍此刻在干什么呢?读书,看电视还是喝茶?他很快觉得自己有点可笑了,自己现在这副样子想这些干啥呢?他现在应该赶快把这车子粪装满才对。是的,人做啥就为啥操心哩!他现在的心思主要在掏粪上,哪个厕所要是没粪,他立刻失望丧气,哪个厕所里分要是多一点,他高兴得直想笑。因为德顺爷爷就是这个样子。他感染了他,也使得他心理渐渐自觉地成了这个样子。劳动啊,它是艰苦的但也有它本身的欢乐!
#过儿与姑姑的日常# day71
1.今日运动:早起瑜伽 拉伸5min
开合跳3*40 深蹲跳3*30
卷腹200 两头起100
Pamela虐腹11min 拉伸2min
练胸30kg 3*20
高强度卷腹40*2
2.日省:
背单词
课外阅读《人生》
专业课本
美剧《绝望的主妇》
《伦敦生活》
明天中午想吃麻辣烫~
阅读摘抄:
他的悲剧是他自己造成的。他为了虚荣而抛弃了生活的原则,落了今天这个下场,他渐渐明白,如果他这样下去,他躲过了生活的这一次惩罚也躲不过去,下一次惩罚那时候他也许就被彻底毁灭了。
严峻的现实生活最能教育人。他是高加林,此刻减少了一些狂热,而增加了一些自我反省的力量。
前一个时期,他也明知道他眼前升起的是一道彩虹,但他宁愿让自己把它看作是桥。他希望的那种桥本来就不存在。彩虹是出现了而且色彩斑斓,但也很快消失了,他现在仍然面对着自己的现实。是的,现实是不能一个人的意志为转移的,如果谁要离开了自己的现实就等于要离开地球。一个人应该有理想,甚至应该有幻想,但他千万不能抛开现实生活去盲目追求实际上还不能得到的东西。
尤其是对于刚踏入生活道路的年轻人来说,这应该是一个最重要的认识。可是社会也不能回避自己的责任,我们应该真正廓清生活中无数不合理的东西,让阳光照进生活的每一个角落,使那些正徘徊在生活十字路口的年轻人走向正轨,让他们的才能得到充分的发展,让他们的理想得以实现祖国的未来是属于年轻的一代,祖国的未来也只靠他们。
他在灯光若明若暗的街道上走着,心里忍不住感叹生活的变化真如同春夏秋冬一涵艺术差别甚远。三年前这样的夜晚,他此刻或者在明亮温馨的教室里读书,或者在电影院散场的人群里,和同学们说说笑笑的走向学校,要不就是穿着鲜红的运动衣潇洒。打的奔驰在县体育场的灯光篮球场上,参加篮球比赛听了不觉儿的喝彩声。现在他却拉着毛粪桶,东碧溪躲鬼鬼祟祟像一个页游鬼一样,她忍不住转过头又望了一眼灯光闪烁的广播站。黄亚萍此刻在干什么呢?读书,看电视还是喝茶?他很快觉得自己有点可笑了,自己现在这副样子想这些干啥呢?他现在应该赶快把这车子粪装满才对。是的,人做啥就为啥操心哩!他现在的心思主要在掏粪上,哪个厕所要是没粪,他立刻失望丧气,哪个厕所里分要是多一点,他高兴得直想笑。因为德顺爷爷就是这个样子。他感染了他,也使得他心理渐渐自觉地成了这个样子。劳动啊,它是艰苦的但也有它本身的欢乐!
✋热门推荐