2021-10-25 UI设计规范及动态海报

最新推荐文章于 2024-03-25 20:43:25 发布

原创

最新推荐文章于 2024-03-25 20:43:25 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ui

这篇博客详细介绍了UI设计规范，包括手机端尺寸、APP布局、文字和切图规范，强调了色彩、图标和文字的一致性。此外，还探讨了动态海报的制作，推荐使用AE和PS作为制作工具，并指出动态海报能有效传达信息和提升视觉效果。最后，建议初学者多学习和实践，提高审美和设计水平。

文章目录

UI设计规范
动态海报
- 动态海报制作及学习教程推荐
总结

很多初学者在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理的一些UI界面的设计规范方便初学者进一步理解界面设计。除此之外，本文还会介绍设计成员中的一员——动态海报的设计。

UI设计规范

手机端尺寸规范

显示屏尺寸	分辨率尺寸	状态栏高度	导航栏高度	标签栏高度
iphoneSE:4英寸	640×1136px	40px	88px	98px
iphone6s/7/8:4.7英寸	750×1334px	40px	88px	98px
iphone6s/7/8plus:5.5英寸	1242×2208px	60px	132px	147px
iphoneX:5.8英寸	1125×2436px	132px	132px	147px