【学果网】课程咨询:张老师 手机:152-0198-6451
一、UI手绘
阶段一:素描 主要学习造型、透shi、细节的画法,为今后的设计造型打好基础
阶段二:色彩 主要学习色彩原理、搭配技巧、质感绘制为今后的色彩创作打好基础
阶段三:实训 线性图标界面表现、拟物化图标界面表现、卡通简笔画表现、卡通人物表现
二、版面设计
阶段一:平面构成 按照**视觉效果,力学的原理,进行编排和组合
阶段二:色彩构成 色彩构成是艺术设计的基础理论之一
阶段三:立体构成 以点、线、面、对称、肌理由来,研究空间立体形态
阶段四:版面设计 运用造型要素及形式原理,对版面内的文字字体、图像图形、线条、
表格、色块等要素,按照一定的要求进行编排
三、软件基础
Photoshop
阶段一:基础入门 全面认识Ps,讲解所有的设置、快捷操作和快捷键,简单案例
阶段二:中级进阶 位图操作,制作金属质感图标一套、水果图标一套
阶段三:高级强化 矢量工具、抠图、海报制作、企业VI制作、Banner制作、Gif图制作
Fireworks
阶段一:线性图标 易手机剪影图标;米聊主题设计大赛Windows Phone中的剪影图标
阶段二:拟物图标 淘宝网彩色图标,360安全卫士中用到的彩色图标;图标的设计流程;
阶段三:写实图标 写实图标的材质表现;写实图标的发展历程;写实图标实际案例
Illustrator
阶段一:基础入门 AI基础、小场景案例、矢量卡通人物制作
阶段二:强化进阶 动画场景、矢量图形绘制的技巧
四、APP制作
阶段一:安卓手机 制作安卓主题——图标、插件、开机界面、背景、包装
阶段二:苹果手机 制作工具类APP,新闻资讯类、摄影类、社交类、工具类APP制作
阶段三:平板电脑 电商类APP制作、影视类APP制作
阶段四:智能手表 跑步类APP制作、社交类APP制作
五、Web端UI界面设计
阶段一:规范讲解 对不同进行归类、对同一进行界面分析
阶段二:Banner 讲解banner的种类、做法、规律,制作10张banner
阶段三:政府 首页、一级、二级、三级页面讲解和制作,一套政府
阶段四:品牌 思维导图 + 低保真 + 竞品分析,制作一套品牌
阶段五:电商 思维导图 + 低保真 + 竞品分析,制作一套电商
阶段六:企业 思维导图 + 低保真 + 竞品分析,制作一套企业
六、Web前端讲解
阶段一:Dreamweaver 建立站点、添加页面元素、使用CSS样式及交互行为
阶段二:Flash Flash中的动画制做原理与技巧,商业广告中的Flash技术与实现
阶段三:HTML5语言 HTML语法与常用标签的详解,包括布局标签,表格标签,表单标签等
阶段四:CSS样式表 CSS语法与常用属性的详解,使用CSS对中各个模块进行修饰美化
阶段五:布局技巧 对页面布局结构进行深入的分析。系统的讲解浏览器兼容的处理解决办法,并带领学生完成各种布局实训。
七、毕业设计
以小组形式,从市场调研到高保真,分工制作一套完整的网页和一套完整的APP
八、作品集
老师带领学生制作个人和作品集
课程咨询:张老师 手机:15201986451 QQ:3096438159 微信:FF-122
平面设计理论之提升阅读体验的三个排版设计小技巧:
技巧1——创造排版的层次感,让页面结构更加清晰
排版的层次感通常指的是页面中文本排列构建出的视觉层次。
脑补一下你看过的那些图书。书中,主标题(章节标题)看起来比副标题(子标题)更重要,而主标题和副标题明显比正文部分更显眼。当你在制作Word 文档的时候,多数时候也遵循着相同的原理。
页面中所有字体尺寸应该是基于正文字体来进行选择,因为正文是用户在每个页面中阅读zui多的部分。如果基于正文来选取其他部分的字体大小呢?下面有一些基本的规则:
·1、正文字体:调整字体大小,知道感觉看起来非常舒服为止。对于这篇文章,我们将字体尺寸调整为22pt。
·2、标题字体:通常将正文字体放大到180%~200%,在案例中,字体尺寸应为40pt~44pt。
·3、副标题字体:副标题字体通常为正文字体的130%~150%,也就是说,这篇文章的副标题尺寸应为29pt~33pt。
按照这样的方式调整之后,效果如下:
补充思考
下面的这些层级并不是文章的必须部分,但是有必要考虑:
·1、三级标题:通常是正文大小的100%~125%,案例中字体应为22pt~28pt
·2、注释和小字体文本:正文字体的70%~75%,案例中应为15pt~17pt
技巧2——控制纵向间距,使排版更易读
通过调整行间距和段间距,让用户更容易扫读文字。段间距让用户能够更好地识别内容块和意群,行间距控制好则可以让大脑更轻松识别文字内容——这也符合我们的阅读习惯。
段间距
设置段间距非常简单,但是它和连按两次回车再起一段是两回事。一般而言,段间距应该和正文字体行高相等,但是如果你连续按两次回车,那么这个间隔的高度等于行高+行间隙x2。如果正文字体为16pt,
么段间距zui好是16pt或者1em。
·在设计应用和CSS的时候,将段落的margin-bottom属xing设置为16px或者1em
·在Word或者Pages文档中,在“段落后”的值设置为正文尺寸的值即可
行距
行距应该控制在正文尺寸的120%~160%(两行底部之间的距离),同时,文本字体越小,两行之间的行间距应该越大,确bao字与行呼吸的空间。
如果正文文本的尺寸是22pt,那么你的行高应该控制在26pt~35pt之间。
·在CSS样式中,你可以使用em来控制尺寸,不过你需要稍加调整,确bao它看起来舒服
·在Word文档或者Pages文档中,行高是以倍数来表示的,120%的行高在这里应该设置为1.2
技巧3——调整每行文本,确bao阅读体验
调整每行文本的长度,让用户更好地阅读。太长的行难以阅读,太短的话单独每行倒是容易阅读,但是需要视线频繁地左右扫视。英文文本每行理想的字符数是65~75,作为阅读的参考标准,
应该以正文的行宽来作为参考,而不是标题和副标题的长度。