温州春华教育

春华简介

温州春华有限公司**早成立于1994年，是国内**的文化与科技融合发展的高新技术企业，公司总部位于温州软件园，在香港、北京、上海设有分支机构，公司具有20年温州及国内外重大文化创意产业项目的成功经验，与国内外文化创意企业具有广泛的业务合作关系，公司业务主营创意媒体设计、软件开发、系统集成、文化创意职业教育及培训。

公司拥有ISO9001,ISO27001国际认证体系，是国家认定的双软认证及服务外包企业。 春华多年来成功的服务于温州电力、鲁能集团、温州卫视、海信集团、双星集团、温州高速集团、红日集团、胜利油田、济南军区、温州大学、温州省博物馆、温州省科技馆等温州省知名企事业单位，得到了客户及社会各界的广泛好评。 春华拥有雄厚的科研实力，秉承"创新成就未来"的企业宗旨，在文化创意产业积极开展自主知识产权的创新研究，与温州大学合作的"真实感动漫渲染研究与应用项目" 已成功入选国家863科技计划，与温州大学、合作的"飞翔影院系统研究与应用"项目已成功入选2013年国家文化科技创新工程，公司自主研发的"新视觉创意媒体设计系统"及"新视觉创意媒体设计实训系统"多年来为温州大学等多所高等职业院校培养了大量的文化创意产业的精英人才，并成功的服务于北京、上海、济南、青岛等国内众多文化创意企业

淘宝美工课程简介

〇课程简介：

1 和只修图的美工说“拜拜”！ PS软件才不是全部呢！

2 拒绝做只修图的淘宝美工，来旗聚英才短期迅速掌握淘宝网页美工所有新技能！

3 专业和实力才是硬道理！

4 学习 系统 专业 全面的淘宝美工课程，登录预约免费试听体验，或了解课程详细内容。

5 针对淘宝天猫开设的《淘宝网页设计师全科班》

6 不需要任何基础，不需要美术基础。

7 从零基础开始学习ps课程，包含工具、图层美化、合成，色系、饱和度、色相，多种方式抠图，可以细致到猫和人物的发丝。

8 针对淘宝 淘宝店招设计，商品描述，商品细节图片的制作和细节描述的制作。

9 促销海报及图文混排的设计制作。

10 另外学习色彩的搭配，让你的店铺更“有颜色”，完美。

另外学习fl动画，制作轮番播放的促销或者展示广告动画，让页面活起来--火起来

〇课程详情：

(全日制班、周末班、随到随学班)

招生对象：

0基础或有相关网页、UI设计工作经验，并且致力于网页设计师、淘宝美工设计人员想快速发展的学员

课程目标：

我们只培训毕业后就能独立工作的景观设计师，在天成的这段时间成为您难以忘怀的一段珍贵回忆!

〇主要课程：

Photoshop、Web设计、Dreamweaver编程

〇课程内容：

Photoshop

1、软件介绍和界面展示

2、人像的制作：抠图的五种方式、调色、滤镜、蒙版

3、海报的制作

4、矢量图标制作方法

5、产品修图技法

Web设计

1、banner：基本层级逻辑和规格;banner排版形式、颜色搭配

2、企业：界面规范、企业站建站方法;markman的使用

3、 电商、基本逻辑、用户分析、Cutterman的使用 切图、淘宝页

面尺寸与详情页的制作方法、X main的使用技法

Dreamweaver编程

1、网页标签、层叠样式表、浮动元素、选择器、

2、两大类型标签和导航制作、表单、超链接和图片元素

3、利用CSS进行网页布局、定位讲解、H5新增语义化标记、CSS3.0属性

动效实战！跟着Tubik Studio学习UI动效的常见用法

---

动效是UI设计中**强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，**实时、动态的方式创造引人入胜的体验。巧妙的运用动效，能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景，在移动端上动效的作用就显得更加关键而有效了。

在我们之前的文章中曾经探讨过动效和UI设计之间的关系，以及它是如何催生高效的微交互。移动端设备的持续普及和流行，使得动效的多样性有了明显的提升，积极的同用户共鸣。因此，动效设计应该简单、清晰、明亮，并且以用户为中心。

今天的文章，** Tubik Studio 和相关设计师的15个概念设计项目来简单总结一下动效常见的类型、风格和功能。

1、博客APP概念设计：震颤

这是一个博客APP的概念设计。考虑到博客通常包含大量的图片、内容摘要，所以我们在设计的时候将这些部分作为内容主体，还填充了不同主题的彩色磁贴。用户可以**点击作者打开相应的信息流，信息流会呈现出作者近期发表的文章，更新的状态，并且可以像社交媒体一样关注/取关。整个概念设计在原有过渡动效的基础上，借用符合物理规则的轻微震动回弹效果来强化体验，相比之下也许不够显眼，但是让整体感觉更加自然生动。

2、社交APP概念设计：直观

这是一个社交类APP的交互概念设计。通常人们希望这类应用快速、动态且清晰。所以，整个界面被设计得色彩丰富，而动画的运动方式也多设计得简单直观，这使得整个界面显得可用性更强。些许回弹和震动的加入令动效显得更富生机。

3、艺术图库APP概念设计：统一

正如同我们所熟知的，过多的动效和UI元素都会让用户感到迷惑，但是如果使用一种动效来支撑整个UI布局的话，所带来的转化率会明显好很多。在这个艺术图库的APP中，交互和动效融为一体，将事件预览和详细信息的展现以更加统一自然的方式呈现出来。每个区块的标题背景都采用了色块来进行区分，使得整个布局的结构更加清晰。

4、运动APP概念设计：动感

体育运动类APP 是时下的热门，越来越多的人开始使用手头的智能设备来辅助运动和训练，跟踪数据，监控运动过程是必不可少的。所以，在做运动APP的概念设计的时候，**动效来突出APP的展示功能就相当重要了。应用的布局并不复杂：侧边栏 内容展示，侧边栏从左侧弹出，承载不同的板块导航的功能。设计动效的时候，设计师希望营造出橡胶一样的质感，而配色上也相应的更加活泼。处于展示的目的，设计师希望即使侧边栏存在也能看到全部内容，所以布局更加自由灵活，加上动感十足的过渡效果，整个UI显得充满能量，有激励效果。

5、产品展示UI概念设计：视觉反馈

在购物类APP中，产品展示是相当重要的一个需求。这个产品展示的UI设计中，将产品展示用卡片式设计来承载，尺寸和价格也直观的展现出来了。在这个设计中，动效的可用性相当高：它以视觉反馈的方式，清晰的告知用户他们的操作已经完成。高效快速的微动效和可用性极高的界面布局，让整个界面显得好用而易用。

6、日历APP概念设计：协调

这个日历APP的概念设计将日程管理和笔记的功能融为一体，并且加入了更加优秀的视觉设计。丰富而有梯度的色彩设计赋予界面以足够的丰度，而流畅的动效则让色彩由静态变为动态，使之更加富有活力，也更加协调了。

7、计时APP概念设计：视觉化

这是一个相当独特的单页计时APP应用的UI设计，可以说它的整个交互都包含在动效当中了。作为一个单一功能的计时应用，设计师将它的动效设计发挥到了**大化，**有趣的动画展现了时间流逝的过程。用户可以**点击按钮开始计时，也可以**下拉开始计时。当然，这样视觉化的设计可以更好的吸引对于视觉设计更加敏感的用户。

8、UI导航概念设计：异化

对于一个新闻应用的用户中心而言，这这样的导航概念设计是相当的独特的。时尚的色彩如同水一样流动，操作按钮像球一样沿着倾斜的轨迹流动出来，可以称得上是惊艳。

9、UI侧边栏概念设计：交互性

这是同一个城市新闻应用的交互设计，只不过这个是借用了iOS的Force Touch 功能同动态效果更好的呈现侧边栏设计。同样是流动的色彩，但是Force Touch 让这种动效具有了更强的交互性。

10、美食设计APP概念设计：展示与引导

这是一个基于美食的社交类应用，这个APP的UI设计希望**更加快速便捷的方式以话题为中心，进行信息更新。设计者希望其中包含分享、讨论、聊天、关注、上传、点赞和收藏等功能，这个时候，流畅的动效成了引导交互、展示功能的手段了。

11、动态滚动概念设计：辅助展现

这个概念设计的亮点在于动态时间轴的展示。这个动态滚动的信息流同顶部的插画风时间轴整合到了一起，时间轴被设计成为一个动态的信息图，当你向下滚动信息流的时候，时间轴也随之变化，辅助信息流展现更为丰富的信息。

12、咖啡优惠券APP概念设计：微交互

美食是世界上**美好的事情之一，所以美食也是设计中**常见的元素之一。这个APP 为用户提供咖啡优惠券，所以设计师借助动效来强化微动效，加上对于美食的联想，创造让用户难以忘怀的体验。

13、联系人列表概念设计：强化交互

这个联系人列表的概念设计中加入了不少横向和纵向的滚动操作，相比于传统的设计有着更强的交互性。动效成为了展现并联通不同环节的桥梁，充满电子意味的失真特效也让整个设计显得情怀十足。

14、多界面UI概念设计：物理规则

这个移动端APP的概念设计中囊括一系列不同功能的界面，包括地图、联系人、搜索框。这一系列界面展现了多种不同的交互以及控件的变化，这些复杂的交互过程中控件的运动规则都尽量模拟物理规则。

15、健康美食APP 概念设计：组织

这款APP是关于如何健康饮食的，提供了诸如生活方式、饮食技巧之类的信息。整个APP 为不同的主题分配了不同的色彩，采用简约直观的布局来突出视觉特色。APP中的动效设计则旨在体现不同元素之间的关系，并不显眼，但是一系列微小的过渡将整个界面组织到了一起。

结语

动效设计千变万化，但是动效设计始终是服务于UI的，你得时刻记住这一点。它终究是功能性的，你的目的是什么，用户的需求又如何，你想要营造的效果是什么，这些因素可以引导你思考并设计出真正合理的动效。

【技多不压身的设计师才有高薪资！】

1. 平面设计：《超赞！设计师完全自学指南》
2. 交互设计：《交互设计师修炼指南！教你从零开始成为优秀交互设计师》
3. UI设计：《超实用新手指南！零基础如何自学UI设计？》
4. 前端开发：《天猫高手来教你！零基础如何系统地学习前端开发？》
5. 抠图技巧：《从菜鸟到高手！PHOTOSHOP抠图全方位攻略》
6. 配色方案：《色彩搭配速成！3个实用方法帮你全面搞定配色》
7. DPI指南：《基础知识学起来！为设计师量身打造的DPI指南》
8. 交互设计自学路径图：《零基础入门！给非科班生的自学路径图之交互设计篇》

原文地址：medium
原文作者：Tubik Studio
译文：@陈子木

本文由联展网原创翻译，请尊重版权和译者成果，转摘请附上链接，违者必究。谢谢各位编辑同仁配合。

================关于联展网================
“联展网“是国内人气**高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：****全的设计师图书导航：/book/。
设计微博：拥有粉丝量150万的@优秀网页设计 ，欢迎关注获取网页设计资源、**顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：

相关推荐：

---

温州平面设计培训   温州平面设计培训班   温州平面设计培训机构