• 授课时间:

    现场安排开课时间

  • 授课对象:

    想学UI的学员

  • 网报价格:电询    课程原价:电询
  • 咨询热线:400-998-6158
  • 授课地址:多个校区,电联加微信
  • 课程详情

  • 机构简介
  • 地图信息
  • 预约试听
  • 上海金山区哪里有UI培训班


  • PS模块所需要学习的内容
  • 1.介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图选区自由变换、自由变形/保存格式。
  • 2.文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
  • 3.色阶,曲线,亮度对比度等/色彩平衡,色相饱和度,可选颜色等/画布、图像大小调整/钢笔工具/选区(选区工具)等
  • 4.消失点,液化,仿制源/锐化、模糊工具/加深、减淡工具,/渐变工具、.吸管工具/色彩知识(色彩搭配训练)
  • 5.橡皮擦/图层蒙版/套索,魔棒 /蒙版/抽出/调整边缘
  • 6.钢笔工具/色彩范围 /通道/摄影艺术介绍
  • 7.剪切蒙版/图层混合模式
  • 8.滤镜(上)风格化,像素化,模糊,水墨等艺术效果/智能滤镜
  • 9.滤镜(下)扭曲,渲染,其他
  • 10.图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加
  • 11.UI介绍/网页设计基础/网页banner的设计/网页切片工具
  • 12.对齐与分布//网页设计制作
  • 13.动画制作(把静态网页稍加动画)/软件互导性


  • ID模块所需要学习的内容
  • 1.介绍软件/新建画布/页面认识/软件优化
  • 2.视图工具参考线/导出预览模式/渐变填色,文字填色
  • 3.文字输入编辑(字号、字体、分栏等)
  • 4.文字群组与复合路径、对齐和分布
  • 5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪
  • 6.基础图形绘制与填色


  • AI模块所需要学习的内容
  • 1.软件介绍(应用领域、优势、缺点)/软件界面(调色板)
  • 2.基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
  • 3.排版需注意的适宜(字号、字体、出血、文字安全框等)
  • 4.文本格式:文字方向字符格式、段落格式、段落文本换行(图文混排)、分栏
  • 5.基础绘图(矩形、椭圆、多边形、图纸、螺旋线、形状、智能绘图)
  • 6.移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
  • 7.排列、锁定、造形/图框精确裁剪/群组与结合、对齐和分布
  • 8.手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
  • 9.形状工具:A.直接编辑基本形状/文字;B.转换成曲线后编辑
  • 10.涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
  • 11.均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
  • 12.交互调和、轮廓
  • 13.变形、阴影、透明
  • 14.立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
  • 15.封套设计
  • 16.位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)4.效果菜单
  • 17.表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印


  • CDR模块所需要学习的内容
  • 1.介绍软件/.新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
  • 2.其他格式:制表符、文字属性复制轮廓/简历制作
  • 3.选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
  • 4.钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
  • 5.排列、锁定、隐藏、路径查找器(焊接、相交、修剪)剪切蒙版
  • 6.描边面板/对象/路径/内部填充(网格工具、实时上色)
  • 7.变形工具/封套扭曲/变换工具
  • 8.画笔/符号/符号喷枪工具
  • 9.混合工具(带过,CDR中详说)透明蒙版(结合剪切蒙版使用)
  • 10.外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
  • 11.图表/位图转矢量图/透明度面板(中叠加方式的使用)
  • 12.效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理


ui设计师如何切图

当界面设计完成时,设计师需要将图标切片并提供给开发工程师。切图与标注是为了满足开发人员对效果图的的高度还原需求,这直接影响到工程师对设计效果的原度,也是设计师的重要输出*一。正确、准确的切图可以大限度地还原设计图,起到事半功倍的作用。
 

通常,我们只需要对icon进行切图即可,文本、线条和一些标准几何形状不需要切图。例如,搜索框只需要描述其尺寸、圆角尺寸、背景颜色值和标签中的不透明度即可,开发工程师可以使用代码来实现这一效果。
 

切图基本规范
 

切图的尺寸*须是偶数;
 

在同一模块内,切图尺寸应一致;
 

如果有背景,尽量用平铺背景图案进行设计(减少程序体积);
 

可点击部件把相关状态都切图输出,如正常状态、点击状态和不可点击状态;
 

输出的切图应尽可能压缩,以减小APP的总尺寸,提高用户的加载速度;
 

所有变形的字体把它当成 icon 来切;
 

切图输出格式:png-24;
 

重复的东西只切一个。
 

切图输出类型
 

1.图标切图输出
 

桌面图标切图输出
 

App的桌面图标将用于许多不同的地方,例如手机桌面、应用商店和手机设置列表,因此app桌面图标需要许多不同尺寸的切图输出。对应于两个平台的桌面图标的设计输出尺寸也不同。输出时把双平台的尺寸全部输出切图,桌面图标切图只需要提供直角的图标切图,手机系统会自动生成圆角效果。
 

系统图标切图输出
 

一套图形适配双平台:iOS平台(iPhone 6plus版本除外)和安卓平台公用44*44px切图素材,可以实现一套切图适配双平台的开发。
 

适应大屏幕:为了适应iPhone 6plus和iPhone 7plus,单独切一套比原来44*44px切图大1.5倍的切图,即66*66px切图。
 

app内功能图标
 

图标可以有留白区域,建议图标的尺寸不要太大。
 

2.图片类切图输出
 

图片类切图主要指启动页面、新手指南页面、默认提示、广告地图等需要完整切图的图片。一般来说,对于工程师开发和使用的相同类型的切图图片,应该保持相同的尺寸。此外,这些切图的文件通常很大,在切图过程中需要控制切图文件的尺寸。

更多培训课程,学习资讯,课程优惠等学校信息,请进入 上海金山区平面设计培训上海金山区PS淘宝美工培训上海金山区UI培训上海金山区PhotoShop培训 网站详细了解,免费咨询电话:400-998-6158

预约试听
  • 姓名: *
  • 性别:
  • 手机号码: *
  • QQ:
  • 微信:
  • 其它说明:
  • 验证码: *  看不清,请点击刷新
相关课程