快收好!这4个方法快速提升画面品质感...

  • 经验类型规范/资料
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
1106 0 1 2020-09-13

分享一些UI设计技巧


快收好!这4个方法快速提升画面品质感

原创 小铺 UI精品铺 昨天



在我们的设计过程中,

是否觉得自己设计的画面不够精致?

看到别人的画面细节感满满很羡慕。

设计是需要细节的,

小铺今天给大家分享一些简单实用的方法

一起来学习吧!

1.画面细节


每当小铺看到好看的作品的时候,都会无意间发出感叹,而且想要把图留下。但是,留下作品的我们不要仅仅只是欣赏,我们还要考虑是什么让这个作品这么吸引我们,是颜色、布局、还是构图?


不同的设计作品有不同的品质感,无印良品传达出的品质感简单又不失好看。那么这些所谓的品质感,就是设计细节,做设计一定要把细节做到位,品质自然而然就出来了。


小铺建议可以通过平时的日常训练和多看优秀的作品,来训练自己对于细节的把控。研究优秀的作品,从而学以致用。


无印良品


2.版式


版式也称排版,就是将文字、图片图形、线条线框和颜色色块等版面构成因素塞到一个有限的空间里,在传达信息的同时也产生感官上的美感。


画面既有紧凑,也有留白,张弛有度


在版式这里小铺这边有以下几点建议:

(1)学习如何处理信息重点和信息层级(字距,笔画粗细,颜色,以及字体,字体大小)。

(2)主体(图形图像)和层级(文字)的关系。

(3)有效的排列组合以及适当的留白。


掌握好主体与层级的关系,能够解决版式设计中的大部分问题。


3.字体颜色


记得在小铺学画画的时候,时常会听到老师说“要注意画面的黑白灰”。在界面设计中,也是一样,我们需注意各层级字体间的黑白灰关系。明确的画面黑白灰关系会让界面变得更干净清晰。另外,当不同明度切换时应保持色相/饱和度不变。

字体颜色在画面的差别


4.画面的统一性


对齐是画面结构中的一部分,小铺觉得合理的对齐方式能够使画面内的信息变得更规整,内容传达更明确。让元素间的关系更具节奏感。


同一组合内的不同元素间需有明确的对齐关系,其关系能够清晰表达不同元素间的亲密性。


但是,不同组建间也需要合理的建立对齐关系,同时为保持界面的简洁性,同一界面内建立的对齐模式不要过多。

当文案的字数偏多一些的场景下,居左对齐更符合用户的阅读习惯


结束语

画面品质感的提升是日积月累的积攒,

需要我们去多看多收集,

而合理的画面细节、字体、版式和对齐方式

能够让界面的结构更加完整,精致。

希望小铺的建议能够帮助到你,

也希望每个设计师的作品都更加的美而精致。


小铺今天的分享到这里就结束了!

希望小主学到了一些有用的知识哦~

我们下次再见啦!


Powered by Froala Editor

全部评论:0

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票