- APP UI 设计手册
- 孙芳编著
- 555字
- 2021-03-27 20:56:12
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=1739297668-FsQPZ5HnEjiG6SVxchrmL1S7QKLegcOJ-0-bce9b21861fab5fe990d7b42cd259769)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_6.jpg?sign=1739297668-w2wtQ9SmXdw6fGWwie2uPCeLDSay9pj9-0-6f345579e8a7f8bb079f829c6f1f3480)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_2.jpg?sign=1739297668-IKTe9bze4fhAVKcliBlqvpND2oDkTanp-0-3975748cddbb70422da2613adf083530)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_7.jpg?sign=1739297668-5BjT06wgMT8AWSGtACaXPHXYvZz6PQfN-0-d73ae49d2e12be14a323679aecdeeebf)
1.6.2 平衡法则
随着时代的发展,移动端的界面变得越来越大。因此,版式布局在设计中越来越重要。版式布局不仅仅是把所有的功能放进去,而是应通过导航栏、工具栏、状态栏等区域的版式布局,将屏幕面积进行合理划分,给人舒适的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_3.jpg?sign=1739297668-hzrIKZb7yplq5rAVHEpXhWHVOsVdol31-0-474aa3bc51884592c132b696b6b09a5d)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_4.jpg?sign=1739297668-ogeRWUmkDS2h9wdPhqe3DOhGNnflfIrQ-0-4af69a93a336e1085b2756bd6c6a5285)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_5.jpg?sign=1739297668-72QtJiifUHhLtLze8cJb2nqvvA9xphLY-0-d39c87f69f5665792762deabe6d0d789)
1.6.3 视觉法则
APP UI界面中的视觉法则主要是通过色彩、图案、标志来体现,这些要素只要搭配合理,就能够有效地吸引人们的注意力,将实物虚拟成手机界面中的图像,带给人们安全、清新、科技、浪漫、扁平化、拟物化等视觉感受。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_1.jpg?sign=1739297668-SalF4TGEShFNvIe7IMyRQcM4Sx1h9INE-0-68521508bd2a3cf8845329a4ba537a52)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_2.jpg?sign=1739297668-Z4fOlVHiMxU4sOMEwsBxGjLvkotjdICY-0-51511d490fa7ac445c446d56da8ad177)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_3.jpg?sign=1739297668-DfOUwbxZE1u1vurGnBpnLaINxl5Hsf80-0-99da1fd195e14435c4319f1aa002d014)
1.6.4 联想法则
通过对现实生活中的物品进行联想,并在此基础上进行APP UI设计。这种设计方式可以体现设计师丰富的想象力,增强艺术形象的表现形式,使屏幕界面更美观。例如对图标的设计,不管拟物化还是扁平化,都是将生活中人们的普遍认知,进行合理的想象与设计。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_4.jpg?sign=1739297668-WZP105ogKSdURAT5qPiTaPmcaBSWOTvc-0-0b3ea19e45b7846ccac641072775cfa4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_5.jpg?sign=1739297668-iDYgDkl3G4tEavkX59I1JhELaWlBlMzr-0-7143bbb07d76c70f752cf0144e12d51a)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_6.jpg?sign=1739297668-mgPLPtcSJ4jgAvMJDCmyJKH8NlBlbWHM-0-6a9bdd1d7e8f83b502b9293e3c3b4ad1)
1.6.5 直接展示法则
直接展示法则,是将信息直接展示在手机界面上,通过图形与文字的结合,让用户直接观看到其功能用途,给人直观的视觉观感。下方的例子基本以图形为主要显示方式,通过图形展现出功能信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_7.jpg?sign=1739297668-cTJtIDz7Dl09950PqzLdxOzJd4k0cxZX-0-64440452cd2f2b4817df005a61941a03)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_8.jpg?sign=1739297668-wx3Pvwyla1K3d6nTlAarQKeXH9mNMbxC-0-721a223bc94b2ce781f2994e7e3eee8e)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_9.jpg?sign=1739297668-or2UB8z190eymP54yMZm1OSTNxsKT6wW-0-4c47501856f00efc5b70165842d8dc38)