- 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=1739475455-ysQbiZWyggFZB9iazGB14Deod8ITOX5J-0-940cabc7fb70b2a90a3078dbe6119230)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_6.jpg?sign=1739475455-bzrjdTzu0PrxqzPwyZNaNhPA1NngzCGQ-0-54e21c0e043d83ee4115769988c53ab6)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_2.jpg?sign=1739475455-cdlTfPdzHjqxlvRy2QejoqcnPIar6TTn-0-88c45605fee2fb961062a05c5e349792)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_7.jpg?sign=1739475455-RqpU4OvXipA55vX7tHY0fWPzLDzbhJN2-0-313a19b894feb8a41013a7c10c122b7f)
1.6.2 平衡法则
随着时代的发展,移动端的界面变得越来越大。因此,版式布局在设计中越来越重要。版式布局不仅仅是把所有的功能放进去,而是应通过导航栏、工具栏、状态栏等区域的版式布局,将屏幕面积进行合理划分,给人舒适的视觉效果。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_3.jpg?sign=1739475455-KRA1nJyyUomMHru6ouYUt1dXdw5osUNK-0-686088d3c7e0ef9906c98b1ed97e0ad2)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_4.jpg?sign=1739475455-2xldVEBw8qbfPzhF9d8IdHk9XyLbFEgI-0-a3fcc017271e8cf5d65e7b82f2d351d4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P17_5.jpg?sign=1739475455-1jJmpD1FKIVtIpqecR5G5VrOaMTyw78a-0-df505390314327291ad5c8f681170362)
1.6.3 视觉法则
APP UI界面中的视觉法则主要是通过色彩、图案、标志来体现,这些要素只要搭配合理,就能够有效地吸引人们的注意力,将实物虚拟成手机界面中的图像,带给人们安全、清新、科技、浪漫、扁平化、拟物化等视觉感受。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_1.jpg?sign=1739475455-NKQykbPa7tRUWeldcg5JZX2k6KAhfOYL-0-ff0d4f1d06dae09deb39084c62f32eac)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_2.jpg?sign=1739475455-UoYDYmXuBHG3Mhssfci9W1o9G7vBegUg-0-68ca456fa95ff22b7ba2f4c320b49bb4)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_3.jpg?sign=1739475455-8CZnvpWp86EfdjAF1oI6vyOYe1j6syhP-0-e0df2ef0d2374041f0ca82972378efa0)
1.6.4 联想法则
通过对现实生活中的物品进行联想,并在此基础上进行APP UI设计。这种设计方式可以体现设计师丰富的想象力,增强艺术形象的表现形式,使屏幕界面更美观。例如对图标的设计,不管拟物化还是扁平化,都是将生活中人们的普遍认知,进行合理的想象与设计。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_4.jpg?sign=1739475455-WRnGdnr987PdLQ7NJkD3ByGRL2sjynoG-0-6defb45f501988de9efc2a6283a2f0c9)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_5.jpg?sign=1739475455-eUh4Nc0vzgmrqNfJoeFshSXgyDkfYFcN-0-1591f562ebb20ea8f32711650e721cea)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_6.jpg?sign=1739475455-9xvBUXDSORucCldR14QvMZt9XMZw9vuk-0-716b237d627d29e78bf479ce98a8957b)
1.6.5 直接展示法则
直接展示法则,是将信息直接展示在手机界面上,通过图形与文字的结合,让用户直接观看到其功能用途,给人直观的视觉观感。下方的例子基本以图形为主要显示方式,通过图形展现出功能信息。
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_7.jpg?sign=1739475455-5JI1HrGwGgC9UrYTNy1w2KF3sVNaUXyA-0-cab7310869bf6ca11e6439c89e8f0233)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_8.jpg?sign=1739475455-AAd2aL5Q341aDya3LGhsKoQQj22I9mzI-0-0bec469b0e6d6d8cf8f1a9e155fa0479)
![](https://epubservercos.yuewen.com/1E30DC/13043251604881006/epubprivate/OEBPS/Images/Figure-P18_9.jpg?sign=1739475455-UsMhsASBx2RI8AdpmlWJ6hJM27hItnqc-0-9312784a55df3bacec7f054556a1a5f9)