UI开发设计培训课程针对没有程序开发基础或对程序开发技术不太精通的学员,我们安排从基础的计算机程序开发开始学起,逐步深入的针对UI开发设计行业所用到的实用技术进行专业化的培训,使每个学员都可以系统全面地掌握UI开发设计所需的专业技术。课程根据UI开发设计企业普遍的开发流程设置,课程内容涵盖了UI开发设计过程中的每个环节和每一个技术要点,使学员对UI开发设计技术能够全面和系统的掌握。
UI设计培训
阶段一:UI设计原理培训
学习美术观察能力,了解光和影的概念,及构图、比例、虚实、明暗等关系,提高赏的艺术素养和审美能力
学习形式美法则,提高其艺术处理能力,增强平面作品装饰性;培养学生的色彩感知能力,使其构成元素的角色及材质与创意相符合,包装结构、包装容器科学合理。
阶段二:软件基础技能:
学习Photoshop、Illustrator平面设计软件操作、能熟练使用平面软件设计创意作品。
阶段三:UI设计培训
1.UI设计入门:
行业基本概念的了解,交互式软件(XMind或Axure)的认识与学习。界面中色彩及搭配,图标质感的表现,图标的规范及应用
2.UI设计提高:
iOS与Android的特点及规范,控件案例及(APP)界面设计。交互设计基础及设计流程,产品分析方法及用户体验交互设计案例介绍。
阶段四:UED交互设计:
UED案例综合分析与探讨:用户体验、交互设计、视觉设计、用户研究等概念阐述,以及体验设计的商业价值和行业现状。剖析从研究、设计到验证的体验设计全流程,了解相关的角色及合作方式,学习常用的研究设计方法。
成为优秀网页设计师,必须了解的UI设计规范
今天带来的这些规范,可是成为优秀网页设计师必须知道的“纯干货”,还能让大家深刻了解UI设计规范的本质是什么。
图标规范
很多设计师以为UI设计就是设计图标。虽然事实并非如此,但图标的设计在整个UI设计中是比较基础的一个环节。
图标与标志一样,在设计时都需要做适当的减法,应该尽量用简约的线条去表达其含义,应该尽量避免出现线条结构过于复杂的设计,而且整体的图标都需要保持风格一致,例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等等。
特别是对于新人,所以大家一起来看看图标设计的规范吧:
1.像素对齐
2.多用布尔运算
3.独特的风格
4.视觉大小统一
标注规范
如何把标注的思路整理清晰——结构化思维进行拆解,将大问题拆解成小问题,逐一击破!
标注主要是以下四种不同属性的内容:尺寸、文字、间距、颜色。
在进行标注时,首先去除导航栏和标签栏,因为这些控件通用性非常强,需要单独拿出来进行统一标注,这里我们只对内容区来进行标注示例。
1.尺 寸
2.文 字
3.间 距
有人可能会觉得间距和尺寸有些相似,但其实它们有着很大的不同,我们可以这样理解:尺寸是形容容器的大小,而间距是形容容器之间的距离。间距相对比较简单,只要标注清晰就不会有太大问题。
4.颜 色
命名规范
很多网页设计师对于“命名”是没什么概念的,他们都是随随便便地用一些没有特定意思的字母去给页面命名,这是不好的。因为统一的、规范的命名对我们自己的文件整理有很大的帮助,后期修改文件、图层的时候更加方便快捷,而且规范的命名也显得我们自身比较专业。而且,如果如果命名不统一,团队之间的成员很难达成共识,任务交接时需要很大的学习成本。
而更重要的是,有规范的命名可以极大的节省程序开发的时间成本,减少很多不必要的沟通与重复切图的概率,程序员完全可以直接使用的我们切片而不更改切片的名称,后期我们更换切图,只要切片名称不变,开发看都不用看直接替换就可以了。
1.所有命名全部为小写英文字母
在程序员的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的,所以命名全部用小写的英文字母是基本的规则。有些人会觉得写这么多英文太麻烦,但其实为了自己专业能力的提高,这种规范的命名方式是必须要经历的过程,当你习惯了这样的命名方式后,你的成就感会油然而生。
2.命名格式
3.常用英文单词
如果所有命名都写为全称,名字就会特别长,所以我们可以将一些常用的英文单词进行缩写,减少工作成本与开发代码资源。至于怎么缩写,只要整个团队能够达成共识并且输出一份缩写清单,任何缩写规则都是可以的。
交互规范
以下几点交互常识:
简化操作:能一步完成的交互就不要分两步。
用户习惯:大部分用户都有固化思维,我们作为设计师应该尊重数据,尊重用户选择。
减少干扰:减少界面元素的不确定因素,方便用户快速找到自己想要的。
快速响应:加快用户读取的响应速度,能够避免从远程取数据的,就尽量避免。
界面友好:除了根据需求提供视觉解决方案以外,在设计的过程中适当地加入一些小细节使交互界面更加友好是设计师的职责所在。
图片处理规范
1.图片统一性
2.图片细节处理
动效规范
无论是现在经常看到的企业/H5宣传页面、移动端启动页,还是曾经红极一时的首页动画,都需要用到动效效果。会做点动效会给我们加分不少,尤其是做一些加载动画,这是我们经常会遇到的需求。