MASTUDIO移动开发平台
界面设计

移动开发平台APP 界面UI设计规则

1:光线来自天空
阴影能够告诉人脑我们到底在看什么样的UI元素。
这可能是学习UI设计时,最容易忽略却又极为重要的一点了:光线来自天空。光线总是从天空(上方)来的,从下面照上来的光看起来会非常诡异。

UI

2:黑白优先
在上色前用灰度模式设计可以简化大量的工作,让你更加关注空间和元素布局。
UX设计师现在都喜欢“移动开发平台”优先的概念,这就意味着你要先考虑好在手机上如何显示页面,然后才考虑在超清的Retina屏幕上的显示效果。
这种限制非常好,能够帮你理清思路。先解决一些棘手的问题(在小屏幕上显示)。然后再解决简单的问题(在大屏幕上的可用性)。
我希望你先用黑色和白色设计,先把复杂的问题解决了。在不借助颜色帮助的情况下把app做得美观易用。最后再有目的地上色。

3:增加空白空间
为了让UI看起来更加有设计感,留出一些空白的空间。
在第2条法则中,我说到了黑白优先的原则,让设计师在考虑颜色之前先想想空间和布局,那么现在我们就来说说如何安排空间和布局。

所有东西都堆在屏幕上,字号、行距都很小,段与段之间有一些间隔,但是也不是很大。这么布局实在是太难看了。如果你想设计出精美的UI,那就需要留出更多空白的空间。
留白空间、HTML和CSS

如果你和我以前一样,习惯用CSS来调整布局,那你最好改掉这个坏习惯,因为CSS默认是没有留出空间的。试着把空白当作默认状态,在空白页面添加各种元素。从没有修饰过的HTML开始,先做好内容,然后再做排版。

MASTUDIO 帮助与文档