UI设计师如何让自己的设计作品更有吸引力?

2021-04-06
4480
0

  UI设计师如何让自己的设计作品更有吸引力?设计师作为当下比较热门的职业,对于各行各业来说,都是一个不可或缺的存在。设计师们将自己的思想转化为现实,不断的创新,来融合大众的审美观和消费观。那么,今天和绘学霸小编一起了解下:UI设计师如何让自己的设计作品更有吸引力?

UI设计师如何让自己的设计作品更有吸引力?

 

  今天小编要跟大家分享的文章是关于UI设计师想让自己的设计作品更具吸引力需要学会对比。对比这个概念大家可能并不陌生,对比其实是不同元素和个体之间的差异的外化表现,差异越大,对比就越明显。那么将对比运用在设计中会如何呢?在几乎所有的设计项目当中,设计师总会出于各种目的来营造对比,对比在设计中的作用大概分为以下几点:

 

  ·增加视觉吸引力

  ·提高可读性

  ·强调重点

  ·创建层次

 

  很多时候对比度能够让设计显得更加时尚,今天的文章我们将会分享一些实用的方法,帮你提升设计中的对比度。

  在设计中运用好对比能够帮助设计作品更加时尚,更具说服力,下面我们一起来看一看一些实用的方法,帮助我们在设计中更好的运用对比。

 

  1、调整元素的尺寸大小构成对比

 

  如果你所设计的UI界面或者插画当中,绝大多数的元素都是尺寸相似的,位置对称的,色彩相似,那么它们在一起是很难创造出视觉焦点的。

  增加设计的对比度的诸多方法当中,让元素之间的尺寸差别尽可能大一点是最快最直接的。想要达到这个目标,可以让某个元素更大一点,或者更小一点。用户的眼睛会很自然地被这种差异性吸引过去,因为它们是不同的。

 

   如果你此刻所设计的是网页,那么可以让标题或者CTA标语和按钮比周围的元素更大一些。更大的元素会拥有更明显的视觉重量,这种东西可以通过对比来呈现。

 

  2、使用纹理和图案来构建对比

 

  想创造对比度更高的设计,本质始终还在在于创造差异。而纹理和图案这种元素,相互之间往往有着很大的差异,在设计的时候可以充分利用这一点。比如可以让粗糙的纹理和平滑的元素搭配在一起,创造出对比度。

 

 

  另外一方面,纹理本身会带有一些特定的属性,比如粗粝的纹理能够创造复古的质感,微妙的纹理则能够给人自然的感受。同样的,不同的气质和质感之间也存在差异,一方面能够创造更加独特的效果,另外一方面也能强化对比度。

 

  3、通过色彩强化对比度

 

  配色也是很重要的设计技巧,同样是最容易被感知到的设计元素。色彩的色相、明暗、饱和度上的差异,都能够制造足够对比度。同一种色相之下,不同深浅的颜色之间的对比是非常明显的,而我们最常见的就是在黑色背景上的白色文本和在白色背景上的黑色文本,这种对比度确保了内容拥有基本的可读性。

 

  当然,在实际的色彩搭配当中,对比度足够明显的配色方案会更加复杂,通常而言,下面基于色轮的三种色彩搭配方式能够给你对比明显效果不错的配色:

 

  互补配色。色轮上处于相对位置的两种色彩,比如红色和绿色。

  分割互补。这是互补配色的变种,指的是色轮上相邻的两种色彩和它们各自相对位置的色彩,共同组成的配色方案。

  三元互补。这指的是在色轮上互相间隔120度的三种色彩组成的配色,比如绿色,紫色和橙色构成的配色。

 

  TripAdvisor这个网站就使用了三元互补的配色,来构建对比色。

 

  最后补充一句,除了借助色轮以外,还可以比较简单地使用冷色和暖色来作为对比色,构建配色方案。

 

  4、通过留白来制造层次和对比

 

  在设计的时候,留白是组织内容的重要手段,它们能够创造足够明晰的视觉层次。比如设计一个包含大量内容的页面,不同元素之间的疏密控制,能让内容各自拥有不同的层级,不同元素之间的留白和间距,则能够让它们拥有不同程度的吸引力。被大量留白所环绕的元素,更容易吸引人的注意力。

 

  注意Information Highwayman这个网站是怎么借助视觉层级来吸引用户注意力的。

  距离靠近的元素会让用户觉得它们相互之间是有关系的,而相互远离的元素这种关联性就会降低。这是留白的作用。

 

  大量的留白不仅能够营造对比,还能创造优雅大气的感觉。

 

  5、充分利用字体排版来制造对比

 

  不同的字体组合和排版布局,同样能够强化设计的对比度。不同的字体有着不同的视觉效果,给人不同的体验,可以通过合理的字体组合,来营造对比度。字体之间的差异要足够显著,但是在搭配使用的时候,还需要足够协调,这种微妙的平衡需要控制。最受欢迎的搭配方式,是采用衬线体字体和非衬线体字体。诸如Fontjoy和Type Connectiong可以帮你进行字体搭配的挑选。

 

  另外一种方法,是使用不同的字体样式来创造差异,比如使用斜体、加粗的效果,或者使用不同的字重来进行区别。

 

  6、使用意外的元素

 

  如果使用得当,一些非常规的、意外的元素,能够给你的设计保持平衡还能够创造足够的对比度。意外的元素并不是用户不希望看到的东西,而是让他们感到惊讶的元素。

 

  虽然这些元素很难做到恰到好处,但是也不是没有规律可供遵循。比如使用不对称的设计,来打破沉闷的布局,或者在中性的配色方案当中,加入一抹亮色,这都是比较典型的方案。

 

  那么,今天关于UI设计师如何让自己的设计作品更有吸引力?的分享就这些了。自我更新的过程需要打破常规、重塑自我,这里提到的重塑不是改变性格;这是一个投入实践的过程,让我们回首过去的自我,重新排列优先级,去探寻真正或新发现的兴趣。

 

  如果想学习了解UI设计更多干货资讯,可以下载绘学霸App,海量视频教学,一步一脚印,零基础变大神,专业学习教程,业内优秀名师现场录制1080P超高清画质,你不会错过任何一个细节处理。精选高品质课程只为你学得更好。每天都有海量的新课程视频等你来学。

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6