勤学教育网合作机构>福州培训学校>

福州天琥设计

欢迎您!

分享

全国统一学习专线 8:30-21:00
福州天琥设计
天琥设计专注设计培训15年
校区遍布全国30大中城市,课堂离家更近.商业中标实训
30万学员见证,边学习边赚钱,可先学习后付费,签约保就业.不就业退费!
福州天琥设计> 福州教育培训>

晋安区UI设计学校

  • 课程介绍

  • 学习资料

  • 2019-05-06
天琥ui培训

UI设计是移动时代下的新型设计专业,创意性、应用技巧、跨界能力远超传统设计行业,好玩又时尚的UI设计,年轻的行业,广博的发展前景,乃是有志从事设计领域的年轻设计师的新首选。


——学习UI有前途吗?——

UI是研究人机交互的学科,从目前应用领域来看,主要应用于软件、互联网、游戏和虚拟现实影音方面,这些新兴的热门方向和活跃领域。“物联网”新时代即将到来,新兴的智能产品必将层出不穷,如:智能电视、智能手表、智能汽车、智能家居、智能城市...这些都是尚待开发的处女地,对用户体验和UI设计有着巨大的需求,也将为UI交互设计的就业带来前所未有的人生机遇,UI的社会需求不仅不会短期内饱和,还会持续性放大。

 

天琥学员可享免费线上服务
  • 从0到1的成长记录 icon

    加入天琥学习,学员的每份作业都在云琥在线提交并收集,记录个人成长全过程。这是一个成长档案,也是你个人作品集。

  • 随时答疑解惑 icon

    在设计学习中遇到各种疑难杂症,奇葩经历都能在云琥问答区域找到你想要的答案。随问随答,更多的惊喜等你来发掘。

  • 每周免费公开 icon

    设计大咖每周分享最新、最潮的设计课程,让学员更好地提升设计技能,拓宽设计眼界。每周与你来一次视觉约会。

  • 作品获双重点评 icon

    除了授课老师的多维度点评直观明了提出修改意见;还会得到常驻在作业作品评论区的云琥点评团提出的深度点评和。


UI设计核心技能,完美匹配企业需求
天琥研发团队根据企业用人需求全面升级UI课程,
杜绝边缘化, 带你掌握核心技能,直接胜任企业设计岗位,就业起薪高,发展潜力大。 核心技能

UI设计大咖面对面教学

  • UI高级讲师
    天琥设计 姚老师 icon

    UI高级讲师,3年设计工作经验
    设计经验:曾就职杭州正毅个人形象设计有限公司UI设计师,擅长企业品牌形象设计和APP设计,设计经验丰富,负责公司官网设计。参与过伪妆APP、U居、徽桐轩等设计项目。教学理念:记住该记住的,忘记该忘记的,改变能改变的,接受能接受的。

  • 3年设计工作经验
    天琥设计 王老师 icon

    UI高级讲师,3年设计工作经验
    设计经验:曾就职上海路快建网络服务外包有限公司,担任高级UI设计师,负责企业品牌形象设计,擅长界面设计和交互设计。参与过小财迷、比特河谷、茅庐等设计项目。教学理念:人可以改变环境,环境可以影响人,而设计则可以改变人和环境。



晋安区UI课程学习内容
 
平面设计综合阶段
PS 1、介绍软件(应用领域、优势)/软件界面与设置/视图缩放与移动/选择工具/屏幕显示模式/包装效果图/选区自由变换/保存格式/文字(文字海报)/形状工具(绘制简单形状)/填充(前景色、背景色)
2、色彩基础知识/色阶/曲线/亮度对比度等/色彩平衡/色相饱和度/可选颜色/画布大小调整/建立快速蒙版/LAB颜色模式
3、基础抠图工具/基本形状工具/钢笔工具/文本工具/字体排版技巧/变形变换
4、抽出命令/通道抠图/调整边缘抠图/插件抠图/抠图总结
5、素描三大关系/色彩构成/透视/产品修图案例
6、软件界面/软件基本设置/导入图片/视图的基本操作/调色命令/文件导出
7、光影知识/涂抹、锐化、模糊工具/加深、减淡工具/消失点,液化滤镜、仿制源/渐变工具、吸管工具/肤色调整/色彩知识(色彩搭配训练)
8、图层混合模式/合成基础知识/合成案例
9、滤镜(下)扭曲,渲染/图层样式内阴影,斜面与浮雕,颜色,渐变,图案叠加/详情页
10、图层样式概念/图层样式分类/图层样式案例/APP界面
11、自定义形状工具/3D工具/直通车制作
12、网页设计基础/动画设计+总结
AI 1、选择工具、基础绘图学习/颜色填充、渐变工具、吸管工具/锚点编辑工具
2、排列、锁定、隐藏、路径查找器(焊接、相交、修剪)、剪切蒙版
3、介绍软件/新建文件设置/软件界面认识/文字工具/文字大小改变、旋转、复制
4、钢笔铅笔工具、路径橡皮擦、美工刀、剪刀、群组与复合路径、对齐和分布
5、变形工具/封套扭曲/变换工具
6、画笔/符号/符号喷枪工具
7、其他格式:制表符、文字属性复制轮廓/简历制作
8、描边面板/对象/路径/内部填充(网格工具、实时上色)
9、混合工具(带过,CDR中详说)、透明蒙版(结合剪切蒙版使用)
10、效果菜单(凸出和斜角、绕转、风格化)软件相互间格式的处理
11、图表/位图转矢量图/透明度面板(中叠加方式的使用)
12、外观面板、图形样式/描边、外观的使用/图层面板(多图层整理)
CDR 1、均匀、渐变、图样、纹理、PS填充/交互式填充、网状填充吸管油漆桶
2、表格处理/插入条码、OLE对象(图表)/对象管理器/页面设置、打印
3、排版需注意的事宜(字号、字体、出血、文字安全框等)
4、基础绘图(矩形、椭圆、多边形、图纸、螺旋线、完美形状、智能绘图)
5、移动工具、填色(内部、轮廓)/视图工具(抓手、缩放、显示性能)
6、手绘、艺术笔/贝塞尔、钢笔/折线、三点曲线、连线、度量工具
7、排列、锁定、造形/图框准确裁剪/群组与结合、对齐和分布
8、文本格式:文字方向、字符格式、段落格式、段落文本换行(图文混排)、分栏
9、形状工具:A、直接编辑基本形状/文字;B、转换成曲线后编辑
10、涂抹、粗糙、变换工具/裁切、刻刀、橡皮檫、虚拟段删除/线条填色
11、基本操作(新建文件、设置文件大小、出血、保存、导出、再制等)
12、交互调和、轮廓
13、变形、阴影、透明
14、立体(立体字设计、扁平投影效果、添加纹理立体字、渐变立体字)
15、封套
16、位图处理/转换(跟踪位图)位图遮罩/滤镜效果(卷页)/效果菜单
17、软件介绍(应用领域、优势、缺点)/软件界面(调色板)
品牌视觉研修阶段
品牌电商 1、学习字体设计,掌握检查和修改自己作品的方法和技巧。
2、学习设计轮方法,系统学习设计创意逻辑,让创意设计变得简单、快捷、轻松。
3、学习设计中的对比法则,对于画面的把控能力,得心应手。
4、熟悉天猫京东首页banner广告位的设计风格与规则。
5、学习美术黑白灰三大调设计原则,掌握人像精修技巧,方便易记,快速出效果。
6、通过独创方法分析电商各类出色作品的标准,为自行创作提供有效的方法。
7、掌握图像创意合成方法,快速出效果。
8、学习电商设计中的阴影处理,熟练掌握护肤产品的设计风格与特性,使用检查标准提高页面效果。
品牌logo 1、通过天琥自创标志鉴赏十六字,检验标志对错好坏。深入解析有关logo品牌形象上抄袭和借鉴的区别。深入一层从含义、图形、文字、形态和色彩五要素进行创作,塑造出色logo案例。
2、通过中文、英文和数字阐述logo字体的设计原理,并提供五种捷径帮助学员有效快速掌握设计方法。
3、熟悉VI设计效果图制作方法,快速出效果。
4、熟悉VI手册设计规范,学习各项基础设计细节并明确了解其作用。
5、学习logo图形设计的基本原则、设计流程、思维方法和技巧要点,通过剖析多个案例提升logo图形设计实战技能。
品牌物料 1、通过多个案例学习画册的版式类型和基本原理。通过点评作品,让学员快速掌握版式设计的技巧、原则和规范。
2、掌握单张X展架的特点。包括尺寸大小、折叠打孔位置设定等设计规范,实战中快速制作出符合要求的宣传单张和展架画面设计。
3、文案思维对于设计具有指导性的意义,学习广告语,可以给各类型设计作品加分。
4、通过案例学习包装设计鉴赏、包装材料、包装纸盒结构设计以及包装印刷工艺。
5、运用品牌设计思维,实战操作整个品牌的各项设计,运用六尺评判标准,从看想写做说五种能力掌握项目设计的交付标准,让学员真正成为一名独当一面的全能型视觉创意设计师。
6、根据多个案例实战学习商业型和创意型海报设计的法则、规范与流程。
7、天琥独创研发理论,结合实操,提升对设计的认知。
8、天琥独创四大诀窍提升品牌设计文化深度,借以提升设计作品的价值和价格。
9、掌握宣传折页的特点,包括折法、尺寸、出血等设计规范,实战中快速制作出吸金无数的宣传折页。
网页电商研修阶段
DW 1、认识DW界面、工作区,熟练DW基本操作,学习表格,切片
2、下拉列表,dl、dt、dd下拉效果
3、掌握和熟悉横版网页的制作技巧和注意事项,让网站与众不同
4、html+css:项目列表与导航,常用css样式、css3样式补充,居中等
5、html+css:学习CSS三种嵌入形式、选择符、盒模型、浮动等,熟悉页面布局方法
6、熟练掌握竖版网站的制作规范和技巧,不再做网站的“小白”
7、表单,表单创建与表单样式
8、掌握超链接、锚链接、富媒体、框架网页、浮动框架的使用,建立简单的传统网页站点
9、spry卡式、折叠式、工具提示
10、学会如何套用和调用已有的JS代码,让网站妙趣横生,引人夺目
网页设计 1、重点掌握整站设计中的不同页面元素与设计时该注意的规范重点。
2、了解网站首页的组成部分,系统学习网站设计的组成。熟练掌握WUI设计的规范。
3、学习展示型网站、信息型网站、功能型网站、品牌网站、活动网站等网站类型的设计规范。
4、了解一个网站诞生的过程。通过企业网站案例对网站设计进行梳理,了解网页设计流程。
5、了解网页的前世今生与设计趋势。分辨各种不同网站类型的设计风格。重点学习网站设计的内容布局。
6、了解整站设计与整站设计中不同功能的页面。通过实际项目案例学习了解电子商务网站。
7、了解网站与网页的关系,学习标杆管理,与设计中标杆的应用。
电商设计 1、了解品牌电商的设计思路,通过案例学习不同品牌电商的设计方法与技巧。
2、学习钻展广告位的作用及规范。了解排版原则,信息传达原则,文字排版标杆布局,色彩关系的区分。
3、学习直通车的作用及规范,重点掌握直通车广告设计方法与技巧。
4、学习淘宝页面的移动端设计转变形式。重点学习网站响应式设计。
5、重点学习阿里/天猫/淘宝开店流程、装修流程、上架流程。
6、学习店铺装修代码与淘宝代码生成平台的应用。重点掌握代码的修改与热点图。
7、学习宝贝主图的作用及规范。重点掌握宝贝主图的设计方法与详情页的设计流程和技巧。
8、了解实际工作中网页电商设计师的定位于发展趋势。指导简历的制作思路与毕业作品的设计。


五大特权•免费享受
 
  • 免费试学免费试学

    随时试听课程,全程不收一分钱。

  • 面授教学面授教学

    名师面对面授课指导,零基础菜鸟也能快速学会

  • 名企直招名企直招

    拥有名企合作资源,毕业为你提供数千个工作岗位。

  • 连锁机构16年连锁机构

    全国48所校区,无论你在哪,我们的课堂就在你身边

  • 分期付款分期付款

    先学习,后分期付款。资金不足?学完ui设计挑战月薪8k+

  • 深圳天琥教育
     

详情请进入 福州天琥设计 已关注:6 咨询电话:

编者按:又是一篇关于扁平化设计的文章,与优设之前的诸多文章不同,今天的文章带有阶段性的总结的性质,文章源自著名设计工作室 Tubik Studio,多图预警~

著名的艺术家 Edgar Degas 曾经说过,艺术并不是你所看到的东西,而是你让别人看到所看到的东西。平面设计能够通过调整形状、阴影、字体的笔触、字母间距来调整观看者的情绪和感受,在这一点上,它和艺术是共通的。作为目前设计的大趋势,扁平化设计,无疑也具备着同样的特征。

扁平化设计

现如今的扁平化设计并不是单纯的一种风格,而是涵盖了诸多常见风格、具备多种不同目标或任务的一个设计集合体。目前扁平化设计被广泛应用于数字设计领域,并且常常通简约或者极简的视觉表达方式结合起来运用,由于移动端设计风格的演变历程的原因,扁平化设计常常被视作为拟物化设计的对立面。扁平化设计在过去的几年当中经历了积极而快速的发展,目前正“入侵”着越来越多的平面设计领域。今天的扁平化设计已经成了网页和UI设计中的主流设计方向,甚至可以说是我们日常生活中不可或缺的部分,并且开始影响我们生活中的日常决策,并且具备解决各种问题的潜力。

Toonie Alarm

扁平化设计的起源

扁平化设计的发展历程当然是有迹可循的,它的根源通常被追溯到名为“瑞士风格”的一种装饰设计风格上。20世纪初的瑞士现代主义运动催生了这种设计风格,随着二战结束,这种设计风格开始在欧洲流传开来,赢得了更多的拥簇。这次设计风格的革命是由苏黎世艺术与工艺学院的Josef Müller-Brockmann 和 巴塞尔设计学院的 Armin Hofmann 所领导的。在Design is History 中,瑞典风格是这样被描述的:“……这种风格强调简约,可读性和客观性。这两所设计院校为这种风格贡献了许多东西,包括非衬线字体,栅格和不对称式的布局。这种设计风格还强调使用排版和摄影来作为主要的视觉传播手段,所以,瑞士风格下最有影响力的作品通常都是以海报的形式呈现出来的,他们认为这是最有效的沟通手段。”

Josep Müller-Brockmann, Auto Club of Switzerland Poster,?1955

Joseph Müller-Brockmann, Zürich Town Hall Poster,?1955

Armin Hoffman, 1959 poster for the ballet?Giselle

这些海报已经清晰的展现出,这种风格的粉丝是有多么热爱简约的设计,线条方正、高可读性的字体,以及多样的几何图形和层次分明的视觉结构。瑞士风格,包括后来的包豪斯,随后迅速在世界范围内得到了越来越广泛的欢迎,并且在21世纪初获得了新生。这就是今天所说的扁平化设计。

虽然这种风格最初呈现的方式大多是海报、邮票、明信片、书籍装祯设计,但是它的出现,确实大大扩展了数字设计领域的视野,特别是在UI设计的领域。

扁平化和极简主义设计让网页和移动端应用拥有了可用性更强的设计解决方案,这样的设计更加卓有成效。扁平化设计和之前所流行的细节丰富的拟物化设计不同,它对交互和功能的支持更加优秀,让设计拥有了更多的可能性。

最初走出扁平化设计这一步的是微软,在08年的时候,微软便开始从瑞士风格、现代主义和包豪斯中汲取灵感,随后在2010年推出了Windows Phone 7,它就是典型的扁平化设计。这个版本的操作系统中采用了大量的简单的形状,清晰的排版,明亮而对比明显的色彩,复杂的细节和纹理都被移除了。三年之后所发布的iOS 7 中友好而直观的UI设计和微软虽然不尽相同,但是在设计理念上两个系统互为印证,成为了扁平化设计在数字设计领域应用的明证。虽然此后的Material Design中阴影的运用,一定程度上偏离了扁平化设计的思想,但是总体上,它依然是扁平化设计思想的继承者和发展者。

设计史有意思:

《传奇再现!设计师不得不读的APPLE WATCH 秘史》

《技术与人性的碰撞!给设计师的用户体验设计发展简史》

《不忘初心!带你一步步回顾交互设计史》

GIF for the Weather?App

扁平化设计最基本、最突出的特征包括:

·简单的元素和形状

·极简风

·强功能性

·大胆而易读的排版

·清晰而严谨的视觉层次

·关注细节

·明亮的色彩和对比度明显的视觉感知

·避免使用纹理、渐变和复杂的样式

·采用栅格、几何特征以及视觉平衡的原则

Restaurant Menu animation

扁平化设计的优势

扁平化设计的优势有很多,这也是它在数字设计领域流行的主要原因。现如今,扁平化设计也开始逐步影响现代排版印刷设计了。那么扁平化设计的优势在那里呢?

·可读性和易读性

·通过形状、色彩和字体来呈现清晰的视觉层次

·有效的支持web和移动端的导航设计

·自适应性,适合响应式设计

·在各种屏幕上都具备良好的可读性

·对于开发更加友好,降低在设备上的负载

除了上面所说的一切,扁平化设计还为创意设计提供了广阔的空间。

设计实战:扁平化设计的应用

扁平化设计的多样性和灵活性使得它在设计领域占据的比重越来越高。接下来,我们通过Tubik Studio 的设计师的设计作品来梳理一下它的功用:

UX线框图

即使是在最初的线框图绘制阶段,扁平化设计的设计规原则和逻辑转换同样是适用的。线框图设计本是UI和UX设计的最初也是最关键的部分之一,它将APP和网页的基本执行方案框架呈现在团队和客户面前,它本身就具备一定的视觉化设计的特征。线框图快速有效地将核心和基本的元素整合到一个简约直观的框架中来。

UI界面设计

现在的UI界面设计中大量充斥这扁平化设计,你可以在其中看到各式各样的扁平化设计元素的运用。

UI交互概念设计

扁平化在UI设计中的应用范畴非常广,尤其是在移动端的UI设计上。

Pull To?Refresh

Portrait vs Landscape interaction

GIF for Pull?Down

Tab bar interactions

UI导航元素

扁平化设计的另外一个重要应用就是图标和导航元素的使用。简约和视觉化的特征让它们在UI设计中更加灵活,在小尺寸下具有良好的可读性,设计师可以使用鲜艳的色彩创造不同的视觉效果。

The set of flat?icons

Flat icons applied in Veggie?App

Flat icons and tabs design for Blog?App

Flat icons applied in Saily?App

Flat UI design elements for?PassFold

UI插画

越来越多的UI开始采用扁平化的风格的插画,它们具有明显的可定制性和针对性,有明确的业务目标和视角,可以更为高效地解决用户的痛点。

Cafe Coupon?App

Weather App

Moneywise App

Illustration for SwiftyBeaver

Timeline App

Healthy Stickers

主题插画

这些主题性非常强的扁平化插画满足了用户在美学上的需求,同时具有点题的功能。

Free Colorful Wallpapers

Free Space Wallpapers

Star Wars Rogue?One

Underwater Explorer

Halloween Haunted?Castle

Rio 2016

Californication Bus

San Francisco Painted?Ladies

插画印刷品

现代扁平化设计已经开始入侵平面设计领域,在日常的插画印刷品中也有很多采用这一风格。

Tales of the Jazz Age Book?Cover

Pikachu Poster

Muscles Magazine

Suicide Squad?Poster

Spring Girl greeting?card

品牌设计

扁平化的设计所提供的时尚外观不仅具备灵活的特性,而且更容易得到数字化的支持,应用在不同的渠道,因此许多品牌也采取了扁平化设计。

Logo mascot for Saily?App

Logo lettermark for?PassFold

Logo design for?Andre

Logo for Design4Users

Logo lettering and mascot for Toonie?Alarm

结语

所有的这些案例证明了扁平化设计的优势,但是如同现代主义设计和包豪斯一样,扁平化设计有它本身的缺陷和无法克服的问题,不要过度迷信。然而,扁平化设计开启了新的视角,尤其是在以用户为中心的UX设计中,它确实有着独特的优势。
  • 校区分布
  • 学校相册
  • 推荐课程
  • 相关学校
  • 相关文章

温馨提示:提交留言后老师会第一时间与您联系!热线电话:

手机访问

#tel_020#
2019全年综合资料,六合宝典资料区,关注2019全年马会资料,今晚开什么码资料2019,2019全年正版输尽光资料,2019年马会正版,今晚开什么码资料2019