如何优雅的定义 App 的界面设计

思量信息的流动性

除了界面的差别状态外，界面设计与平面设计的差异另有在于信息是流动的，也就是界面上的信息并不是牢固长度的，好比说每小我私家的ID名字长度纷歧样、信息叙述的长度也纷歧样、剩下的倒数时间纷歧样、评价数也是纷歧样的，而这些差别长度的文字有可能会在画面上与其他UI元素碰撞，例如：说底下这个购置界面，当商品名过长时会笼罩到付款的按钮。

这个问题有以下三种处置惩罚方式：

限制长度

限制长度可以分为输入限制以及显示限制，输入限制是指使用者在输入信息时，限制他可以输入的字元长度；显示限制则是当信息长度凌驾显树模围时，则隐藏过长的信息，最常使用的是截断资讯后加上删节号（ellipsis）。

动态调整巨细

凭据差别的文字长度，在不失可读性规模内去动态缩小文字。让文字凭据长度自顺应巨细。

动态调整显示形式

有些信息有不只一种的表达方式，当信息过长时可以使用比力简短的表达方式，好比说November换成Nov、1200换成1.2K、1分10秒换成70秒……等等。

对于界面上要出现的信息都思索过以后，你就可以在纸上打草图或是使用Axure、魔刀等原型工具画出原型。

然后需要施展你的美感以及对用户美感度的认知。当草图画完，

检查确认后没有问题后，设计师会像刷油漆一样平常画出漂亮的视觉稿！

 2/2   首页 上一页 1 2