app设计规范

来源：

唐山今典室内设计培训培训中心

发表于：2022-05-13 14:54:09

相关标签：设计师培训唐山设计师培训

　　app是我们现在每天都会使用到的，但是在app设计的时候是有一些设计规范的，app设计规范是需要遵循人机交互、操作逻辑、界面美观的整体设计要求的，界面设计一般有状态栏、标签栏、主显示区、导航栏，设计的时候要遵循空间设计规范，比如分辨率的要求、状态栏高度的要求、导航栏高度的要求等等，下面让我们来详细的了解一下关于app设计规范的知识介绍吧!

　　APP聊天界面设计规范

　　1.本课主要内容如图示。

　　2.聊天界面的信息内容如图示。

　　3.【打开】Sketch软件，【选择】合适的屏幕画布。具体效果如图示。

　　4.【重命名】组件，单击【文件】-【从模板新建界面】，【选择】合适的组件对象，拖入画布，排列至合适的位置，调整尺寸。具体效果如图示。

　　5.使用【矩形工具】绘制矩形，【关闭】描边，放至画面合适的位置。具体效果如图示。

　　6.【修改】矩形颜色，使用【矩形工具】绘制矩形，调整大小，排列至合适的位置。具体效果如图示。

　　7.使用【文字工具】，选择合适的字体，输入文字，调整大小，移动至合适的位置。具体效果如图示。

　　8.【选择】关联图层，按【Ctrl+G】编组，【重命名】头部。使用相同的方法绘制底部形状对象，调整尺寸排列至合适的位置。【选择】关联图层，按【Ctrl+G】编组，【重命名】底部，【锁定】图组。具体效果如图示。

　　9.根据聊天界面的内容信息，使用【圆角矩形工具】绘制合适大小的圆角矩形，【填充】合适的颜色，排列至画面合适的位置。具体效果如图示。

　　10.使用【椭圆工具】和【矩形工具】绘制搜索图形，调整大小和颜色，排列至圆角矩形上方合适的位置，使用【文字工具】，选择合适的字体，输入文字，调整大小，排列至合适的位置，【选择】关联图层，按【Ctrl+G】编组。具体效果如图示。

　　11.使用相同的方法根据界面内容，使用【形状工具】和【文字工具】绘制消息组件，【选择】关联图层，右击【创建组件】，【重命名】消息。具体效果如图示。