UI设计纯小白入门攻略,UI设计核心内容
作者:优漫动游设计部 2023-02-10 15:19 查看: 444
  01、什么是UI设计。

  UI设计,全称User Interface(用户界面设计),就是通过显示器呈现出的界面。包括但不限于:手机界面、电脑界面、智能手表界面、银行的取号机界面、机场航班显示板等等。

  只要是通过显示器呈现出的界面,不管是带交互还是不带交互的都可以理解为是UI界面。而设计UI界面的工作就叫UI设计,做UI设计工作的岗位就叫UI设计师。


UI设计纯小白入门攻略,UI设计核心内容


  02、UI设计的类型

  UI设计按用户和界面来分可分成四种UI设计。分别是移动端UI设计,PC端UI设计,游戏UI设计,以及其它UI设计。

  第一种:移动端UI设计

  移动端UI设计,也就是手机用户,界面指的就是手机界面,也就是说手机上的所有界面都是移动端UI设计。移动端UI大致有手机源生UI界面、APP UI界面、小程序UI界面三大类。

  第二种:PC端UI设计

  PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等。PC端UI大致可分为PC源生UI界面、客户端UI界面、网页端UI界面三大类

  第三种:游戏UI设计

  游戏UI设计,用户也就是游戏UI用户,界面指的是游戏中的界面,像手游王者荣耀,端游英雄联盟和一些其它游戏中的界面,登录界面、个人装备属性界面也都是属于游戏UI设计。

  第四种:其它UI设计

  像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。

  03、学UI设计的四个阶段

  第一阶段:品牌平面设计

  学完本阶段可使用PS、AI软件从事平面设计相关行业,根据学习内容可达到独立设计所有平面类设计作品的能力,完成品牌提案与升级。可就业岗位为平面设计师、品牌设计师、品牌策划、企业形象设计师、高级平面设计师等。

  掌握核心内容:

  1.从基础到深入学习设计相关软件,通过PS及AI软件的学习练习多种案例设计;

  2.学习相关设计理论,达到独立构思进行创意设计的能力;

  3.熟练掌握各种平面设计相关规范与设计技巧,学习构图并用不同方式进行广告设计;

  4.熟练掌握户内户外广告设计及输出;

  5.掌握包装设计与商业画册设计方法,运用印刷流程与工艺等使平面设计作品更具规范化;

  6.掌握时下最新的设计流行趋势并通过真实项目积累真实项目案例经验;

  第二阶段:电商运营设计

  学万本阶段课程,可使用PS、AI、PR、C4D软件从事电商相关行业,可独立完成店铺各种活动的相关设计,可从事电商设计师、电商运营、视频剪辑师、独立制作人等岗位。

  掌握核心内容:

  1.深入图片的光影及明暗关系,了解各种材质明暗变化,高精度处理人像精修与产品精修;

  2.掌握电商相关设计方法,学会店铺推广与引流并掌握如何提升与转换的方法;

  3.电商广告学习,以全方位视觉营销策略及高端电商运营推广为核心,掌握多种风格的设计技巧;深入学习视觉创意合成;

  4.了解短视频拍摄步骤以及拍摄分类,掌握PR短视频剪辑,配合商业实用案例,彻底学会视频剪辑,可独立完成产品视频、宣传片和Vlog剪辑;

  5.熟练掌握三维曲面及多边形建模技巧、贴图技法,可以完成立体场景及产品建模;并熟练调节材质,掌握打光渲染的技法,可独立搭建创意场景并渲染输出;

  6.通过真实店铺页面装修操作,学习移动端店铺装修与PC端店铺装修,增加工作实战性;

  第三阶段:web界面设计

  学完本阶段课程可使用ps、xmind、axure、xd、dreamweaver软件从事网页相关行业,掌握各企业网站前台和后台页面设计,并独立写出符合W3C标准网页布局代码和CSS页面样式;可从事网页设计师、网页交互设计师等岗位。

  掌握核心内容:

  1.掌握设计PC端的网页和移动端的区别,清楚设计要点并完成从需求分析,到原型,设计、切图标注的全流程,能根据不同的需求制作出不同风格的网站首页及内容页;

  2.掌握网站的分类,掌握网页设计的原则及视觉规范;

  3.掌握如何对版面进行栅格化;学习网页中图文的排版技巧;

  4.掌握网页中导航、BANNER、内容区、底部等板块的设计方法;学习功能型网站首页、列表页、详情页等页面的设计表现;

  5.认识B端及B端后台的常见分类;掌握B端后台的设计流程及规范;

  6.大屏数据可视化的设计流程及常见项目应用;大屏数据可视化常见图表的绘制方法;

  7.HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等;

  8.CSS语法与常用属性的详解,使用CSS对网站中各个模块进行修饰美化;

  9.对页面布局结构进行深入的分析,浏览器兼容的处理解决办法,完成各种网站布局实训;

  第四阶段:UI/UE设计

  学完本阶段课程可使用figma、sketch、axure、墨刀、蓝湖、ae软件从事UI/UE计行业,系统学习UI课程后,可参与设计完成APP、小程序、H5等项目,就职方向不仅满足当下流行的UI设计,也能在UE设计师的岗位上有所选择。

  掌握核心内容:

  1.了解UE的基本概念,掌握UXD的核心设计思想;培养产品设计思想;

  2.根据用户心理全方位考虑产品的特性,让产品更符合用户的习惯和喜好;

  3.对产品功能模块逻辑关系梳理、后续产品走向准确控制;

  4.app行业分类及现状;iOS平台规范;启动图标设计;启动页设计;引导页设计;主页面设计;导航样式;常见版式特征;全方位UI项目实战,并针对ios和android、小程序、H5、智能电视等项目操作;

  5.产品色彩应用原理和使用技巧;原子化设计思维的培养,设计效果走查;UI中的深色模式设计规则讲解;移动端设计思维逻辑提升与包装技巧实操;

  6.需求挖掘理论及需求分级理论-KANO模型、马斯洛需求层次理论,设计的格式塔理论;界面设计的8个黄金法则,从需求分析到产品设计的思考框架;设计驱动;从更高的层面进行设计驱动——提高团队成长和作战能力

  7.UI动效设计将人与界面之间的交互动效以动态形式展示给开发人员,并实现最终效果,包括可以实现软件未开发之前展示相关效果使用;

  8.解析大厂UED规范案例,规范化设计流程;移动端主要页面剖析,界面Ul元素及操作流程拆解,UIAPP项目设计输出、蓝湖对接。

  通过以上4个阶段的学习,你会发现基本的UI设计你已经会了。但你不一定就成为了一个名副其实的UI设计高手。设计这种东西还是要多看多积累多锻炼的。


       以上就是小编今天为大家分享的关于UI设计纯小白入门攻略,UI设计核心内容,希望本篇文章能够对想要零基础学习UI设计的你有所帮助,学习是一个漫长的过程,如果你想更快的学习UI设计,可以来优漫UI设计培训班进行学习,让你更快的掌握UI设计技术,7天免费试学体验。

预约申请试听课
填写下面表单即可预约申请试听!怕钱不够?可就业挣钱后再付学费! 怕学不会?助教全程陪读,随时解惑! 担心就业?一地学习,可全国推荐就业!
IT培训问答
开班时间

微信客服