原型设计
学习Axure软件,了解UI设计前期原型设计的流程,具体围绕网页的原型设计与软件的原型设计。并讲解页面之间的跳转、交互状态效果UI研修阶段
交互设计
学习Axure软件,了解动效设计,例如下拉弹出菜单,轮播图的展示,音乐播放器的时间线效果等
学习交互设计文档的制作,集合整体框架内容,注明页面跳转层级,与涉及到各种交互状态的说明
用户体验
了解用户体验的重要性。从前期产品的开发,到后期的设计。学习在功能上、设计上如何提高用户体验
网页设计鉴赏与规范
了解网页设计的趋势、设计流程。区分不同系统、浏览器、分辨率等对网页设计的要求。关注时下流行的网页设计风格UI研修阶段
学习网页设计规范,栅格化系统格式塔心理学。模块与细节的规范,网络广告设计讲解
各类网站的设计学习学习
网页界面的色彩搭配。掌握各种页面导航与按钮的设计法则。系统学习广告banner的设计方式
了解网页中的瀑布流、通栏、F式布局等。学习掌握光影学。加强创意构图的设计形式
了解表单的设计与用户体验的融入。系统学习响应式页面设计的布局、模式与方法。锻炼学生在设计页面的同时符合SEO的设计规范
手机主题设计
了解移动端界面设计的发展趋势。移动端设计与PC端中的不同点。分块讲解不同系统、不同品牌机的不同设计法则与风格UI研修阶段
了解图标的设计分类与不同系统操作平台中的图标设计规范。锻炼布尔运算与图形造型。提高绘制图形能力
了解图标设计中的结构与光影学。具体配色原则等。分析图标的表现形式2d/3d与流行趋势。重点加强想象力的提升与创作能力
设定主题,独立创作一整套的系统图标。学习主题风格的统一化与衍生方式
了解APP当中的控件、功能性图标。学习控件中的具体搭建与配色。训练正负形图标的设计与图标的迭代更新
产品APP研发
了解产品开发流程,从前期的PRD到思维导图,低保真到高保真的具体工作流程。学习IOS端的设计规范UI研修阶段
了解APP的安卓端设计规范。系统学习APP中主要页面的各种设计形式与规则方法
通过实战,以分组的形式开发一个产品。从需求整理到调研,再到数据整合。终完成基本的原型设计与交互文档
产品APP设计
学习APP中的启动页、引导页的界面设计形式。重点学习归纳产品的主要功能进行引导展示
学习APP中的配色形式与色彩心理学。系统了解登录、注册页面中的用户体验。还有个人页面的展示设计
将APP中的内容信息通过合理的展示方式进行表现。学习APP中的列表式构图、九宫格、圆心点放射、陈列馆、轮播式构图等
了解手机交互中的热点区域,佳按键区等。系统地分析不同终端的适配法则
系统讲解IOS端、安卓的切图原则。了解两个不同终端的切图方式与不同点。学习mark man软件对APP的注释方法
微信端
掌握微信平台的公众号运营与要求
济南哪里有UI设计培训学校哪家好
UI 设计,是用理性方法,来满足需求,并带来美学享受。
一、 UI 设计:有哪些理性
UI 设计主要有四类理性:基本原则,基础知识,风格设定,风格把控。
四类理性有一个共同核心:活学活用。
1. 基本原则
共有四个基本原则:对齐,对比,亲密,重复。
先说对齐,秩序产生美。
对齐作为一种基本秩序,主要事关整齐美观和阅读体验。对齐一般分左对齐、右对齐和居中对齐。
从阅读体验角度来讲,左对齐通常胜过居中对齐,所以绝大部分文章和 UI 界面都是左对齐为主。
从美感角度来讲,居中对齐往往胜过左对齐,所以一些强调美感胜过强调阅读效率、篇幅不长、同时需要细品的诗或歌往往采用居中对齐。
从空间利用率角度来讲,右对齐往往是左对齐的一种补充。
比如微信的发现页面,较重要的图标和文字左对齐,次要的右箭头和其它信息右对齐。
UI 设计追求阅读体验、美感和高空间利用率,所以这三种对齐方式大部分时候都会同时出现。
整体而言,是以左对齐为主,居中对齐和右对齐为辅。再说对比。嘈嘈切切错杂弹,大珠小珠落玉盘。音乐讲究韵律和节奏,设计也追求错落有致的节奏感。这种节奏感,很大程度上靠对比实现。
好的对比可以带来视觉张力,就是抓人眼球的吸引力,同时也能起到主次分明和视觉引导的作用,较终带来良好的阅读体验。
一定程度上,对比是无处不在的。只要存在不同,就存在对比。比如大小之间的对比,不同颜色之间的对比,文字与图标/图片之间的对比,不同对齐方式之间的对比,等等。
一般而言,对比需要果断:若不同,就彻底不同。因为一般情况下,充分的对比能带来更好的视觉张力和更好的阅读体验。
第三说亲密。设计就是分类,张小龙曾如是说。分类中较重要的原则是亲密,还有一个副产物是留白。
性质相同或相似的元素,我们会让它们看起来离的更近,关系更亲密。亲密成就分类,分类能化繁为简。
较后说下重复。设计追求一致性,一致性主要靠重复来实现。被大量“重复”的元素,比如这篇文章里的字体大小和字体颜色,既增加了一致性,又提高了效率。
2. 基础知识
基础知识主要包括:手绘、颜色、版式设计、字体设计、品牌设计、动效设计、插画设计等专业知识。
UI 设计师可能不用画卡通人物或插画,但一定会画图标和 logo,这些也会用到手绘。
作为造型基本功,需要掌握一定手绘技能。颜色方面,较重要的是能够很好感受和理解颜色传达出来的感觉,也即颜色的“精神之美”,这块主要依赖审美和练习。
配色方面,推荐软件里的 HSB(色相、饱和度和亮度) 模式,这种模式很好理解,也方便调色。
另外还强烈推荐从照片中吸取颜色,因为照片往往会和“生活”、“自然”有一定关联,“生活”和“自然”是非常重要的素材和灵感来源。从色卡中选择颜色也是一个不错的选择。
版式设计就像是选秀节目中练习生的舞台表演,考验的是唱跳、表情管理、舞台魅力、临场应变等综合实力。
“活学活用”环节,会结合例子分享版式设计。字体设计、品牌设计、动效设计、插画设计等方面,个人经验不多,就不分享了。文末会附一份推荐书单,囊括基本原则和部分基础知识。
3. 风格设定
风格设定,即上篇提到的“描述”,是在动手设计之前,先探索出合适的风格,并把它描述出来。
好的开始是成功的一半。风格设定是一个开始,极其重要。如果风格设定只做到 60 分,稍微打点折扣的执行结果就是不及格。所以,如果要把设计做到 85 分,风格设定一般要做到 90 分。
风格设定犹如在茫茫大海中行船,首要目标是把握方向,核心诉求是。海上并无现成道路和导航可循,只能依靠繁琐而严谨的推理和计算。
风格设定的次要目标是划一个既清晰界定风格、又清晰指明“发挥范围”的“圆圈”,核心诉求是周密。因为需要清楚知道“圆圈”以内代表什么,“圆圈”以外代表什么。
在“”和“周密”上同时做到优良,风格设定才能做到优良。
既又周密的风格设定,通常无法一蹴而就:“风格设定”阶段一般只能做到七成,剩下三成需要在设计过程中继续探索和打磨。下段会结合案例分享具体方法。
4. 风格把控
风格把控有两层含义,一是实现当初设定的风格,二是在实现的基础上做到统一和规范。
只要严格在“圆圈”里发挥,实现当初设定的风格并不难。
那做到统一和规范难吗
往难了说就是需要做大量琐碎工作:以联系的眼光看待所有设计元素,并把它们分类规整好,注意分类不宜过多,同时分类逻辑上不能出现明显问题。
往简单了说就是大量复用已有的设计样式。风格把控就是在划定的“发挥范围”内,利用设计知识和经验,以规范的方式实现规划好的风格。
5. 活学活用
活学活用作为四类理性的共同核心,较典型的应用场景是版式设计。活学活用有两个要点:正反结合,风格。