UI设计规范

一、常用规范

1、常用最小栅格单位(间距优先)
9px(数据类型密集使用) 12px (常用)15px 18px(内容少)

2、ps矢量工具
钢笔工具,文字工具,选择工具,图形工具,画板工具,图形工具

3、最小页边距
36px

4、字体规范
最小字体33号字 普通内容36号字 页面顶部栏目标题51号字

5、常用新建页面尺寸
1125*2436px

6、Z视觉层级
白色为最高层级,灰色视觉往后退。


二、高保真原型

1、确定色调
2、绘制图标 
3、添加按钮
视觉层级     实心按钮 > 幽灵按钮 > 字体按钮

三、新拟态风格

1.应用场景
适用于功能性的UI模型原型,如车载设备,手机智能设备管理系统。

四、动效演示界面

1、视频导出成gif的步骤图。
   a、直接把视频导入ps中
   b、ctrl alt shift s,web格式导出
   c、选择gif,选择永久
   d、适当调整颜色和尺寸
   e、导出大小不超过10m

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容