
上QQ阅读APP看书,第一时间看更新
1.6 APP UI设计的法则
APP UI设计是为了满足用户对手机界面的审美需求和功能体验,APP UI设计有五大法则:形式美法则、平衡法则、视觉法则、联想法则、直接展示法则。
1.6.1 形式美法则
形式美是一种具有相对独立性的审美对象,其法则在APP UI设计中主要有以下表现:对称与统一、节奏与韵律、和谐等。




1.6.2 平衡法则
随着时代的发展,移动端的界面变得越来越大。因此,版式布局在设计中越来越重要。版式布局不仅仅是把所有的功能放进去,而是应通过导航栏、工具栏、状态栏等区域的版式布局,将屏幕面积进行合理划分,给人舒适的视觉效果。



1.6.3 视觉法则
APP UI界面中的视觉法则主要是通过色彩、图案、标志来体现,这些要素只要搭配合理,就能够有效地吸引人们的注意力,将实物虚拟成手机界面中的图像,带给人们安全、清新、科技、浪漫、扁平化、拟物化等视觉感受。



1.6.4 联想法则
通过对现实生活中的物品进行联想,并在此基础上进行APP UI设计。这种设计方式可以体现设计师丰富的想象力,增强艺术形象的表现形式,使屏幕界面更美观。例如对图标的设计,不管拟物化还是扁平化,都是将生活中人们的普遍认知,进行合理的想象与设计。



1.6.5 直接展示法则
直接展示法则,是将信息直接展示在手机界面上,通过图形与文字的结合,让用户直接观看到其功能用途,给人直观的视觉观感。下方的例子基本以图形为主要显示方式,通过图形展现出功能信息。


