UI界面设计与制作课件 第六章 UI设计输出.pptxVIP

第六章

UI设计输出;掌握UI页面标注的基础知识

掌握UI页面切图的基础知识

掌握UI页面命名的基础知识;具备标注UI页面的能力

具备制作UI页面切图的能力

具备命名UI页面的能力

具备AI输出UI设计的能力;培养良好的UI设计输出习惯

培养工作协调能力和组织管理能力

培养高度的责任心和良好的团队协作精神

培养灵活运用AI技术批量处理重复输出、提升输出UI效率的复合能力;标注原因

标注内容

标注规则

标注工具

课堂案例——标注探途旅游App首页

;对UI页面进行标注可起到还原设计、协助开发的作用。;页面中的标注内容通常包括文字、按钮、图标、图片、间距及分割线等。;1．文字的标注

在进行文字的标注时，需要标注出文字的字体、字号、字重、以及颜色等属性。;2．图标的标注

在进行图标的标注时，需要标注出切图的尺寸和间距等。;3．按钮的标注

在进行按钮的标注时，对于重复出现的标注属性，只需标注其中一个。;4．间距的标注

UI设计中的间距设定，通常以4?pt、8?pt为基础模数，遵循4的倍数设计原则展开，因此在进行尺寸标注时，也统一采用4?pt、8?pt、16?pt等4的倍数值作为标注标准。;5．投影的标注

对投影进行标注，通常标注颜色透明度、投影位置等。;1．属性

进行UI页面标注时，需要标注出尺寸、颜色、不透明度等属性。

2．位置

进行UI页面标注时，需要注意将位置标注清楚，如相对位置和绝