|脛煤潞脙拢卢禄露脫颅路脙脦脢广东中鹏职业培训学校官方
|
当前位置: 主页 > UI设计培训 >

因此在制作模板页的时候

日期:2020-02-12 03:51|来源:未知

  弘智教育集团以雄厚的师资力量,完善的教学体系,全心的服务态度,一直重视人才的培养,广纳优秀人才,提供良好的职业发展规划和职业晋升通道

  受互联网+时代崛起的影响,许多的行业大军也纷纷的踏入这个行业,为了加强在市场的竞争力,人才是企业背后的支柱,对高质量的UI设计师需求是越来越迫切的。

  每日超过89750个职位,目前UI交互设计师人才缺口达50w+,随着互联网+的发展,预计UI人才缺口将超过200w。

  UI设计师就业范围广,覆盖率高达99%,涵盖互联网、教育建筑、广告媒体等企业,尤其是在互联网公司十分吃香。

  设计职位所需技能大同小异,掌握最核心的设计原理与技巧,就能实现各种设计职位的跨界,职业发展路径更宽。

  相关数据显示,UI设计平均薪资高达12000元,其中50%以上从业人员月薪过万,高于同水平其他行业薪资20%。

  理解思维导图的作用与使用方法,提升思维能力,激发创意,帮助设计师更好的完成设计创作。

  平面设计的元素,基本色彩知识。颜色在设计中的重要影响,各种颜色模式色彩调整。本课程结在软件设计课程讲解。

  通过了解书籍装帧、产品包装技巧和工艺,来理解书籍及产品包装的排版与色彩搭配、学会运用PS的进行排版设计。

  初步了解三种要素的原理、构成与设计中的应用。了解PS中的选区、图层、蒙版、通道等内容,了解图像修复、修饰的技巧,学会运用PS进行图片的后期美化与加工处理。

  了解杂志的分类与结构,了解杂志中运用的设计排版与表现方法。了解海报招贴的概念、作用;掌握其中的设计方法与分类形式,并激发创意方法。了解画册折页的概念、作用,了解画册折页设计的目的与印刷工艺的表现。

  了解标志的概念、作用;理解标志的分类与构成方式;理解标志的设计方法与创作思路。了解字体的发展历史与设计中的运用;了解字体的设计方法与分类;理解字体在设计中的重要性与表现方式。了解LOGO的制作,了解VI的作用、规范以及分类;了解VI的重要性与制作流程。

  了解网站相关知识、了解网站建设的标准流程;了解域名申请等相关建站知识。了解网页设计的分类与作用,了解网页设计的规范及要求,了解不同的网页界面设计风格。

  了解图标的作用与设计方法,了解图标的设计风格与特点。了解网页广告的设计流程,了解网页广告的设计技巧与创意手法;熟悉网页广告的制作与设计风格。了解企业站、专题页、电商营销页面的设计风格与特点;理解不同类型的网站设计需求的变化与出发点。

  了解HTML的语法基础与常用标签,理解网页结构的基础布局。了解CSS3的语法基础与作用,了解CSS3的修饰方法与动效属性及其在网页中的应用。了解网页布局的规范,了解浏览器的发展趋势;理解浏览器兼容的要求与多种浏览器兼容代码的编写。了解如何运用软件对已经搭建好的站点进行测试。

  了解移动端的产品发展与设计流程及规范;了解产品设计流程中的阶段与分工。

  了解剪影图标的作用与设计风格;理解PS、AI绘制剪影图标的方法。了解扁平化图标兴起的原因与设计风格;掌握扁平化图标绘制技巧与流程方法。了解写实图标这类的设计风格与特点;了解PS图层样式的高级技巧。

  了解交互设计的必要性与重要性;了解交互流程,了解交互与设计与产品需求之间的关系,培养交互设计思维。了解Axure等主流交互软件的使用方法;掌握低、中、高保真原型图的绘制方法。

  了解IOS界面设计规范;理解IOS界面设计原理;掌握IOS界面设计方法。了解Android界面设计规范;理解Android界面设计原理;掌握Android界面设计方法。通过项目实训,来让学员转换并提升学习成果。

  简历制作指导:了解简历各个模块信息的重要性,及可能产生的相关面试问题,根据每个学员的情况针对性指导修改简历。

  面试指导:根据简历提供的信息,提出面试过程中会产生的问题,并指导如何回答。了解基本的职场商务礼仪;一对一模拟面试。

  了解学员的基本信息和求职意愿,做出求职指导,帮助制定职业生涯规划,并推荐正规企业就业。

  弘智教育集团以雄厚的师资力量,完善的教学体系,全心的服务态度,广受学员的信赖,在职业教育培训行业竖立了良好口碑。

  目前已在长沙、南昌、景德镇、上饶、赣州等12座城市开多个校区,教学场所共有3000多平米,每年培训学员超过20000多人。

  弘智教育集团创立于2008年,现已发展成为大型的成人职业连锁培训机构,培训课程包括会计、计算机、职业资格证书等项目。

  UI设计工作中常用到的软件主要,PS,AI,AE、XD、DW、C4D软件等,以及原型图软件ARP,墨刀,蓝湖,三选一即可。PS、AI的作用主要是绘制图标及界面,AE主要负责动效的制作,ARP这些主要是交互设计师的工作,DW主要是负责网页制作设计,C4D主要负责动画设计,XD专业的图形化界面设计工具,集原型,设计和交互等作用。

  UI设计理论需要掌握:色彩搭配,设计规范,界面排版,切图标注,尺寸标注,平面构图,创意思维,设计思维,视觉审美,沟通能力,用户体验等知识。比如,APP界面中的颜色应该如何定义,这属于色彩搭配需要学习的知识。APP界面中界面及图标的大小,这属于设计规范需要学习的知识。APP界面中的图标及界面,如何摆放位置等。

  UI设计需要具备的设计能力:布尔运算、图标设计、界面设计、主题设计、交互设计、视觉设计、动效设计、网页设计、图形设计、banner设计、APP设计、UE设计、小程序设计、H5页面设计等。UI设计能力是从事UI设计工作必备技能,如果以上设计能力你不具备和熟练,基本上找不到你想要的UI设计工作,所以以上设计能力一定要会。

  Element 是饿了么出品的一套为开发者、设计师和产品经理准备的基于Vue 2.0 的桌面端组件库,其优势是设计可以根据组件库快速搭建界面,工程师可以使用前端框架封装的代码进行快速开发,从而提高界面的统一性和开发效率。

  由于我们的后台界面是基于 Element 的框架进行开发,因此在设计时就要求我们掌握 Element 的设计规范,然后基于这套框架的规范进行设计。

  进入 Element 官网点击组件,在侧边栏中有对应的设计规范,包括:布局、色彩、字体、图标、按钮、表单、数据、提示、导航、其他。另外,还可以在资源里面下载Sketch的规范文档。

  大家知道在做网页设计时一般采用1920 x 1080的设计尺寸,但是由于后台界面大多都是全屏设计的方式,采用大尺寸会导致小屏电脑数据展示不完的情况,因此在设计时首先需要确定设计标准尺寸,以及确定采用何种布局框架。

  为了能够很好的向上和想下适配,同时我综合了Ant Design的设计尺寸,因此这里我选用了居中位置的1440 x 900的分辨率来进行设计。

  不过由于浏览器的任务栏会占去部分高度,如果高度采用900px来设计,会导致一些主要信息不能在首屏中展现,哪采用什么尺寸比较适合呢?

  根据脚本之家中分析的一组Web尺寸规范统计数据,从上图可以看到当高度大于720时,就有82.64%的人看不到下面的内容了,因此在设计时高度可以取720这个中间值,这样前端在适配时错误率更低。

  因此,在做后台设计时,设计尺寸的比例最好采用1440 x 720的尺寸。

  侧边栏导航就是将导航固定在左侧,多用于工具性或管理型数据量比较大的后台界面中。其优势是提高了导航可见性,方便页面之间切换,同时顶部可放置常用工具,如搜索条、帮助按钮、通知按钮等。

  顶部导航就是采用上下布局,导航中可展示导航信息,其导航个数往往不超过7个,多用在数据量减少的普通网页后台,其优势是从上至下的正常浏览顺序,方便浏览信息。

  由于我们的项目多为工具管理类,因此采用侧边栏导航的布局方式进行设计即可。

  间距为24px(间距一般是8的倍数,因此在8、16、24、32中选择,模块间距采用24px最为舒适)

  其中侧边栏导航的内容区域宽度为自适应:W=屏幕宽度-侧边栏-间距x 2,在1440的分辨率下为W=1440-240-24×2=1152。

  布局框架确认之后我们就可以结合设计规范和 Element 组件库制作常用的模板样式了,一般有哪些界面需要制作成模板呢?

  这个就根据实际项目来确定,一般来说列表页的复用性最高,因此在制作模板页的时候,我主要针对列表页进行设计。

  列表页主要由三部分组成,基础框架+筛选+表格,在设计时我们可以先做一个基础样式。

  当基础列表做好后,我们就可以做其他状态,比如高级筛选样式,以及多层级列表等特殊样式。

  在界面效果上,这里我基于Element的基础上和Ant Design进行了融合,其主要原因是Ant Design有很多后台模板可应用,其二是觉得它的样式和布局相对比较紧凑一点。

  当模板界面搭建好之后,我们不可能将所有的样式都给它做出来,因此这时候可以将所有的状态都做成组件,这样前端在使用的时候可以自由组合。

  最后,模板样式制作好之后,就可以提交给前端进行封装了,以后开发就可以通过这些模板进行套用,当然在实际工作中还会遇到更复杂的页面,那时候在重新设计即可。

  3、制作后台模板界面,根据公司需要选择复用性较高的界面进行制作,对于多状态可设计出特殊样式和常规样式,其他状态可制作成组件。

主页 |技工技师培训 |特种作业培训 |学历教育