![APP UI 设计手册](https://wfqqreader-1252317822.image.myqcloud.com/cover/571/24172571/b_24172571.jpg)
上QQ阅读APP看书,第一时间看更新
1.6 APP UI设计的法则
APP UI设计是为了满足用户对手机界面的审美需求和功能体验,APP UI设计有五大法则:形式美法则、平衡法则、视觉法则、联想法则、直接展示法则。
1.6.1 形式美法则
形式美是一种具有相对独立性的审美对象,其法则在APP UI设计中主要有以下表现:对称与统一、节奏与韵律、和谐等。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_1.jpg?sign=1739280846-AU8kP3wYcnl3vPU8exunQbaMmtVjjMCx-0-7568fad7ca8ca5f5eec8b529075fcece)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_6.jpg?sign=1739280846-vg94WYBLeu3kwyMjeGIm4zxCBC2lpLIO-0-8393e87c94d5adad4243d79331cef2d8)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_2.jpg?sign=1739280846-I170FSuOZNQmnnABpvNUhd6YeJN5a2uw-0-52c0e2708bfa6e78bd76de7419b2ad3b)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_7.jpg?sign=1739280846-b29xqUcpz4MiIt7QnXKoHI7K2qPnIcUq-0-05deccb2f87f3b10c172f0f26a112482)
1.6.2 平衡法则
随着时代的发展,移动端的界面变得越来越大。因此,版式布局在设计中越来越重要。版式布局不仅仅是把所有的功能放进去,而是应通过导航栏、工具栏、状态栏等区域的版式布局,将屏幕面积进行合理划分,给人舒适的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_3.jpg?sign=1739280846-qb9ADtKC2AFWwnuodgkTX6VRg6daHcHf-0-ec9945856f37cc71b8c050bfafeda895)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_4.jpg?sign=1739280846-61lwC9TzDyUmbrixOVVz5NGfXn2w6k54-0-66fc39f62e1c6da681ee8af7472ddd60)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_5.jpg?sign=1739280846-R1QxdURNGjm7vyYl6EN4g7lWncFb5TGO-0-5e6fcc9db7120a78c616ceca8c42a699)
1.6.3 视觉法则
APP UI界面中的视觉法则主要是通过色彩、图案、标志来体现,这些要素只要搭配合理,就能够有效地吸引人们的注意力,将实物虚拟成手机界面中的图像,带给人们安全、清新、科技、浪漫、扁平化、拟物化等视觉感受。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_1.jpg?sign=1739280846-f0foofG5rN6wozzzEBUzm7dkg7jz8yhU-0-969aff2a3cdcfbb3f3d0cc51351037b5)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_2.jpg?sign=1739280846-EMXDHajf4ETeBgsSiWtoEDqKuFI5ceGl-0-262ae80fce9f3822b75853cde85dfeb8)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_3.jpg?sign=1739280846-XhqWyhRBU7LKjNYcZhOr67QzCIvgVO4C-0-46376108591c6a90910c13ad714e51e1)
1.6.4 联想法则
通过对现实生活中的物品进行联想,并在此基础上进行APP UI设计。这种设计方式可以体现设计师丰富的想象力,增强艺术形象的表现形式,使屏幕界面更美观。例如对图标的设计,不管拟物化还是扁平化,都是将生活中人们的普遍认知,进行合理的想象与设计。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_4.jpg?sign=1739280846-w7UWjlZsUKbQpo0oJi5YBwJ0EOBcQO4D-0-67fa084a8263f0d5b4b414676eb7fd7f)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_5.jpg?sign=1739280846-rCzOMSeAaK6iCgAPMe5H1kRPtRDTg6OI-0-fd8940c0317ac3ecade3ded5b273c382)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_6.jpg?sign=1739280846-D07WHSnqN0bIrxpmj7uzsOq1JWUAWCp6-0-e45f8cb8d814a1a9436dd8df6e2b2c36)
1.6.5 直接展示法则
直接展示法则,是将信息直接展示在手机界面上,通过图形与文字的结合,让用户直接观看到其功能用途,给人直观的视觉观感。下方的例子基本以图形为主要显示方式,通过图形展现出功能信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_7.jpg?sign=1739280846-JgMgysIZaIrwcONRhGOBMWm0hLZt5IWO-0-62f85fff3b3b0fca61d91fa889b742b4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_8.jpg?sign=1739280846-0ndpoCICyJ2LpZGqNjscmrqn1F9tBnDQ-0-24c036beb19adf36c42c88ee39aeddb4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_9.jpg?sign=1739280846-O6Wmp4uWsNUTxCj8BeoimXf6XnJt5I9c-0-89a2b514e02408ad9135d168d78e8bfb)