界面这样设计,很美很高级!
界面缺乏美感,其实都是我们的细节没有处理好。今天就和大家分享一些小技巧,来提高设计美感。运用在卡片上面,增加层次感,丰富设计细节圆形在设计中出现频次很高,原因其亲和力给人主观感受上要强于其他图形,因此可以借用圆形去设计。粗细对比虽然很常听说,但是很少有人注意到它在界面中使用细节,粗细文字排版增强对比的作用,提升品质感。如果将两个文字粗细调整下,再添加文字背景,设计感就上来了,下面看看案例。
最近常见到一个话题,做设计很土,不清楚怎样改善。其实这种痛苦,我们每个人就会碰到,包括我自己在做方案之后,第一稿自己都看不顺眼,反复尝试多稿才受到满意的效果。
界面缺乏美感,其实都是我们的细节没有处理好。很多优秀的设计作品,都是细节处理很到位。今天就和你们分享一些小方法,来提升设计美感。
使用投影
有之后我们在做设计过后,很容易忽视投影这个小细节。投影处理得当可以提高细节美感,处理投影之后必须留意的两点:
1.使用品牌色
用按钮来举例,可以看出左侧投影轻量且略带按钮样式,看着舒服;左侧是白色投影,显得有些脏,细节似乎没了。
2.注意透明度
有之后我们投影是加上去了,设计感也是了一些,但透明度属性可千万别马虎,如前面右侧按钮,就是投影过重了,很多新人容易犯的错。
以下来看下其它实例,运用在卡片以及关键的功能模块。
运用在卡片上方,增加层次感,丰富设计细节
只关键用途上面使用,如选中状态
备注:使用投影之后,切勿满篇幅使用,可以在关键地方加上投影,给整个界面布起到画龙点睛作用。
图文叠加
可以使用文字成为背景来提高画面方式感和触觉冲击力。
这些之后我们构图,直接将元素图片放中心设计,然后就完事了,其实仔细探讨,还可以去丰富下细节。
在人物背景上面添加与图相关的主体文字,作为背景修饰。看下案例:
巧妙将数字与前景图进行排版,画面有了纵深感
商品图和LOGO组合排版
平面海报图文叠加设计技巧,也是屡见不鲜
融入圆形
圆形在设计中发生频次很大,原因其亲和力给人主观体验上要强于其它图形,因此可以借用圆形去设计。
如果单纯的将页面排版在场景中,会变得枯燥,很常规。
如图,加上矩形背景,画面瞬间就活出来了,细节层次丰富,下面看看实际案例。
圆形和人物组合排版,这里圆形品牌图形
圆形作为修饰背景,强调主体人物
粗细有节奏
粗细对比虽然很常听说,但是极少有人注意到它在界面中使用细节,粗细文字排版增强对比的功效,提升品质感。
一般大个别伙伴第一次大概就想起上面这些设计,这样非常粗暴一些,比较常规。
如果将两个文字粗细调整下,再添加文字背景,设计感就上来了,下面看看案例。
粗细对比增加细节感
这张剧照同样的在设计中使用粗细对比
写在最后
现在分析四个小方法提高设计美感,在日常工作中必须多加以利用,才可孰能生巧,随机应变各种设计。
其实里面的方式并不是单一使用的,大家可以组合使用,会受到意想不到的视觉效果。
原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1283