做设计这么多年,发现这个技巧真的很实用,但很多人都忽略了!

做设计这么多年,发现这个技巧真的很实用,但很多人都忽略了!

颜色对比

色彩对比中,应用较多的就是色相对比、冷暖对比、明度对比等。两种以上色彩组合后,由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面,其对比强弱程度取决于色相之间在色相环上的距离(角度),距离(角度)越小对比越弱,反之则对比越强。

色相环

如上图,在色相环上,色相之间的角度大小就决定了对比的强烈程度,因此我们在选择色彩对比时候需要注意。

例如,下面这张设计图就是青绿色与紫色之间的对比,属于色相对比

下面红色和黑色组合,形成强烈的对比。

当然在色彩对比中除了色相对比,还有明暗对比。

上图配色色板中,分别应用色相和明度之间的对比。

02

形状对比

形状对比一般是有规则和无规则形状,比如上面的圆形和液态的有机图形进行组合,前者较为规整,后者往往弯曲且不对称,二者搭配使用可形成良好的对比。

那么在UI设计中的形状对比一般都是在棱角之间出现较多或者图标符号。

如上图几何形状,它在UI设计中一般都是容器形式存在。形状用好了也可以打破传统的固有的规整设计思路,从而在众多产品中形成竞争。

比如这样的形状应用,和现有市面上规整的图形设计形成明显的差异点。

色彩的包装也可以使用不同形状来定义,差异化中图形设计的趣味性。

Google的Materials you Android 12设计语言的出现,将不同形状容器的组合在设计中,演变出多种组件容器,这样的思路,值得我们深入思考与学习,为什么我们之前就想不到这样的思路?

形状对比在产品设计中的应用有更多无限可能,现在最难的还是大家的思维限制,希望以一种开放的心态去挑战设计更多可能性。

界面中圆形和方形的形状容器混合设计。

03

大小对比

在UI设计中对比其实就是差异化,实现信息层次的一种方式。在使用大小对比时候,大的元素就需要更大,小的就让它更小,不能拖泥带水,不大不小。

当遇到颜色相同的版式设计,可以通过大小来做层级区分。

上图界面设计中,标题文字最大,周边运用留白,使得信息层级区分更明显。

定位图标最大化显示在地图中心区域,聚焦,引起用户的关注和留意。

好了,今天文章差不多到这,我个人觉得图形的对比用好后将是构建竞争力最有效的设计手段,突破同质化壁垒,大家下去可以多去练练,找到设计的感觉。

文章来源:功夫UX,版权归原作者所有

原文链接:

https://mp.weixin.qq.com/s/vrjyayVX8d2r3PHykrsVbg

版权声明:“IXDC”所推送的文章,除非确实无法确认,我们都会注明作者和来源,本公众号对转载、分享的内容、陈述、观点判断保持中立,不对所包含内容的准确性、可靠性或完善性提供任何明示或暗示的保证,仅供读者参考。部分文章推送时未能与原作者取得联系,若涉及内容或作品等版权问题,烦请原作者联系我们,给出内容所在的网址并提供相关证明资料,我们会核查后立即更正或者删除有关内容!本公众号不承担任何责任,并拥有对此声明的最终解释权。

联系微信:Meia_99

点这里,一键进入IXDC2021国际体验设计大会!

👇返回搜狐,查看更多

相关推荐

仙境传说ro手游怎么听歌 听歌有什么好处
beat365中文官方网站

仙境传说ro手游怎么听歌 听歌有什么好处

📅 07-15 👁️ 5490
社联介绍 | 掌声送给社...社联人!
365体育在哪下载

社联介绍 | 掌声送给社...社联人!

📅 09-15 👁️ 7160