![APP UI 设计手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/571/24172571/b_24172571.jpg)
上QQ阅读APP看书,第一时间看更新
1.3 APP UI设计的点、线、面
众所周知,点、线、面是艺术设计中的基本表现手法,是UI设计中的骨骼。即使拥有了好看的外表,没有内在的构架,慢慢地,也会给人们带来不良的感受。一切好的设计都是在一个稳定、良好的构架上进行的。
1.3.1 点
点在平面设计中,不是人们狭义上理解的一个点,而是在屏幕上相对线、面更小的面积。在设计时,不要被固定思维限制住,点可以是文字、图形文字等,前提是需要与页面中的其他元素进行比较。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P11_4.jpg?sign=1739287551-OcPIiwNmoGfZaKJrDHobVsoqoJFIJcvl-0-da3df3eb02659c31772e4f3d51620a5f)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P11_5.jpg?sign=1739287551-oBqUQZehKV5Oey39IyjNJwYfgmzOCGSy-0-6c88370fdd5571b8e4a9120c7de6ca3c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P11_6.jpg?sign=1739287551-oU4zzaVFyPwYXfUfLTOXdqe4G7DSCwqm-0-f4ff9561a7c69a7871494708a6fa42f2)
1.3.2 线
线既是由点的运行所形成的轨迹,又是面的边界。在平面设计中,线的意义也不仅仅是线,例如由点组成的虚线、一长串的文字、由图形组成的线等,这些都可以成为线。不同轨迹的线可以表现出不同的视觉效果,横向给人一种延伸感,曲线具有一定的柔软感等。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_1.jpg?sign=1739287551-saRbPL6FpfNliEQxyDfYJixwis4SeqIM-0-49232f9157c7952f826f7e55c34893dd)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_2.jpg?sign=1739287551-9apguaTLeHyaXjWN1TdLMTaD1DugfSPW-0-8f9856dda1e72991c994b555d6dfe4ce)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_3.jpg?sign=1739287551-FgGAbVCwFrbiVliBvR7YfhhcE656UMXG-0-022904019508b25d82e90b6efadff7d7)
1.3.3 面
面是由线移动构成的结构,具有长度和宽度,却没有厚度。在UI设计中,将点和线进行扩张就可以出现面。面可以说成是点的扩大,点更多强调的是页面结构,面则是强调形状面积。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_4.jpg?sign=1739287551-P2Up84NKOO12jrlqXpz7UsiqmtSd86ja-0-70d787c3182f9f018cd562c09ddd9569)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_5.jpg?sign=1739287551-O9wKx3ltG9xo04ms5Ps2Qyc5M06ScjsQ-0-3e1c3791dd5073d0d0dfafc86bb9f3af)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_6.jpg?sign=1739287551-9fwVfF10gwTwDBJNr7qa9xDZv82yhKcG-0-539674521077641f95bf8fb6d0619ff4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P13_1.jpg?sign=1739287551-snllnk7CTEHy6EYMaAnHdGa9JtysmczP-0-4fbb8db14145d3d669c0950c916a9dbe)