零基础学习UI界面设计,这UI设计5要素你掌握了吗?!

学习UI界面设计需要掌握这5要素,UI界面视觉设计包含5个要素:色彩、文字、图标、图片、空间。一个出色的界面设计,必然是将这些要素做到了淋漓尽致。一款 App或者是Web产品,从用户体验的角度包含了战略层、范围层、结构层、框架层、表现层。

而作为UI设计师,如果连「表现层」的内容都还一知半解就去盲目地学习其他领域,这是不提倡的。这里说的「表现层」是指视觉设计层面,在界面的视觉设计中同样也包含了 5 个视觉要素:色彩、文字、图标、图片、空间。所以有对ui设计师心动的你还不快到获取学习的扣圈。

1. 色彩  (前三个是108中间是379最后是605)

色相、明度、饱和度是色彩的三个属性,不同的色彩具有不同的心理寓意,选色时需考虑产品的调性和受众人群;

色环上距离(角度)越大的颜色对比效果越强,反之对比效果越弱,设计时应采用合适的色彩搭配。


2. 字体

黑体、宋体等是常用的中文字体,而衬线体和无衬线体是常用的西文字体;不同平台的界面设计会有不同的字体使用规范;

另外,设计时需注意字号、字重以及行间距的设置,以达到最佳的阅读体验。

3. 图标

图标可以辅助信息文字的传达,也可以对界面起到修饰作用;功能型和展示型是图标的两大类型;

不同风格的图标传递出不同的视觉语言,根据场景的需要进行合适的选择,并保持风格的一致性。


4. 图片

不同比例的图片所传递的主要信息各不相同,设计时需要结合产品的特点,并根据不同的要求来选择合适的图片比例;

图片的排版类型有很多种,根据不同的场景和所需传递的主体信息来选择与之相符的展现方式。


5. 空间

使用栅格系统,可以让界面的信息呈现更加美观、易读和规范,设计时可以采用「8像素」栅格规则来指导元素尺寸和间距的制定;

层次感、焦点、韵味、呼吸是留白的四个属性,留白的表现形式需结合品牌的属性来选择。

在任何领域,如果想要有所成就,都需要不断的持续学习提升,需要孜孜以求的探索,需要与时俱进,需要不断练习和实践。

想要获取更加系统化的学习资料可以来交流圈中获取哦!知识的学习是一点一滴的不断积累,慢慢的一点一点整理好系统化学习资料去学习这样的学习效率是非常有好处,而且又能遇到志同道合的小伙伴一起学习,何乐而不为之。

你可能感兴趣的:(零基础学习UI界面设计,这UI设计5要素你掌握了吗?!)