
上QQ阅读APP看书,第一时间看更新
1.3 APP UI设计的点、线、面
众所周知,点、线、面是艺术设计中的基本表现手法,是UI设计中的骨骼。即使拥有了好看的外表,没有内在的构架,慢慢地,也会给人们带来不良的感受。一切好的设计都是在一个稳定、良好的构架上进行的。
1.3.1 点
点在平面设计中,不是人们狭义上理解的一个点,而是在屏幕上相对线、面更小的面积。在设计时,不要被固定思维限制住,点可以是文字、图形文字等,前提是需要与页面中的其他元素进行比较。



1.3.2 线
线既是由点的运行所形成的轨迹,又是面的边界。在平面设计中,线的意义也不仅仅是线,例如由点组成的虚线、一长串的文字、由图形组成的线等,这些都可以成为线。不同轨迹的线可以表现出不同的视觉效果,横向给人一种延伸感,曲线具有一定的柔软感等。



1.3.3 面
面是由线移动构成的结构,具有长度和宽度,却没有厚度。在UI设计中,将点和线进行扩张就可以出现面。面可以说成是点的扩大,点更多强调的是页面结构,面则是强调形状面积。



