刘钢的博客 – 我是UED

今天看云谦的blog 看到该文章，觉得不错 mark一下

对于首屏估计大家都会关注，但设计稿发到不同的人 由于分辨率不同，体验效果其实也不同

正好内部在做新的设计稿也推荐给设计师看了一下 之前注意首屏并没有通过这样详细的统计分析来获得首屏高度

根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览器状态栏、任务栏等高度进行分析：

得出两条首屏线，分别为 580 和 710，对应不同的分辨率。

==

C 再从实际用户的角度出发，在某应用布点进行用户数据的收集，分析用户实际的分辨率和浏览器可见区域：

1. 分辨率

1) 1024×768, 1440×900, 1366×768, 1280×800 仍占了绝大多数
2) 分辨率总类非常多，除上面列出的之外，other 里包含了几十种分辨率
3) 800×600，1024×600 等 600 高度系列的已逐渐推出舞台

2. 用户可见区域高度

具体数据举例：

测试用户总数量为 261645)

1) viewport 高度低于等于 580 的有 116786 个人，占 44.64％
2) viewport 高度低于等于 720 的有 216227 个人，占 82.64％
3) viewport 高度低于等于 800 的有 241420 个人，占 92.27％
4) viewport 高度低于等于 900 的有 259174 个人，占 99.06％

==

接着，D 根据 C 的数据，生成浏览器可见区域的热区图

最后结论如下：

1. 根据 D 的热点图，可以看到如果首屏高于 600 像素会有很多用户看不完整。所以请设计师以 600 像素高为首屏进行设计。
2. 根据 C 的曲线图和 80/20 原则，首屏设为 710 像素可以照顾到 80% 的用户。所以前端开发可考虑把 710 像素视为首屏，对首屏的资源进行优先加载。

今天收到一封智联招聘发的简历，标题叫：ui/ue设计师 薪酬保障 你还在等什么？

如下图：

怎么说呢，我估计是很多企业被逼的没有办法了，我也负责过一段时间设计师招聘，真的是人才难求

在互联网的泡沫下，不光是设计，基本上核心职位都是薪酬暴涨

很多刚刚毕业的学生也开始漫天要价，不知企业其实差的不是那点钱，而是真正能够胜任的人员

招聘市场永远是一大批人找不到工作，一大批公司招不到人才

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

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

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

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

投递信箱：liug@51edu.com

QQ:76373

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

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

做为一名视觉设计师，又一次参与了广州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

先看看是什么人在反对（非Web设计不纳入此列）：

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

1.受设计周期限制；
2.非团队主管（或上级）插足；
3.设计者情绪因素；
4.没有规划好；