春华简介
温州春华有限公司**早成立于1994年，是国内**的文化与科技融合发展的高新技术企业，公司总部位于温州软件园，在香港、北京、上海设有分支机构，公司具有20年温州及国内外重大文化创意产业项目的成功经验，与国内外文化创意企业具有广泛的业务合作关系，公司业务主营创意媒体设计、软件开发、系统集成、文化创意职业教育及培训。
公司拥有ISO9001,ISO27001国际认证体系，是国家认定的双软认证及服务外包企业。 春华多年来成功的服务于温州电力、鲁能集团、温州卫视、海信集团、双星集团、温州高速集团、红日集团、胜利油田、济南军区、温州大学、温州省博物馆、温州省科技馆等温州省知名企事业单位，得到了客户及社会各界的广泛好评。 春华拥有雄厚的科研实力，秉承"创新成就未来"的企业宗旨，在文化创意产业积极开展自主知识产权的创新研究，与温州大学合作的"真实感动漫渲染研究与应用项目" 已成功入选国家863科技计划，与温州大学、合作的"飞翔影院系统研究与应用"项目已成功入选2013年国家文化科技创新工程，公司自主研发的"新视觉创意媒体设计系统"及"新视觉创意媒体设计实训系统"多年来为温州大学等多所高等职业院校培养了大量的文化创意产业的精英人才，并成功的服务于北京、上海、济南、青岛等国内众多文化创意企业
Photoshop培训课程简介
第1讲PhotoshopCS基础知识
1．常规概念：像素、矢量图和点阵图、图像分辨率。
2．PhotoshopCS工作环境。定制和优化工作环境，预设管理器使用。
3．主界面认识及基本使用方法。包括菜单、
3．文件操作。新建文件、打开文件、文件打开为、
4．图像浏览显示方法。缩放的五种操作方式。
5．图像的恢复：恢复的设置、恢复命令的使用、历史记录调板。
第二讲 Photoshop像素基本制作
1．背景颜色及背景图像的填充方法。
2．掌握工具箱的矩形、椭圆、单行、单列选择工具的使用。
3．掌握3种套索工具的使用。
4．掌握颜色设置、填充颜色、描边功能操作。
5．掌握渐变颜色的设置、渐变工具的使用。
6．初步了解图层的含义。
7．初步了解文字工具的使用方法。
第三讲 PhotoshopCS绘图工具、修饰工具的使用
（一）绘图工具的使用
1．工具外形的设置。
2．颜色设置的几种方法：拾色器、颜色调板、其他颜色确定方法。
3．颜色填充的几种方式：菜单、快捷菜单、喷漆桶工具、快捷键、绘图工具等。
3．Brush画笔调板的使用：选择预设画笔、自定义画笔、画笔的选项设置。
4．绘图工具：画笔工具、铅笔工具、橡皮擦工具、背景擦除工具、魔术橡皮擦工具。
5．图像修饰工具：仿制图章工具、图案图章工具、
（二）图像的变换、图像裁切及图像批处理
第四讲 工具的绘图模式
24种绘图模式。
第五讲 选区操作
1.创建选区的基本方法：工具箱规则选择工具、套索工具、魔术棒工作、
2．修改选区：增加/减少/相交、扩大选区、选取相似、修改选区命令、变形选区命令。
3．实例操作。
第六讲 路径操作
（一）路径工具及路径调板
各种路径工具及功能、选项栏的含义、路径调板的功能及使用。
（二）路径操作
1.绘制直线、绘制曲线、保存路径、路径编辑修改技巧。
增加锚点、删除锚点；
2．复制及删除路径、路径与选区的转换、
第七讲 通道和蒙版
（一）通道的基本概念。
1．通道的概念，通道分类：颜色通道、
（二）通道操作
1．颜色通道以彩色显示、选择通道、
（三）蒙版及使用
蒙版的概念及作用；蒙版的分类：快速蒙版、选区蒙版、图层蒙版。
第八讲 图层的应用
（一）基本概念及图层调板功能
图层概念、图层分类及术语、图层调板的功能。
（二）图层基本操作
（三）图层组的使用
（三）图层蒙版
（四）填充图层与调节图层
第九讲 文字图层、图层样式
（一）创建文字图层
（二）修改文字图层
（三）图层样式
第十讲 矢量图形、矢量蒙版
（一）创建矢量图形：形状工具、使用形状工具、存储自定义图形。
（二）图层矢量蒙版
第十一讲 色彩模式及色彩的校正
（一）色彩基本概念：色彩深度、色域、溢色、颜色通道。
（二）色彩模式及模式转换：9种色彩模式。
（三）色彩校正的多种方法
第十二讲 图像的分析与扫描
原稿划分、原稿复制特点、灰平衡、色彩模式的使用、使用色彩调节命令、色彩平衡及校正、分辨率的选择、图像扫描、负片扫描、生成双色调图像、人物肤色的扫描
第十三讲 滤镜的特殊效果
（一）滤镜的基本概念：概念及意义、滤镜分类及设置、滤镜的使用。
（二）实例操作：第六单元题、第八单元题。
第十四讲 综合练习
第十五讲 文件存储与优化
（一）存储命令：存储、存储为、存储为WEB格式、文件存储的设定。
（二）常用文字存储格式
【Coreldraw的教学大冈】：
1．矢量图绘图功能、卡通
2.图形的编辑、造型工具的应用
3.文字的编辑与排版、文字的设计与造型应用
4.矢量图的排列与组合，位置、大小、翻转、
5. 矢量图的排列与组合的设计应用
6. 透镜效果，透视效果
7.九个强大互动功能的讲解
8. 互动功能在设计中的应用
9. 滤镜效果、调色功能
10包装设计
—VI部分的设计与应用练习
12.图文混合排版等等
13.书籍装帧设计、海报设计、报纸广告、户外广告等等的综合联系
【适合对象】 热爱设计行业（包括装饰、展览、展示，广告、动画、景观、；园林、环艺、网页等）相关爱好社会青年、
【开课时间】：随到随学、常年循环开设、早班、下午班、晚班、周末班、还有短期速成班、
偏执细节控！超赞的UC星座占卜H5是如何设计出来的？
编者按：用软件快速生成的H5和设计师精心打磨过的有什么区别？看今天这篇就知道了。仅仅是一个星座专题，背后的设计思考非常多，从视觉、代码实现、交互到知识背景，无一不体现设计师对细节的「偏执」，来给作者Caiqiang点个赞。
星座的“座”本来是人类意淫出来的产物，古代巴比伦人几千年前就开始自作主张地把相距无比遥远且毫无干系的恒星们连接起来，以人们熟悉的动物命名并绘制出精美的星图。古老的人们从那时就开始相信，那些放射着闪闪光芒的恒星群，似乎真的与我们和我们的生活有着某种神秘的联系。
这里要为大家分享的，就是一个有关UC星座占卜的移动端互动H5专题页面。从传播角度来看，由于星座主题本身并不是一个普适大众的兴奋点，因此这个项目的目标群体似乎被限制在数量有限的特定的用户群内，而我们希望即使对星座不是那么感兴趣的用户也能够参与进来，因此从实现上我们决定以视觉效果为驱动力，引导功能性。
初期的规划中，这个H5的结构大概由下面几个部分组成，**部分是一个比较宏大的视角展示浩瀚宇宙，樊星闪烁。第二部分特写聚焦用户自己的星座，并进行可操作的3D展示。第三部分则是占卜出来的运势结果，可以与朋友分享和互动。
为了模拟宇宙广阔的空间感，设计风格上我采用了相对比较写实的做法。首先将空间分层处理，深邃的蓝紫色背景加上斑斓的星云，附上不规则的星光，形成**底层**远端的宇宙背景。前景和中间层则需要一些漂浮的星球产生近大远小的效果，他们的作用是造成看起来夸张遥远的距离感，这些星球则需要用到WebGL技术制造的粒子效果去模拟实现。12星座分布在这些粒子群的内部。
为了从一而终的整体氛围感，我决定在页面的首屏界面直接使用这个场景作为背景，这是**次在欢迎界面的首屏尝试使用了3D的动态背景，也就是上面描述的这个场景，摄像机以较远的视角在空间中漫游。这个做法使得接下来的操作流程更为整体和一气呵成，避免了跳转带来的断层感。
国际天文协会（IAU）以传统天文学为蓝本将我们头顶上的恒星们划分出了88个星座，而大家熟悉的12星座是这88个星座里面，位置正好处于我们看到的太阳运行轨道（黄道）上的那十二个，环绕地球围成一圈，因此在H5页面中我们也将这些星座按实际顺序排布在一个圆环上，摄像机（观测视角）在空间中沿着这个圆环轨道移动。
但问题是，我们似乎都只在地球上见过星座，以3D环绕的上帝视角看起来，一个星座的组成应该是什么样子的呢？星座里每颗星之间的距离、位置关系应该是怎样的？事实上，组成星座的每颗恒星间的距离都是极其遥远而悬殊的。在查阅了一些资料文献、天文应用之后，我大致得到了各星座内天体间的相对位置，当然这个位置信息是非常模糊的，将其比例微缩到我们可观测的大小后，我**Blender这个3D软件将每个星座的结构排列模拟出来，将星座里每颗恒星的具体位置定位到空间里面去。Blender所生成的文件能够被前端和研发方面直接方便地提取到文件里的内容信息（X,Y,Z轴坐标）方便代码重构。到这个阶段，12个星座的三维化完成了。
将每个星座的坐标确定好之后，接下来开始实现的第二部分——用户选择星座并进行下一步操作，我们采用了一个 “理所应当” 的交互形式：镜头由远处拉近，聚焦在所选星座的面前。这里要提到的一点是，在我们重新排列星座中恒星的位置使其三维化之后，它们由一个平面变成了一团毫无章法的乱糟糟的星星，辨识度似乎更低了…为了解决这个问题，在进入所选择的单独一个星座展示界面时，我们会默认将这团乱糟糟的星系旋转到以一个特定的角度朝向你，你会发现熟悉的星座又回来了！是的，那就是他们朝向地球的角度。
以我们平时的视角看起来，星座本身并没有什么体积感——它们只是天空中一些二维的亮点。这导致了在我们的页面里面选择进入某个星座之后，并没有一个明确的因选择所带来转折的仪式感。于是我们在进入每个星座时都加上了一幅该星座的星图图腾。它的作用除了暗示你推进到了更深的一个层级以外，同时也使这个单薄的没有体积感的星系显得更为丰富饱满。
当然，这一切的顾虑都是在你手指滑动屏幕开始3D世界的探索之前。
在“把玩”够了你的星座之后，可以选择其中一颗恒星进行占卜，占卜结果多种多样千奇百怪并可以与朋友进行互动玩耍。
遗憾的是该活动在传播过程中触及到微信的敏感神经，使其屏蔽了该页面在朋友圈的分享。但该情况发生后我们营销、运营、设计、前端、研发团队快速响应，1天时间出了新设计稿，1.5天前端 研发实现新方案页面就位。于是仅两天半之后一个流程更简洁、结果更**、内容更“和谐”的版本诞生了
在这个版本中我们将细节做的更加精致，流程步骤调整地更为精简。大家有兴趣的话可以去体验和比较一下。相信聪明的你在比较之后会在 “H5反屏蔽” 的路上躲过一些血坑。
也许你已经注意到这样一个看似简单的页面背后是许多细节的堆砌和打磨，在种种原因的限制下，这个项目并没有做到尽善尽美，但至少可以说已经做到了在现实的桎梏之下尽力去完善我们能顾及到的角落，暂时将KPI和商业目的扔到一边，很多时候我也会 “偏执于甚至不会被发现是有用还是无用的细节” ，但也许正是那些你看不到的“无用的”的细节，它们累积成了所有你能看见的有用的基石。
【十二月人气文章合集】
Top 1
《涨姿势！创造好设计的25条史诗级平面设计技巧》Top 2
《逼死设计师！2015年全球**丑的网站排行榜新鲜出炉》Top 3
《亲历者说！日本的平面设计水平为什么这么高？》
原文地址：red.uc
作者：Caiqiang
================关于联展网================
“联展网“是国内人气**高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：****全的设计师图书导航：/book/。
设计微博：拥有粉丝量107万的@优秀网页设计 ，欢迎关注获取网页设计资源、**顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
相关推荐：
