1. 首页

界面这样设计,很美很高级!

界面缺乏美感,其实都是我们的细节没有处理好。今天就和大家分享一些小技巧,来提高设计美感。运用在卡片上面,增加层次感,丰富设计细节圆形在设计中出现频次很高,原因其亲和力给人主观感受上要强于其他图形,因此可以借用圆形去设计。粗细对比虽然很常听说,但是很少有人注意到它在界面中使用细节,粗细文字排版增强对比的作用,提升品质感。如果将两个文字粗细调整下,再添加文字背景,设计感就上来了,下面看看案例。

最近常见到一个话题,做设计很土,不清楚怎样改善。其实这种痛苦,我们每个人就会碰到,包括我自己在做方案之后,第一稿自己都看不顺眼,反复尝试多稿才受到满意的效果。

界面缺乏美感,其实都是我们的细节没有处理好。很多优秀的设计作品,都是细节处理很到位。今天就和你们分享一些小方法,来提升设计美感。

使用投影

有之后我们在做设计过后,很容易忽视投影这个小细节。投影处理得当可以提高细节美感,处理投影之后必须留意的两点:

1.使用品牌色

界面这样设计,很美很高级!

用按钮来举例,可以看出左侧投影轻量且略带按钮样式,看着舒服;左侧是白色投影,显得有些脏,细节似乎没了。

2.注意透明度

界面这样设计,很美很高级!

界面这样设计,很美很高级!

有之后我们投影是加上去了,设计感也是了一些,但透明度属性可千万别马虎,如前面右侧按钮,就是投影过重了,很多新人容易犯的错。

以下来看下其它实例,运用在卡片以及关键的功能模块。

界面这样设计,很美很高级!

运用在卡片上方,增加层次感,丰富设计细节

界面这样设计,很美很高级!

只关键用途上面使用,如选中状态

备注:使用投影之后,切勿满篇幅使用,可以在关键地方加上投影,给整个界面布起到画龙点睛作用。

图文叠加

界面这样设计,很美很高级!

可以使用文字成为背景来提高画面方式感和触觉冲击力。

界面这样设计,很美很高级!

这些之后我们构图,直接将元素图片放中心设计,然后就完事了,其实仔细探讨,还可以去丰富下细节。

界面这样设计,很美很高级!

在人物背景上面添加与图相关的主体文字,作为背景修饰。看下案例:

界面这样设计,很美很高级!

巧妙将数字与前景图进行排版,画面有了纵深感

界面这样设计,很美很高级!

界面这样设计,很美很高级!

商品图和LOGO组合排版

界面这样设计,很美很高级!

平面海报图文叠加设计技巧,也是屡见不鲜

融入圆形

圆形在设计中发生频次很大,原因其亲和力给人主观体验上要强于其它图形,因此可以借用圆形去设计。

界面这样设计,很美很高级!

如果单纯的将页面排版在场景中,会变得枯燥,很常规。

界面这样设计,很美很高级!

界面这样设计,很美很高级!

如图,加上矩形背景,画面瞬间就活出来了,细节层次丰富,下面看看实际案例。

界面这样设计,很美很高级!

圆形和人物组合排版,这里圆形品牌图形

界面这样设计,很美很高级!

圆形作为修饰背景,强调主体人物

粗细有节奏

粗细对比虽然很常听说,但是极少有人注意到它在界面中使用细节,粗细文字排版增强对比的功效,提升品质感。

界面这样设计,很美很高级!

界面这样设计,很美很高级!

一般大个别伙伴第一次大概就想起上面这些设计,这样非常粗暴一些,比较常规。

界面这样设计,很美很高级!

如果将两个文字粗细调整下,再添加文字背景,设计感就上来了,下面看看案例。

界面这样设计,很美很高级!

粗细对比增加细节感

界面这样设计,很美很高级!

这张剧照同样的在设计中使用粗细对比

写在最后

现在分析四个小方法提高设计美感,在日常工作中必须多加以利用,才可孰能生巧,随机应变各种设计。

其实里面的方式并不是单一使用的,大家可以组合使用,会受到意想不到的视觉效果。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1283

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息