‘视觉设计’ 分类的存档

“美工”？“视觉设计师”？在现在这个分工越来越明确的时代，视觉设计师需要更多的了解用户的行为，用色彩去更好的表现内容，引导用户的行为

没有评论精品学习网诚聘视觉设计师，前端制作工程师

2010年8月24日

精品学习网（北京）诚招视觉设计师

招聘要求：
1.有大型门户网站or 电子商务网站设计经验
2.有扎实美术功底，设计理论知识，对流行趋势拥有敏锐的洞察力，对各种设计趋势有灵敏触觉和领悟能力；
3.熟练使用photoshop，掌握illustrator或者freehand等矢量图形软件，有手绘能力优先；
4.有flash设计能力
5.了解html、Dreamweaver等制作工具，手绘能力优秀者优先；了解网页制作流程；
6.有高度的责任心、具备良好合作态度，沟通能力及团队精神，并富有工作激情，创造力和责任感，能承受高强度的工作压力。
7.美术、设计或相关专业本科以上学历
8.三年以上工作经验
工作职责：
1.公司各类产品的视觉风格设定以及界面，图标设计；
2.各重点频道网站整体风格设计
3.品牌建设
应聘材料要求：
1.个人简历
2.相关作品及链接

精品学习网（北京）诚招WEB前端制作工程师

岗位职责：
1、使用Javascript熟练、准确地进行代码构建，实现产品所需的动画效果以及交互效果
2、使用HTML/CSS/XML熟练地进行页面制作及维护,熟悉W3C标准 了解语义化
3、了解所有常用浏览器，利用自己的经验有效地解决浏览器兼容问题
4、保持高效的前端性能
5、与产品、编辑、页面设计人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作
6、了解服务器端的技术实施细节，有针对性的协助服务器端开发人员开展业务逻辑开发工作
7、时刻保持对当前互联网的各种流行应用的了解，在交互体验、产品设计等方面有自己的见解，并在适当的时候表达自己的意见
8、文档撰写，在前期期间设计交付：URL设计文档、公用模板数据描述文档、模板结构设计文档，在编码期间能撰写清晰明了的注释
9、严格遵守团队的代码格式、结构的规定，编写易读、易维护、高质量、高效率的代码
10、具备良好的前端架构分析能力与设计能力，积极参与前期设计
任职资格：
1、三年以上工作经验，有大型互联网公司任职经历为最佳
2、对javascript语言有十分深入的了解
3、熟练掌握HTML/CSS/XML
4、对互联网产品有着良好的感觉，对交互体验有较为深入的了解
5、思路清晰，具备良好的沟通能力和理解能力

公司介绍：http://www.51edu.com/aboutus/

工作地点：北京海淀魏公村

投递信箱：liug@51edu.com

QQ:76373

分类: 前端开发, 视觉设计 标签: , , ,

2 条评论一些实用的视觉辅助工具[转]

2010年8月18日

导读：在视觉设计过程中，除了一些我们耳熟能详的软件以外，其实还有不少优秀的辅助工具能帮助我们解决实际学习和工作中的问题。这次，我便总结了部分这类型的辅助工具，与大家分享（自己能力有限，如有遗漏，敬请补充）。

————————————————————————————————

做为一名视觉设计师，又一次参与了广州ucd的活动。说实在，自己对这次的活动有点点小小的失望，可能是之前预告的内容与实际情况有些许出入吧。不过这次活动气氛倒是这几次以来最好的，可能mm来的比较多，大家都异常活跃的缘故吧。

几位嘉宾也做了自己精彩演讲，对于我这名已经在职场打滚的人而言无疑是实用之极。不过考虑到，这次到场的部分童鞋都还是在校学生，活动提到的部分内容可能对他们而言还是比较羞涩难懂的。同时，里面提高的部分工作技巧和工具，貌似对比较大型的网站才有实际操作的可能性。

而作为一名有一定资历的门户网站设计师，我也只是能对部分嘉宾提出的观点有较清晰的概念，不过这也不排除自己本身愚笨的可能性存在。那么，借写这篇博文的机会，也分享自己在平时视觉设计工作中一些常用到的部分辅助软件，这些辅助软件主要针对视觉设计师的工作范畴，常用的软件就不在此篇涉及的范围内了。

这里，简单的将这些视觉辅助工具分了个类别：分别是素材生成类，截图取色类，动画辅助类以及格式转换类。这些分类基本涵括了自己的网站视觉设计工作中，常用到的几个范畴了（如有更好的建议，欢迎各位补充～）

素材生成类

·在线生成矢量毛笔字 http://sf.kdd.cc/

在中国，毛笔字体字体是每个设计师应该学习的必修课，不过随着时代的发展，我们这方面的能力都退化了，而且字库里面的毛笔字显然也不能满足我们的视觉要求。这时候，可不试试这个快速毛笔字生成工具呢？内含十几款书法大家习作，相信总有一款适合你。

·在线位图转矢量文件 http://vectormagic.com/home

一般在学习和工作中，不免会碰到一大堆图片等着我们处理。特别是处理标志时，客户提供的标志基本上都是以图片为主，而且有时候由于图片过小，质量极差。这时候，将文件转换成矢量可能是我们首要处理的问题。当然，你也可以要求客户提供矢量标志素材（有时候客户只是销售人员，可能并不了解什么是矢量标志，沟通过程会比较麻烦）…也可以通过常用的设计工具完成这个转换过程。

不过从方便程度而言，我跟推崇这个在线转换的工具。

截图取色类

·Picpick

网页设计师平时工作免不了截取各种各样的图片。除了利用浏览器截取网页外，似乎还有很多东西需要我们收集起来。那么这款小巧的工具可能适合你，它可以执行截取全屏、活动窗口、控件、指定区域、手绘区域等操作。支持双显示器，内置多种输出模式。

同时别以为PicPick只能抓图，它还内置有图像编辑器，截图后可进行简单图像编辑。它提供一系列辅助工具，主要包括：取色器、调色板、放大镜、屏幕标尺、极座标和直坐标、白板等等，尤其对网页制作非常有帮助，可谓是网页设计师的全能工具箱。想具体了解请点击【详细】     

·QQ截图

别以为我写错了，其实qq截图是个强大的工具。除了带有简易的截图功能外，我最需要的还是其计算截取范围像素的功能。这能方便在写代码，迅速计算元素（div）与元素（div）之间距离，提高工作效率。

动画辅助类

·SWiSHMax3

快速解决动画创作设计的工具 高级的 Flash 创作设计工具提供给绘图设计者或网站的专业设计师，超过350种默认的媒体效果，超过180种立即可用的组件和向量图形，可导入图片、图形、声音效果和影片，还可导出简报到Flash影片、执行文件、GIF动画或图像顺序，另外全新的项目模板及精灵面版立即呈现设计成果…，简单易懂，创作令人惊艳的Flash动画与网站就是那么简单！

·硕思闪客精灵

方便学习优秀动画制作思路的软件。它的专业版不但能捕捉、反编译、查看和提取shockwave Flash 影片（.swf和.exe格式文件），而且可以将SWF格式文件转化为FLA格式文件。它能反编译一个FLASH的所有元素，并且能完全支持动作脚本AS3.0。

格式转换类

·IcoWorkshop图标制作

对于常用的图标而言，图像编辑软件都不能很方便的编辑它们。而IconWorkshop的推出为我们解决了这一难题。这一全功能图标编辑软件除了可以让你自由编辑创作各种XP样式图标外，还可以在各种图标文件间互相转换。

在工作的实践中，最常用到的是其将任何的图像格式轻松转换为图标格式，一般为ico格式。其兼容性较好，支持透明通道，适用于各电子杂志，网站站标，桌面图标的生成工作。

转自：http://drizzlep.blog.sohu.com/158082019.html

分类: 视觉设计 标签: ,

1 条评论精确到像素的Web设计

2010年8月10日
这句话不知道是不是我的原创（文字，不是理念），我以前经常讲，同时立即得到很多人的反对，认为这个观点不仅拖长设计周期，而且严重浪费成本，由于反对声太多太激烈，在加上有“导师”说：“很多人都反对你的观点就表示你错了”！而且我掌握的都是小规模团队和公司，他们注重的是效率尤其是股东放不开项目进度，我开始有点置疑这个观点，而且困扰了我好长一段时间，后来专门分析了一下，让我重新或更加坚决的坚持这个观点。
web design

1.没有UED团队（不包括曾经呆过UED团队的）的；
2.自己总是对的（包括在和队友合作中）；
3.广告、VI、产品或其它设计领域转过来做Web设计的；
4.不重视交互和视觉；
5.无法脱离“临慕”或“拿来主义”者。

排除自身能力之外，在主观上想做到精确到像素而受到外界约束占很大一部分，主要有下面几种：
1.受设计周期限制；
2.非团队主管（或上级）插足；
3.设计者情绪因素；
4.没有规划好；
上面这个列表我不是想说一定要做到精确到像素，因为这个确实和“环境”有关系，国内拥有专业UED团队的企业几呼个个都是先壮大企业本身实力之后才开始慢慢重视UCD（尽管他们一在强调：我们一直重视产品质量、用户体验…）具体不展开来说了…以上这些不是本文论述的主要部分。

随着众多成功的互联网企业、产品的崛起，UCD将被提高到一个新的台阶，UED团队工种将被分的更细化，同时将催生“更精致的Web产品”，精确到像素的Web产品将是一个趋势乃至必然。现在的团队中由于分工进一步细化，团队面临的问题也进一步体现出来，如交互设计师（或视觉设计师）在做出高保真原形后，再到前端开发那里，在UI细节上和布局上都和原型有所差距，比喻鼠标悬停效果没有设计、文字行高不匀称、图片有毛边、区块间距参差不齐等，这些都是细节问题，往往只差几个像素甚至1个像素，但足以影响整个UI的品质感，更重要的是工作效率也会受到影响，前端开发人员会停下来找交互和视觉师进行纠正，会发觉这个问题其实很快速的解决了，前面为什么没有顾及到呢？另外一个问题如果前端开发将这个细节问题向下遗留，后果不敢想象，这样做的大有人在，为什么前端那边要将问题遗留呢？

1.等待中的沟通。这个和上面下达的指令的强硬度有关，命令太死会分散团队协作能力让设计师处于完全属于“受指挥”状态，随着时间推移就会变成直接待命令，应付命令，这些细节往往就顾不上了，问题丢在前端这边时他们也不会主动和交互师去沟通了，而是往下遗留，所以无论规划的产物多完美，总会在传递过程中清耗一部分的，后端角色无法完整理解你的初衷。这里可以增加会议沟通来弥补一下，但一个会议怎样也不能够让所有人能够理解并且提出建议。所以必须主动沟通，而且要更开放鼓励这么做，沟通是互动的，不要等。

2.统一产品思想。成功有多种途径，漂亮的UI风格也是多样化的，没有哪一种色彩是最美的，因为色彩都美，在产品开始设计前，产品架构会给它一个定位，所以必须围绕这个产品定位去构思、设计、开发，不要参杂个人偏好。

3.规划不够详尽。架构师在规划时往往会露掉一些细节没有描述，例如：评论和是否采用Ajax实现？商品评分以矢量图还是图表还是数字等形式呈现？还有Banner的以何种方式切换？是局部还是整体切换？是采用FLASH还是脚本？等..这是无法避免的，这种漏洞应该只能遗留到交互师和视觉师这里就应该解决掉，传到前端开发或再往下就严重影响效率了，任何一个环节碰到类似问题都应该主动找上游沟通，一起商讨才能快速找到新的解决方案。

4.细节验证成熟。细节决定成败可能有点夸张，但细节体现一个产品是否成熟，细节可以验证一个UED团队的实力。

最后我想说的是：“我们都不希望在这些基础领域绕来绕去，但要提升必须得把细节做好，才有精力去创新去体验，在团队中好好做角色，好好做产品”。
分类: 视觉设计 标签: ,

1 条评论如何做得Banner通情达意

2010年7月27日

看到网易这篇文章就像看到前几天腾讯CDC的那篇专题banner设计一样激动，无论哪个网站对于banner的设计都格外重要

写在前面的话

有人觉得做个banner放2张图，排几个字的事，一点技术含量都没有，像其他门户banner基本上都是编辑们自己做的。我觉得这么说是不对的，其实一个banner可以研究的东西还是很多的，而且做一个banner是不难，难得是在短时间内做一个出彩的banner。门户的专题一般是编辑套模板拼成的，比较重要的专题，banner部分是由设计师来完成，一个banner的品质上去了，整个专题的质量感就上来了，所以这部分交给设计师来做也是重视品质的表现，这个毋庸置疑。但banner毕竟不比大型项目，从设计成本上说不可能给太多的时间给设计师，于是乎，设计师有时候是靠经验积累，有时候妙手偶得，质量也是时好时坏，更害怕的是当没有经验没头绪没有心情时，胸中无物，不知道如何下手，于是越急越乱，越乱越急，最后匆匆了事，这种状态下估计也出不了好的东西。在排除技术手段的前提下，如何通过一些经验的思考，让banner达到通情达意效果，也是我下面要说的，个人经验之谈，供大家参考。
阅读全文…

分类: 视觉设计 标签: , ,

没有评论设计师要会思考

2010年5月21日

当然，设计师的基础功课是会摆东西且摆的好看，这是再浅显不过的。但我要说的思考不仅仅是只设计师要能考虑为什么要这样摆，摆出来观众能否接受，而更多的是我们为什么要摆这些东西，目的是什么，能不能有别的方式，追述本源。

情况往往是这样的：
视觉设计师：设计稿被批说很难看，我都是按照原型图做的啊
交互设计师：我把产品文档中的功能、流程都顺利的实现了，且比较合理吧
产品设计师：哭了。。。

还有一种情况：
产品设计师：这个功能很重要，希望用户能明白且觉得有意思
交互设计师：我的原型图把这个功能的来龙去脉都写清楚了啊，视觉设计师你发挥吧，这里需要设计一下
视觉设计师：我的设计稿又被要求反攻了，到底要做成什么样啊？

这里其实提到了两种情况，一种是没有思考的结果，一种的没有共同创造的结果

很多大公司组织结构很复杂，每个人都负责自己流水线上的那一块方寸地，每一个流水线上的工人只需负责自己这一段的事情，按照规矩，接上游的结果完整的实现自己的部分即可。殊不知这种方式对设计师来说是自杀式的行为。如果以这种态度来对待设计，那其实称不上设计师，充其量是个美化技师而已。

别把自己当成某个特定的身份对你来说绝对是有好处的，在需求被实现之前，你应该既是产品设计师，又是交互设计师，还得是视觉设计师，你需要同时拥有这三种意识去处理事情。大家是在一起创造，而不是单纯的完成工作。

所以，多去参加产品方案会、交互方案会，拿到原型图或者产品文档别急着动手，想想为什么产品这么考虑、交互原型这么设计，一定就是最好的方案了吗？是否还有更好的方式来表现？整件事轻的来龙去脉是什么？用户将要怎么接受我做出来的这个东西？把自己当一个混合体来看待。

每个人应该都是创造这个生命的一员，而不是完成这项工作的其中一个工人。
转自：http://ucdchina.com/snap/6710

分类: 产品设计, 视觉设计 标签: , ,