重庆卓易优：ui设计中的技巧——点的应用

点是构成UI平面设计的三大基本元素之一。点、线、面在这里都不是传统意义上的一个固定的概念。在UI设计当中，通过对点、线、面的分割、编排和布局使得整个UI设计页面更具有视觉冲击力和表现力。

 

在一定的UI设计创意与传达中，点的形状并非是固定不变的元素，很多时候取决于点自身的形状特征，点会因为周围环境有所改变而变化。依据点的构成方法可分解成大面积构成形态或小面积构成形态，虽然都是运用点去构成，但会有两种完全不同的视觉传达效果，小面积构成形态会给观者一种精美的UI设计感觉，大面积构成形态会给观者以视觉冲击力强的UI设计效果。

 

 

 

（点是一个相对的概念，只要相对于周围元素而言足够小，就可以称之为“点”）

 

　　

在UI设计过程中，面积大的构成一般是利用编排紧凑的点增加UI设计传达的视觉冲击力，还可以通过不同的构成形式改变点的整体形态和元素，此外，还有一种点的构成形式，即运用两条直线交叉后构成的点，交叉部分形成新的点形态，这可以看成是一种隐藏的点。基本元素的互相交叉与透叠作用形成新的视觉点，是UI设计中正确的表达方法与传达手段。

 

（点的形态并不固定，当人物以单点的形式出现在画面上，在视觉里就起到了中心点的作用）

 

 

| 点的视觉感受

 

在UI设计中，点元素能够吸引观众的注意力，还可依据点的位置变化，让观众感受到设计所传达的视觉信息。点元素的位置不能随意性摆放，在创作仅要衡量UI设计，更要协调好点与线、面元素的呼应关系。以下为五种常见的点元素构成的视觉形式：

 

① 将点元素设计在右上方，能增强点元素的视觉张力，突显了视觉体验与心理感受，让观众在寻找信息的同时，体验到新鲜独特的视觉愉悦感。

 

② 将点元素集中设计在右下方，能够营造沉稳气氛，达到观众的视觉稳定感。

 

③ 将点元素设计在版式中间偏左上方，以大多数人的阅读习惯为切入视觉，是迎合观众的佳平面设计表现方法，也符合从上至下的视觉思维习惯，与其他形式相比会更加符合视觉流程的认知，给观众的心理提供轻松和愉悦的感受。

 

④将点元素设计在版式左下方，这种构成形式会使整幅设计产生向下坠落的视觉感，在视觉空间上给观者带来心理低沉的压抑感与情绪低落感。

 

⑤将点元素设计在居中的位置，构图形式会使周围空间显得空旷而宽敞，观众在视觉上有充足感与空间的遐想，达到思维与心理活动的释放，得到视觉上的充分浏览与寻找视觉信息的目的。

 

（点也有烘托气氛的作用，在版面中适当的添加点元素来装饰画面，可以增强整体的氛围感）

 

 

| 不同的点造成不同的心理感受

 

点元素的表现形式有很多，每种表现形式都需要经过不同的表现形态和手段才能达到佳的视觉效果。在平面设计中，要充分了解观众的心理感受和接受能力，合理运用点的特征，更好表达设计效果。

 

单一的点：是指在整幅UI设计中的独立元素，其有利于塑造独立个体的视形象，可以使元素与元素之间的前后关系、轻重关系更加明确，独立的点还能给人稳重的视觉。多重的点：在UI设计中，利用多点的关系形成多元的编排创意，点的前后编排顺序、大小关系、密集程度都会给观众留下深刻的视觉感受。点的错觉：是指对客观事物在视觉思维与心理感受的差异进行链接与对接，由此产生不确定的感知。

 

（当画面元素较少时，为了避免画面太空，也可以加入点元素，能够点缀空白区域活跃版面）

 

 

| 点的特征与属性

 

点是小的表达元素，也是拥有丰富表现力与视觉影响的元素。运用点进特定的编排与组合，突出点元素在UI设计中的个性与张力，可以表现出平面设计的与风格。从单点编排到多点编排，顺序应一直围绕主题进行。在追求平面设计的表现形式美之前，应考虑UI设计元素的合理需求，只有遵守主题的要求，才能更好完成UI设计的创意。