AAA数字教育致力于整合产业的一切资源,推动*互联网+教育事业的快速发展。
【北京AAA数字教育官网】◆24小时咨询热线:400-888-4846 QQ:2080173957◆AAA数字教育多年丰富教学经验,设计制作出独特而高属于*人的教学方式。我们设有:UI界面设计班、UE交互设计班、网站设计班、移动端界面设计班、UI/UE交互设计班等一系列*课程。在线预约可享受免费试听课程,更多优惠请电话咨询在线值班老师!!!
AAA数字教育并和国内众多知名大学建立战略紧密合作。用实力人才,实力资源,实力合作,铸造AAA品牌实力,为学员高薪就业的职业前景做好坚实基础。
网站设计班
就业方向
网站美工、网站UI设计师、Web前端工程师
课程特点
本专业将全面、系统地学习网页设计所需的制作技术,重点培养学员项目实战、动手能力和常用技巧 。学员可以将美术基础知识和网页软件Fireworks、Flash、DreamWeaver进行结合应用,作出优秀的作
Fireworks软件:讲解色彩与构图的基本概念,并结合不同风格、类型的网页进行案例分析。*相关企业网站案例训练,掌握网页界面UI设计的配色,网页中常见元素的表现,包括网页图标、广告banner等。
Flash软件:学习目前公司制作动态广告*常用的flash软件,掌握网页界面里面一些动画的设计和制作相关的规范,设计网站界面里常见的广告动画。
Html+Css基础:对网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页制作技术,包括结构标签、表格、表单等,学习网页样式表现方法,使用CSS对网页进行细节美化,掌握特殊布局的实现技巧和网站的兼容性。
Dreamweaver软件:网站结构,定义站点、图像编辑、热点设置、属性设置、工具介绍、表格的使用、用户表单的使用和模板技术,利用模板制作一个小型企业站点。
网站项目实站:◆结合之前掌握的知识,独立完成各种商业应用的web端网页项目,掌握不同用途不同类型的网页切图方法。网站推广、维护、管理和优化,申请域名空间与FTP上传等。 ◆我们*不同类型网站作品的典型设计方案分析和设计实战,快速提高学员制作网站的能力。
JS+jquery:学习HTML结构设计与交互设计的关系、Javascript基本应用、jQuery特效设计与实现,完成整站网页中的各种常用和业界通用的交互效果。
Html5+Css3:目前,*新的Web前端开发技术,讲解HTML5的新增标签、布局方式、音频、视频、canvas标签和表单的应用。CSS3的新特性、新增选择器和新增文本属性的应用等。
初级设计需要养成的5个工作习惯
1,养成随改随存的好习惯
谁敢说自己的电脑不会卡机不会死机?所以建议大家经常保持Ctrl+S的标准手势。
2,对图层进行整理
为主要的图层命名以及建立图层组,将源文件整理的“干净、整洁”是每个设计师应该养成的良好习惯,这样在你过了很久再回来修改文件,也不会浪费更多的时间。
3,画矢量图形就用形状和路径工具
通常大家在绘制矩形的时候会怎么绘制呢?其实好多种方法,个人觉得这里使用形状工具是*上上的选择。路径和形状工具的好处在于,你在经历了各种修改之后,图形依然不会损失质量。
4,记住常用的快捷键
适当的记住一些常备的快捷键,可以更好的加快设计速度。
Cmd/Ctrl + T – 自由变换
Cmd/Ctrl + S – 保存文件
Cmd/Ctrl + A – 选择全部
Cmd/Ctrl + D – 取消选择
Cmd/Ctrl + I – 颜色反相
Cmd/Ctrl + Shift + I – 选区反相
Cmd/Ctrl + 点击图层缩略图 – 选择所选图层的选区
Cmd/Ctrl + Option/Alt + A – 选择所有图层
Option/Alt+ 点击两个图层之间 – 剪贴蒙版
Cmd/Ctrl+ G – 图层编组
Cmd/Ctrl+ Shift + G – 取消图层编组
5,备份好设计初稿和过程稿
设计师经常碰到这样的情况:例如先前按照需求设计出的作品结果被一顿神改,改的*后我会自问一句“这是我做的?”大家有木有这样的经历?
这里建议大家将自己的设计初稿、过程稿、确定稿,*终定稿文件都单独保存起,以后可以留作对比,观察每个文件细节和处理的进步。
比较可恨的是,当你遇到这样的客户,“确实不怎么样,还是用以前的吧!”你就傻眼了吧?呵呵。
UI设计 微交互APP设计技巧
微交互究竟是什么?
微交互是在一项产品中只体现一种小型功能的交互。这一概念*初由 Dan Saffer 在《微交互》一书中提出,这些微小的细节主要为以下功能服务:
沟通反馈或者用户行为的结果;
完成一项单一任务;
增强用户直接操作的体验;
帮助用户看到行为的结果,避免误操作。
部分特殊微交互的例子如下:
当你把 iPhone 调成静音时,手机会发出震动,屏幕上出现静音标识。
*操作界面动画显示可否点击(鼠标滑过按钮时,按钮会变色)。
为什么微交互有用
微交互*迎合用户对 “确认” 的自然渴求而发挥作用。用户能够即时得知自己的操作获得确认,看到相应的视觉图像时会很愉悦。同时微交互还可以引导用户操作系统。
发现机遇
微交互之美的部分原因是因为它可以运用于各种环境中,可以回应各种潜在的操作。尽管如此,它主要应用于以下领域:
显示系统状态
*条实用性上的启发性原则由 Jakob Nielsen 提出:永远让用户知道现在进行到哪一步了。
用户总是希望马上获得回应。不过 app 需要时间完成一次操作的情况也是常有的。
如何要你的设计拥有数年生命力?
1、专注于可读的内容
具备良好可读性的字体、图片是基础,清晰的内容设计和直观的信息传递,是打造可读内容的关键。听起来这是一个艰巨的任务。
字体排版应当确保在不同尺寸下都能清晰地为用户所识别。新奇的字体或者过于炫酷的字体效果也许能够在特定的时候吸引用户,但是如果用户读着费劲、无法轻松识别文本内容的话,那么这种设计就是失败的。
图片应当是锐利、高素质和易于理解的。正如同文本排版需要具备可读性易于,图片的视觉效果和信息应当是能够清晰传达的。用户应当能够看明白图片中所发生的事情,明白你想表达的意思。
设计的视觉传达要到位,其中*重要的是表达明确的信息和意义,图片和文本等内容应当紧密的结合到一起,营造出综合的体验,帮助用户理解。如果不同的元素在信息传递上脱节,再漂亮的设计也是失败的设计。
2、引入交互性
一旦你将不同的视觉元素组合到一起,用户便会有与之进行交互的欲望。这并不意味着你得为用户创造虚拟的体验,尽管你可以这么做。微小的交互细节能够让你的设计更加真实,赋予项目以不同的个性。
当你开始思考交互的时候,设计的易用性和实用性就不得不纳入考虑中来。而你所带来的交互应当是独特而不可替代的,它可以用来讲述故事,作为导航引导用户,还能以微妙的效果来取悦用户。
为你的交互设定一个基本的目标:简单而流畅,确保它能同你的内容很好的联动起来。
3、创造*的视觉比例
每个网站的视觉元素都是有层级的。较大的元素,普通的组件,还有遍布的细节元素。每个元素在整个设计中都应该有足够的空间展示,同其他的元素区分开来。
好的视觉比例能够让设计协调,让不同元素各司其职,从而创造出符合逻辑的设计,引导用户行为。
好的比例不仅仅在视觉上有优势,而且能够让用户更加轻松的识别内容,推进流程。绝大多数的网站采取的是左上角LOGO+顶部大图Banner+文本内容 的布局,这种布局本身带来一种视觉上的对比,引导用户吸收内容。
另外, |