项目6 快速输出UI设计-UI设计输出_第1页
项目6 快速输出UI设计-UI设计输出_第2页
项目6 快速输出UI设计-UI设计输出_第3页
项目6 快速输出UI设计-UI设计输出_第4页
项目6 快速输出UI设计-UI设计输出_第5页
已阅读5页,还剩16页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

本章介绍:

本章对UI页面的标注、UI页面的切图以及UI页面的命名等基础知识及相关规则进行系统讲解与演练。通过本章的学习,读者可以对UI设计输出有一个基本的认识,并快速掌握相关UI的输出。项目6快速输出UI设计—UI设计输出学习引导熟悉UI页面的标注内容掌握UI页面切图的切图规则了解UI页面的常用命名掌握UI页面的标注掌握UI页面的切图掌握UI切图的命名培养良好的UI设计输出习惯培养一定的团队合作能力任务6.1

标注旅游类App注册登录页任务引入任务知识任务实施6.1.1任务引入本任务通过学习使用软件PxCook标注旅游类App注册登录页,掌握注册登录页的标注方法。6.1.2任务知识:PxCookPxCook,又名像素大厨,是一款可以进行自动标注并生成切图的软件。自2.0.0版本开始,该软件便可以支持PSD文件的文字,颜色,距离自动智能识别。6.1.3任务实施任务6.2制作旅游类App注册登录页切图任务引入任务知识任务实施6.2.1任务引入本任务通过学习使用插件Cutterman对旅游类App注册登录页切图,掌握注册登录页的切图方法。6.2.2任务知识:CuttermanCutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工“导出web所用格式”以及使用切片工具进行挨个切图的繁琐流程。它支持各种各样的图片尺寸、格式、形态输出,方便在pc、ios、Android等端上使用。6.2.3任务实施任务6.3命名旅游类App注册登录页切图任务引入任务知识任务实施6.3.1任务引入本任务通过学习命名规则对旅游类App注册登录页切图命名,掌握注册登录页切图的命名方法。6.3.2任务知识:命名规则UI页面中内容的命名规则需要注意组成、符号以及格式三个方面。命名的组成,需要使用小写英文字母,不建议使用中文。命名符号,需要使用下划线“_”来进行单词之间的连结。命名格式需要遵守“组件_类别_名称_状态@倍数”的格式进行命名。6.3.3任务实施任务6.4项目演练-切图命名电商类App注册登录页任务引入任务实施6.4.1任务引入本任务通过使用PxCook软件标注页面,使用Cutterman进行切图,按照UI页面命名规范对切图效果进行命名。6.4.2任务实施运用PxCook为电商类App注册登录页标注进行标注。在Photoshop中安装插件Cutterman,为电商类App注册登录页进行切图。为电商类App注册登录页切图进行命名。任务6.5项目演练-切图命名餐饮类App注册登录页任务引入任务实施6.5.1任务引入本任务通过使用PxCook软件标注页面,使用Cutterman进行切图,按照UI页面命名规范对切图效果进行命名。6.5.2任务实施运用PxCook为餐饮类App注册登录

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论