APP设计常识解读:四种平面构图的基本元素

APP设计其实也是UI设计当中的一个分支,也是迎合移动互联网产品发展的一种新的设计方式和设计思维。

25学堂一直以来,都是跟大家分享一些移动端APP设计的知识和干货。当然也要普及一些常见的基本设计原理和设计常识。

之前25学堂分享的平面构图知识点有:

1、小白自学APP设计:UI视觉设计构图的基本法则

2、优秀移动APP设计师之APP整体构图速成法

3、巧用色彩搭配设计APP界面:天气类APP设计欣赏

social_sharing_app

众所周知,设计师的工作是让需要传达的信息实现视觉转换,变得井然有序,形象生动,从而实现信息的有效传达。让用户更加容易理解所设计的产品。

 

下面就来重点了解下四种平面构图的基本元素:

1、概念元素:

包括:点、线、面。

点、线、面的构成形象是物体的外部特征是可见的。所以,形象包括视觉元素的各部分,所有的概念元素如点、线、面在见于画面时,也具有各自的形象。平面设计中的基本形:在平面设计中,一组相同或相似的形象组成,其每一组成单位成为基本形,基本形是一个最小的单位,利用它根据一定的构成原则排列、组合、便可得到最好的构成效果。

秒表APP设计

 

2、视觉元素:

概念元素不在实际的设计中加以体现,它将是没有意义的。概念元素通常是通过视觉元素体现的,视觉元素包括图形的大小、形状、色彩等。换句话说也可以是轮廓和色彩。

轮廓是物体边缘的线条。色彩是一张平面设计构图中表现形式的重点!

时间APP

 

3、关系元素:

视觉元素在画面上如何组织、排列,是靠关系元素来决定的。

关系元素包括:方向、位置、空间、重心等。当然也包含了设计规则和算法。

当然也包含下面的一些关系:

A、分离:形与形之间不接触,有一定距离。

B、接触:形与形之间边缘正好相切。

C、复叠:形与形之间是复叠关系,由此产生上下前后左右的空间关系。

D、透叠:形与形之间透明性的相互交叠,但不产生上下前后的空间关系。

E、结合:形与形之间相互之间结合成为较大的新形状。

F、减却:形与形之间相互覆盖,覆盖的地方被剪掉。

G、差叠:形与形之间相互交叠,交叠的地方产生新的形。

H、重合:形与形之间相互重合,变为一体 。

 

成熟的APP界面设计运用

 

4、实用元素:

指设计所表达的含义、内容、设计的目的及功能。比如拟物化的图标设计、逼真的场景设计等等。

 

25学堂的小编就跟大家聊到这里,今天分享的都是app平面构图的基本元素。已经一些设计常识。希望大家可以好好的理解下。下面有时间具体分析每一个案例。

每天更新,
全站高品质素材免费下载!