掌握黑白优先法,你也可以简化很多工作量
作者:优漫动游设计部
2023-01-30 17:28
查看: 325
UX设计师现在都喜欢“移动优先”的概念,这就意味着你要先考虑好在手机上如何显示页面,然后才考虑在超清的Retina屏幕上的显示效果。这种限制非常好,能够帮你理清思路。先解决一些棘手的问题(在小屏幕上显示),然后再解决简单的问题(在大屏幕上的可用性)。
这种方法能保持app“干净”、“简洁”。加入过多的颜色很容易毁掉简洁性。“黑白优先”会促使你关注空间、尺寸和布局这些更重要的问题。
“黑白优先”法则并不适用于所有情况,比如运动、卡通等有着鲜明特色的设计就需要好好地运用各种颜色。不过,大部分app并没有这样鲜明的特点,只要保持干净和整洁就好,绚丽的颜色被公认是很难设计的,所以,还是先用黑色和白色来吧。
名额满后,请等下次
第二步:如何上色
上色最简单的方法就是只加一种颜色。
在灰色的基础上只加一种颜色可以简单快速的吸引眼球和注意力。
你也可以更进一步,在灰色的基础上加两种颜色,或者添加统一色调的多种颜色。
实践中的颜色法则——什么是色调?
网页主要用的是十六进制RGB表。但RGB不是个好的颜色设计框架,HSB模式会更好用,其中H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示亮度。
HSB模式是比RGB模式更适合我们看待颜色的方式。如果你对这方面不太了解,以下是一些HSB模式简单的入门知识。
通过调整单一色相的饱和度和亮度,你可以生成各种不同的颜色——深色、浅色、背景色、强调的地方、吸引眼球的地方等,但是又不会很扎眼。
使用一种或两种基础色调的多种颜色是强调和淡化某些元素,而又不把设计搞得一团糟的最可靠的方法。
关于颜色的其它几点建议
颜色是视觉设计中最复杂的。我从复杂的理论和长期的实践中挑出了一些好的建议送给你:
小工具箱:
不要用纯黑色:在现实世界中几乎见不到绝对的黑色。调整不同的饱和度可以增加设计的丰富程度,也更接近现实世界。
Adobe Color CC:寻找、调整、创造颜色组合的绝佳工具。
在Dribble通过颜色搜索:寻找某种颜色如何搭配的好方法,非常实用,如果你已经决定了要用那种颜色,可以通过颜色搜索看看世界顶级的设计师是如何配色的。
以上就是小编今天为大家分享的关于掌握黑白优先法,你也可以简化很多工作量。希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。
这种方法能保持app“干净”、“简洁”。加入过多的颜色很容易毁掉简洁性。“黑白优先”会促使你关注空间、尺寸和布局这些更重要的问题。
“黑白优先”法则并不适用于所有情况,比如运动、卡通等有着鲜明特色的设计就需要好好地运用各种颜色。不过,大部分app并没有这样鲜明的特点,只要保持干净和整洁就好,绚丽的颜色被公认是很难设计的,所以,还是先用黑色和白色来吧。
名额满后,请等下次
第二步:如何上色
上色最简单的方法就是只加一种颜色。
在灰色的基础上只加一种颜色可以简单快速的吸引眼球和注意力。
你也可以更进一步,在灰色的基础上加两种颜色,或者添加统一色调的多种颜色。
实践中的颜色法则——什么是色调?
网页主要用的是十六进制RGB表。但RGB不是个好的颜色设计框架,HSB模式会更好用,其中H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示亮度。
HSB模式是比RGB模式更适合我们看待颜色的方式。如果你对这方面不太了解,以下是一些HSB模式简单的入门知识。
通过调整单一色相的饱和度和亮度,你可以生成各种不同的颜色——深色、浅色、背景色、强调的地方、吸引眼球的地方等,但是又不会很扎眼。
使用一种或两种基础色调的多种颜色是强调和淡化某些元素,而又不把设计搞得一团糟的最可靠的方法。
关于颜色的其它几点建议
颜色是视觉设计中最复杂的。我从复杂的理论和长期的实践中挑出了一些好的建议送给你:
小工具箱:
不要用纯黑色:在现实世界中几乎见不到绝对的黑色。调整不同的饱和度可以增加设计的丰富程度,也更接近现实世界。
Adobe Color CC:寻找、调整、创造颜色组合的绝佳工具。
在Dribble通过颜色搜索:寻找某种颜色如何搭配的好方法,非常实用,如果你已经决定了要用那种颜色,可以通过颜色搜索看看世界顶级的设计师是如何配色的。
以上就是小编今天为大家分享的关于掌握黑白优先法,你也可以简化很多工作量。希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。
预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑!
担心就业?一地学习,可全国推荐就业!
-
上一篇:
-
下一篇:
IT培训问答
开班时间