很多同学在后台问,没有ui设计知识基础,没有ui设计经验的小伙伴儿们,能成为一名ui设计师吗?答案是可以的。处在风口的行业,自然越早入场,回报越大。就像改革初期的情形,下海的大多都是普通人,公务员还是知识分子总是少那么点激进的动力。唯学历论在这种阶段里被打破,工资轻易过万,即使在互联网行业内部和其它几个职业做对比,设计师也是容易让你上船的职业之一(另一个是运营)。
1、初步认识UI:了解UI设计师的角色定义和价值体现,UI的含义、UI设计师的含义。
2、学习内容:学习设计基础、字体、构图、手绘等基础技能。快速培养UI设计师的视觉敏锐度,和绘画能力。
3、二维造型:二维简约图标绘制原理与技法,各种材质质感表现。
4、三维造型:(物体的体积、结构、透与光影表现)。
5、色彩原理:色彩属性、对比与调和、色彩的混色配置、设计色彩的表述体系,色彩的装饰美感及色彩的表现方法。
6、设计软件应用:以Photoshop软件为工具,讲解书籍封面设计、海报设计、广告设计、影楼后期处理、包装设计、喷绘设计、画册设计、DM设计等企业实际工作中的具体项目。
7、矢量图形绘制软件Illustrator为工具,标志设计、字体设计、图形设计、企业VI设计、卡通形象设计等企业实际工作中的具体项目。
8、字体专项:字体的分类和种类、字体的认识、各种场合字体的应用、形象时尚字体设计、字体标志及在广告设计中的实际应用。
9、版式专项:版式的概念、版式中的色彩应用、版式中的字体应用以及网页、书籍、报纸、画册、DM、海报等中的应用。
10、平面项目:结合软件、色彩、字体及版式的学习,针对宣传单、折页、名片、海报及VI做专题设计,提升综合应用能力及平面UI设计能力。
很多新人在开始做移动端UI设计的时候,往往对界面的一些尺寸规范不是十分清楚,很多时候都是凭借自己的感觉和经验去绘制界面,心里并没有一个清晰的概念,导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计(iOS系统)中常用的一些尺寸规范和方法,如控件间距、适配、标注、切图等,设计师在设计时并不一定要严格遵守,但对这些规范应有所了解,并融会贯通。
01.界面设计尺寸及栏高度
目前主流的iOS设备主要有iPhone SE(4英寸)、iPhone 6s英寸)、iPhone 6s/7/8 Plus(5.5英寸)、iPhone X(5.8英寸),它们都采用了Retina视网膜屏幕,其中iPhone 6s/7/8 Plus和iPhone X采用的是3倍率的分辨率,其他都是采用的2倍率的分辨率,无论是栏高度还是应用图标,设计师提供给开发人员的切片大小,前者始终是后者的1.5倍,并分别以3x和2x在文件名结尾命名,程序再根据不同分辨率自动加载3x或者2x的切片。
02.边距和间距
在移动端页面的设计中,页面中元素的边距和间距的设计规范是非常重要的,一个页面是否美观、简洁、是否通透和边距间距的设计规范紧密相连,所以说我们有必要对它们进行了解。全局边距
全局边距,是指页面内容到屏幕边缘的距离,整个应用的界面都应该以此来进行规范,以达到页面整体视觉效果的统一。全局边距的设置可以更好的引导用户竖向向下阅读。在实际应用中应该根据不同的产品气质采用不同的边距,让边距成为界面的一种设计语言,常用的全局边距有32px、30px、24px、20px等等,当然除了这些还有更大或者更小的边距,但上面说到的这些是常用的,而且有一个特点就是数值全是偶数。
03.卡片间距
在移动端页面设计中卡片式布局是非常常见的布局方式,至于卡片和卡片之间的距离的设置需要根据界面的风格以及卡片承载信息的多少来界定,通常小不低于16px,过小的间距会造成用户的紧张情绪,使用多的间距是20px、24px、30px、40px,当然间距也不宜过大,过大的间距会使界面变得松散,间距的颜色设置可以与分割线一致,也可以更浅一些。
04.内容间距
一款APP除了各种栏(状态栏、导航栏、标签栏、工具栏)和控件icon就是内容了,内容的布局形式多种多样,这里不去探讨内容具体应该如何去布局,我们来说一说内容的间距设置问题。先来介绍一下格式塔原则中的一个重要的原则就是邻近性,格式塔邻近性原则认为:单个元素之间的相对距离会影响我们感知它是否以及如何组织在一起,,互相靠近的元素看起来属于一组,而那些距离较远的则自动划分组外,距离近的关系紧密。