![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=1739287870-OFbV2tJWiNv4aQWsnEx5bNAonG7qNi7M-0-e0c2bc0c4e2df77b50e4c46871e58713)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_6.jpg?sign=1739287870-YuMHshXSm5MKVIKAtH5xCx9noGYxCdgJ-0-48dafc7b1b968738c474a5b50cfc545c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_2.jpg?sign=1739287870-sCvXfW49CkHUnJy9k5rzXOqlAmR3FhBW-0-a8ab6344af1b142034b3af82b744d482)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_7.jpg?sign=1739287870-DB2JcbKqSeVRf9sN34XLJuPfPtRPFzVw-0-fcf702b4c628252c519d3f04ff0b59fd)
1.6.2 平衡法则
随着时代的发展,移动端的界面变得越来越大。因此,版式布局在设计中越来越重要。版式布局不仅仅是把所有的功能放进去,而是应通过导航栏、工具栏、状态栏等区域的版式布局,将屏幕面积进行合理划分,给人舒适的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_3.jpg?sign=1739287870-C6s4ylIW8zJBVGumPRZEkPcwIS0r4OF5-0-e39297e304e58f8601419e889a64f033)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_4.jpg?sign=1739287870-Wqp5I3kCpItkTfrCDLKkxzLB5NLj9021-0-56d4ca7e2fd494a1d7fa3e62573fc012)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_5.jpg?sign=1739287870-qSD5jxtM2dQXDCMILb1mWMYSQHO4gbXp-0-a97dc0b71fc4e4e8a73498556ebace52)
1.6.3 视觉法则
APP UI界面中的视觉法则主要是通过色彩、图案、标志来体现,这些要素只要搭配合理,就能够有效地吸引人们的注意力,将实物虚拟成手机界面中的图像,带给人们安全、清新、科技、浪漫、扁平化、拟物化等视觉感受。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_1.jpg?sign=1739287870-WIkIYS292uhv9OmFZhaVnKuOQliqokcd-0-14a5dd0870778995e9b3e69ec10e3738)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_2.jpg?sign=1739287870-3PbQyP3W0wRAGpJMYZiZC3PGSPHNd5Ms-0-20fd429323d579cd47229340d2cb3a0c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_3.jpg?sign=1739287870-fRc3UQhp1FN1VpqlLQtMn2yrPRgueCKs-0-ca95f767dd6139e67b063d9ef249e360)
1.6.4 联想法则
通过对现实生活中的物品进行联想,并在此基础上进行APP UI设计。这种设计方式可以体现设计师丰富的想象力,增强艺术形象的表现形式,使屏幕界面更美观。例如对图标的设计,不管拟物化还是扁平化,都是将生活中人们的普遍认知,进行合理的想象与设计。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_4.jpg?sign=1739287870-pAtfk31JizgJdlL93wmP7gI7ftsM9wMY-0-01f027efd9b754eb07209fc16276d68c)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_5.jpg?sign=1739287870-43lxQWq4GwxGCrZN2lvbRYbWLDXZGNU6-0-c6a5dc5f46f7074a9127cc9646cc7ee3)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_6.jpg?sign=1739287870-VPxxrDSISjJWKB7gfaHIYvBHxxSdlywg-0-c00f2837fa48aa95ae08241042e9f506)
1.6.5 直接展示法则
直接展示法则,是将信息直接展示在手机界面上,通过图形与文字的结合,让用户直接观看到其功能用途,给人直观的视觉观感。下方的例子基本以图形为主要显示方式,通过图形展现出功能信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_7.jpg?sign=1739287870-OJzlPma6JKIyqLZyoXXtshBWC70PQy9N-0-6fe477ef6eca3c23e873b883843fc934)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_8.jpg?sign=1739287870-z8MG7t2HmKDMmc9zusJDbzqVji7GLxPG-0-e0ceff355ad52a5916f48e5f812c7c92)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_9.jpg?sign=1739287870-nbMD7LzaDUkDv8pSv5V31Zi8TXmpsm5X-0-c10e009f62ceb040e5cff221fd583799)