UI课程中实际项目案例分析

以实际项目开发过程教学,让编程学习变得更简单

项目式教学方式分析



       学习软件开发课程,最终的目标就是开发软件项目,基于IT课程的学习特点, 项目式教学才能让学猿更好更全面的掌握技术,也能让学到的技术更实用。 学习猿地采用多个项目贯穿式教学,每个课程关联的技术点很多, 在有限的时间内很难讲解全面,而通过项目植入到课程中,就可以赛选出实际应用的知识点重点讲解。 另外,通过项目功能模块应用的技术反推出来的知识点,能让学猿更容易理解知识点的应用,达到学以致用的目的, 又可以举一反三,可以快速提高。也可以通过项目实战挖掘课程中没有讲到的新知识点, 扩展一下应用的知识面。

       大多数有丰富经验的程序员拥有自己的私人开发库,可以让程序猿在开发新项目时使用大约30%的重用代码来开发软件, 课程中的多个不同类型的项目也可以为学猿积累自己的私人开发代码库。

       另外,教学中的项目应用和实际商业项目还是有一些区别的,首先,并不是项目越大、需求越复杂越好, 因为用大项目教学让学员感觉很混乱,达不到学习的目标,有可能起到反作用。其次,教学项目使用的都是学员比较常见的类型项目,这样的项目需求不需要讲解学猿也很清除业务,能直接联想到开始步骤上, 就可以把精力都放在功能实现上。还有就是在教学项目中不会去实现商业项目中所有的功能, 而是会去简化功能和业务流程, 去除重复的功能模块, 同时也会在项目中应到一些反例代码,为了讲解不同的知识点的应用。 而教学项目和商业项目相同的地方也很多, 比如在软件工程方面的软件开发流程、开发工具使用、代码管理、团队合作,以及与客户沟通等方面是一致的。 当然,教学项目也有一些超过商业项目的地方,例如在具体的一些项目模块基础上,会设想多情况扩展开发下去,为让学员接触到更多的知识点。

       学员在项目阶段学习时,不仅只为实现表面的功能, 一定要做到像素级别的还原, 只有问题考虑周全, 注重每个细节,反复实验, 才能在项目开发课程中得到全面的提高。

项目一 软件基础应用项目



       毋庸置疑,Photoshop是各类设计首选的第一个软件,也是最常用的软件。PS主要处理以像素所构成的数字图像。 使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、出版等各方面都有涉及。对于UI设计师是必备的软件也是使用频率最高的软件。所以入门UI设计,首先学习下PS软件。




       一提到Illustrator可能有点模糊,但是一说到AI是不就清晰了,当然这个不是人工智能的AI,而是制作矢量图形的AI。AI是一种应用于出版、 多媒体和在线图像的工业标准矢量插画的软件。该软件主要应用于印刷出版、海报书籍排版、 专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。

项目二 手绘美术



       根据了解,设计师学习手绘是非常重要的。学习绘画,首先必须明白为什么要学,以及学了以后有什么用,否则很容易沦为形式上的过场,在漫长的学习生涯中欺骗自己做过努力的又一借口。
1. 一定要从最简单的几何石膏开画起,第一步掌握具体的轮廓,明暗关系。
2. 然后画相对复杂的静物,重点理解物体的排版,还有更复杂立体结构表现,光和影更丰富的表现形式。
3. 学结构素描去解构物体,掌握快速打稿的能力。而结构素描的基础比较脱离不开前面素描绘画的意识训练,对物体完整形体的认识越深刻,结构素描就越准确,这也是将来我们日常工作中可以被应用得最多的实际技能。
老实说,这个技能也同样适用未来要学习3D软件的情况,3D的建模水平和效率不止是让你们掌握各种操作工具,更重要的是意识,对物体立体结构的拆解组合意识。
4. 可选项,学习速写。更适合经过一点简单的训练,然后经常在日常中随手练习,可以拓展出一些意想不到的效果。




       一. 手绘的作用
1. 锻炼我们理解物体的形体、轮廓、明暗的思维。
2. 学会构图 还用上面那种那副静物素描的图来解释。
3. 纸和笔是我们最高效的试错工具 牢记住上面那句话,任何其它方式都没有纸和笔有效率。

项目三 商业精修



       如今都是电子商务图片时代,所有的产品都需要拍照,需要后期修图,只要掌握了商业产品修图技术,后期加强练习,财富永远都会属于你,当然, 产品摄影与产品修图方面都是密切相关的,一般拿到产品图先不要着急处理,先分析构成,并找出缺点,然后由底部开始修复,不同的材质需要用不同的高光来渲染 我们需要记住的修图的时候,你需要先观察产品的材质,不同材质漫反射,光影质感都不同的,平时做观察,你如我们平时所看到的灯光它反光的强弱,纹理的清晰等。




       我们要懂得基础的知识,光影的走向及光的原理。了解常用的工具,及快捷键掌握,这几点都熟悉了,产品也就能达到你所想要的效果了。

项目四 海报 banner设计



       这边先拿一张以前的海报举例,把它拆分开看看构成。首先确认它的风格,这是一张写实的合成海报。构成来看,风格,构图,字体色彩,和元素基本全是一模一样的模式.




       从上面知道BANNER由五大元素组成,日常我用到最多的就是只参考一种元素,这样会大大降低相似度。 如下图我参考的点是风格,实景+淡色背景为主,人物与风景结合,体现情怀。当时是想展现一种积极向上的状态,于是觉得风格比较合适。粗粗一看,两张风格还是比较像的,但是对于构图,字体,色彩和元素就要根据自己的需求来另外设计,得到了一张不一样的图。

项目五 字体设计



       拿到设计需求后,页面和页面的字号调着调着就大小或颜色不统一了。并且容易导致设计稿反复得修改。设计出来的效果图文字左右间距层次不齐,导致与预期不符等,完全不知道该如何下手,如何开始进行设计。




       通过设计经验可以帮助你做出更好的版式 了解不同平台的常用字体设计规范 在每个项目设计中只使用1-2个字体样式,而在品牌字有明确的规范的情况下,只需要一种字体贯穿全文,通过对字体放大来强调重点文案。字体用的太多,越显得不够专业。一般来说,视野范围内,最多不能超过三种字体,太多的字体、字号,就显得非常杂乱无章。 不同的样式的字体,形状或系列最好相同,保证字体风格的一致性。 字体与背景的层次要分明, 确保字体样式与色调气氛相匹配。

项目六 vi实战



        通过模拟真实设计公司工作流程,全面了解字体、标志、版式编排、书籍装帧、VI系统、UI设计等几乎可能遇到的所有平面设计类型。让同学们不仅仅要学会软件应用,更多的是学习设计思维,工作方式甚至进行一些材料的认知;




           AI软件的应用,把设计公司内部一整套流程,从字体到标志到版式到VI设计,UI设计等进行全方位的学习和了解。

项目七 原型图



        让你在所有设计领域无所不能!         一门高逼格的万能技术,网页美工非TA不可,平面设计的通行证,广告设计的必须技能;不会PS,你无颜面对他(她);从专业修图、广告设计、文字处理、摄影后期、再到网页设计、UI设计...如果您需要在您的职业生涯中更上一层楼,拿到好的薪水,您没理由不去掌握它!




        详细讲解软件的每一个工具的使用与技巧,让喜欢PS的你能够对软件迅速熟练及运用课程简单易学,非常适合广大的设计爱好者、已经或即将踏入设计行业的新人们。

项目八 网页设计



        我们的课程以CSS+XHTML代码理论为基础,以项目实战为核心,学完能够轻松搞定各种网页布局、企业网站、电商网站、 门户网站、网站常见活动页、专题页,还可以让你SEO得心应手,学完后轻松从事;以javascript和响应式理论为基础,以项目实战为核心, 让学完本课程的你能够轻松搞定常见网页特效、响应式网页、手机页面制作,学完后可以从事WEB工作;




        初识HTML、设置绚丽的图片、路径详解,认识列表、表格、表单、超链接的灵活运用;        体验CSS的优越性、显示模式详解、选择器及权重、CSS引入方式,CSS特性详解、盒子添加绚丽的边框线和背景图、伪类、垂直居中的线上导航; 剖析CSS盒子模型,盒子内边距、外边距详解、盒子模型常见问题剖析、线上常见列表分区制作;浮动的基本原理、浮动的特性、清除浮动、线上常见布局详解、向上常见导航制作;

项目九 专题页设计



           主要讲解基础WEB设计、web设计规范等,项目实战包括企业建站设计、大型平台设计、一屏式网站及专题网站设计、HTML5响应式网站设计、纯Flash类网站设计、游戏类网页设计。




        网页设计介绍与美术理论,         WEB元素设计,03体积类按钮打造,         WEB设计规范与练习。

项目十 Web设计



        一个布局合理、设计优雅、简洁易用的网站界面无疑会给我们的项目增光添彩,为了能让广大的学生快速地掌握整站项目的制作技巧和方法,在这里将带领大家轻松完成常见网站类型的制作,包括移动APP的设计制作。




        本课程是针对于已经有一定基础的同学,通过系统学习,可以快速了解行业流程和规则,熟练掌握实际工作中的技巧与经验,让你快速成为老板手里必不可少的员工!

项目十一 产品设计



        在这个市场经济的读图时代,到处都充斥着极具视觉冲击力的广告。作为一名设计师你该如何把握住消费者的需求,如何为产品进行360度全方位包装并击破消费者内心的最后一道底线,让其产生强烈的购买欲望。产品设计流程:基础概念 → 设计规范 → 审美 → 提升用户体验 → 品牌设计。





       设计师的有效输入是从临摹开始,在临摹中思考。产品经理不需要实际操作,有效的输入是看大厂产品的界面和产品定位巧妙结合。UI设计不是天马行空的, 有UI规范约束的产品更有一致性、整体性。按钮、文字等都需要有统一的规范,细节处的一致性更是展现品牌的稳定性。格式塔心理学理论比较庞杂,用在UI设计中,简单理解:人看图片是一开始看到的是眼睛和大脑处理过的简单整体,而后才是细节。 先要知道什么是丑的设计,这里不是指个人审美的美丑,而是是否符合产品调性,是否符合基本的美学原理。如排版清晰有序,不干扰信息的获取或阅读,是否带有时代的痕迹(过时)等。

项目十二 C4D场景设计



       通过造模制作出像模像样的C4D小场景,那么假如再学了动效之后,就能让画面动起来了。这对于一个C4D零基础的设计师来说只要认真学花很少的时间就能达到基本的制作水平了。




       C4D这东西到最后拼的其实是你的创意。简单的场景和动效效果很多人都会,但是高手就是能把它们玩出有趣的花样,并持续不断地产出作品。

项目式教学额外的收获



       通过课程中多个项目的植入讲解,除了可以收获技术和项目代码之外,更能收获软件工程方面的知识,和讲师经验的分享。可以直接获得项目的管理,其中涉及团队协作,项目代码管理,项目进度管理,开发团队的维护和管理。 除此之外还可以了解到如何进行客户沟通,以及整个项目的开发流程,宏观认识项目。 这些项目中贯穿了项目工程内容,涉及代码管理、团队协作、项目流程、客户沟通以及相关工具的使用。

代码管理
  • - Git安装
  • - 代码时光机
  • - 多人合作
  • - 分支特性
  • - 远程仓库
Git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。 其中很多的特性相较于svn,cvs更加的强大,特别是分支特性,更好的维护产品代码,保证代码的健壮性。
团队协作
  • - 文档管理
  • - 设计图管理
  • - 团队人员分工
  • - 员工沟通技巧X
团队协作是团队运作非常重要的一个环节,直接影响整个项目能否顺利完成。其中还包括员工的沟通,考核已经后续的升职加薪。
项目开发流程
  • - 原型制作
  • - 设计图制作
  • - 数据库设计
  • - 框架开发
  • - 软件测试
  • - 上线部署流程
了解整个项目的开发流程对开发人员有着非常重要的意义,开发人员可以在宏观角度来认识项目,并提高和其他部门之间的配合,为后续的升职加薪做好准备。
客户沟通
  • - 客户沟通
客户是公司生存的经济来源,与客户的沟通显得至关重要,企业技术总监亲自讲述与客户沟通的那些事。

加群主微信
购买后
拉进交流群
学习交流
¥2048元 立即购买
¥4096元 立即购买