UI设计师入职学习大纲.doc

1、 对设计人员的基本要求知识方向要求内容工具软件熟练使用Photoshop熟练使用Fireworks熟练使用AxureRP 制作网页原型基本会使用Dreamweaver了解Eclipse、SVN，可使用SVN协同工作熟悉Flash的制作（会用flash制作简单网页广告）HTML/CSS熟悉HTML语法，可制作简单HTML页面熟悉CSS（了解美术效果对CSS技能的要求，设计设计时要考虑美工对制作难度（或工作量）的影响）设计理论理解基本设计理论、基本设计原则其他积极与同事、客户进行沟通2、 熟悉环境和开发工具目标培训内容新人熟悉机器、工作环境，学习搜索引擎使用技巧1、 分配工位和机器，创建操作系统用户，加入公司员工群，分配邮箱。2、 查看/websearch/?hl=zh-Hans里的搜索帮助，学习搜索引擎的使用（特别是要学习搜索运算符的使用/websearch/answer/136861?hl=zh-Hans&ref_topic=3036305）2、从网络上查找资料，收集设计师常去的网站（图片素材、设计理论、作品欣赏等）网址准备工作环境新人熟悉机器、开发环境，1、 从网络上查找资料，了解什么是个人知识管理2、 建立个人知识目录，建立个人设计素材目录，建立个人工作目录。3、 安装PS、FW、Axure等软件4、 到其他设计同事那儿拷贝字体、图片库等设计素材3、 设计知识整理目标培训内容复习设计理论知识、查漏补缺（0.51天）在网上查找设计的基本原则的相关论述，并保存相关文章：对比：基本思想是，避免页面上元素太过相似。如果元素，如字体、颜色、大小、线宽、形状和空间等不相同，就让它们截然不同。 对齐：每个元素都应与页面上另一个元素有某种视觉联系。在对齐很明显的基础上，可以偶尔打破对齐规则。 重复：可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等，增加条理性和加强统一性。 亲密性：彼此相关的项应当靠近，归组在一起。若多个项之间存在很近的亲密性，它们会形成一个视觉单元，而不是多个孤立的元素。运用设计理论进行论述查看公司之前项目设计稿，并作出自己的点评，在以后的工作中 可通过调整、改进公司之前的设计作品 来快速完成设计任务。4、了解常见UI设计风格目标培训内容了解常见界面设计语言（12天）1、 在网上搜索资料，了解常见的成体系的界面设计语言的特点。涉及但不仅以下提到的：苹果MacOS操作系统早期的华丽的水晶质感风格、近期的雅致的低纯度的灰色风格；以及移动设备上IOS系统中用到的灰蓝搭配。MacOS上应用软件iTunes上以前用到的灰橙色色彩搭配及衍生作品，MacOS上应用软件QuickTime曾经使用过的灰色金属拉丝质感及衍生作品。IOS6及以前版本系统上的一些应用的精致拟实风格（如指南针）。IOS7提倡的扁平风格的特点。微软早期XP、vista系统中软件界面（如MSN）常用的蓝色风格、后来的有透明感的vista风格、近期使用的Metro风格（可以追溯到包豪斯风格）。杂志风格（简约、大图、大色块）。Gmail所使用朴素蓝色风格。所谓web2.0风格的网站设计，现代感、圆角、阴影的运用。Adobe的产品及网站所使用的灰色风格（简约、平衡）。2、 对主要的设计表现手法作归纳和理解如：用大图片作背景、纯色块搭配、大banner图、极简、三维视感、特殊字体5、UI设计参考资料整理目标培训内容整理设计素材、整理参考作品（35天）专业的设计人员在寻找灵感时总是会“借取”其他优秀作品的设计理念。你需要建立你自己的参考作品库，经常浏览好的作品来提高自己的审美能力；在接到新的设计任务时，也需要从参考库中快速找到可供参考的作品。2、 把从同事那儿拷贝到的图片、网页截图全部浏览一遍（这可能需要花好几天时间），删除一些你认为水平较低的，标记出你认为水准高的（比如给文件名前加上!（感叹号），并对所有作品进行分类保存到不同文件夹。方便今后的查找、利用。3、 找一个你觉得很有参考价值的设计作品展示网站（如dribbble）作为你的浏览的首页，每天打开浏览器看看一新的设计作品，并保存你认可的作品的截图。6、UE目标培训内容用户体验（25天）1、从网上搜索资料，了解什么是UE，了解用户体验的基本概念2、对当当、卓越，qq邮箱、网易邮箱，京东、易迅等有类似性质的网站进行对比的使用，对其用户体验作观对比评测。3、学习使用Axure制作网站原型，会在Axure里制作下拉菜单等涉及动作交互的功能。4、用Axure作交互原型：对你常用的一个电商网站的交互设计作出改进7、软件基础目标培训内容软件使用能力评估（0.52天）如上图所示图像，使用PS或FW临摹出来。需要能凭自己对软件的了解，快速完成绘制。如果有困难，请查阅资料及请教同事，软件使用是设计的基础，务必掌握熟练。8、临摹目标培训内容图标设计练习（25天）1、 查看IOS6、IOS7、MIUI、Smartisan OS等系统的图标，对图标的主要风格有所了解（强调细节的拟物风格；图形化扁平风格；其他个性化风格如纸片风格、手绘风格），感受设计图标时的创意挖掘、纹理与质感的表现。2、 选一种你最喜欢的风格，临摹一屏图标。网页设计练习（37天）3、 查看收集的网页截图，对网页设计的经常运用的设计手法有所了解（强调质感的；使用精致图标的；平面化杂志风格；营造三维空间感的；使用大背景图的；使用手绘插图的）4、 选一个的韩国简洁细腻风格的网站进行临摹5、 选一个欧美的简洁大气风格的网站进行临摹6、