![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=1739281363-l1G7zDuRbTaqyQH11a0c4OreFtQwCPHa-0-1239b1f75d31997712c7e17908db43aa)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P11_5.jpg?sign=1739281363-w6TrVOxFHT8ZDeifRYVByodsatci1h6z-0-1d681c9c3b3339ae9fe9734629503b4c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P11_6.jpg?sign=1739281363-5casg1jvnEIhQn2umbKRLs8WooNUAumx-0-952ac4fbca0040c13913f2c931162a2c)
1.3.2 线
线既是由点的运行所形成的轨迹,又是面的边界。在平面设计中,线的意义也不仅仅是线,例如由点组成的虚线、一长串的文字、由图形组成的线等,这些都可以成为线。不同轨迹的线可以表现出不同的视觉效果,横向给人一种延伸感,曲线具有一定的柔软感等。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_1.jpg?sign=1739281363-Ym2jvmg21xpxm8InoTxRRHUJvW8HckzM-0-1fed1f7b2fd84cc916207fa6548aa521)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_2.jpg?sign=1739281363-103AMnGVBBF5NUS3BKcLGQeAwgb1P47U-0-f13d12a61c1f69c0a20f965387558c7a)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_3.jpg?sign=1739281363-UbuKoXyRJYQxzUAasBvP3b3pQaoM09RL-0-d4ed6d504227f549a6780ba7b9f98010)
1.3.3 面
面是由线移动构成的结构,具有长度和宽度,却没有厚度。在UI设计中,将点和线进行扩张就可以出现面。面可以说成是点的扩大,点更多强调的是页面结构,面则是强调形状面积。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_4.jpg?sign=1739281363-MJaxdoDtZjdjZ18TiuBLCMJYaXbIXJid-0-908303e8d684d9efcb4fb2b27586f47c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_5.jpg?sign=1739281363-dAfJcLRqzp0yH1YeJhL7iJWfNyS1M7TO-0-016ff4ffe5da5202b8cac4b695f174b9)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P12_6.jpg?sign=1739281363-MuH4aFwpcyMdDrcnjHp7wrUbMA3bbVOq-0-00c94abacc3b87eb605a9c753355f5a0)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P13_1.jpg?sign=1739281363-6RsyxSnfL2lPPQDVetaxnbLO1iR3pe5Z-0-fde65c9633dee8d96b7cfc58578abbb9)