腾讯ISD ISD Webteam 校园招聘
Posted by: jason on: 九月 17, 2009
- In: 未分类
- No Comments
最近忙着这个Flex的项目，GR的未阅读数1000+
中午偷闲猫了眼，发现了ISD Webteam 2010年校园招聘 正式启动的消息
网页重构工程师
岗位职责
我们负责互联网系统（QQ空间、QQ会员、QQshow、多媒体）的前端重构工作，
我们负责将视觉设计稿精确还原为静态页面，并做到结构与表现的分离，
我们负责将结构以及样式代码进行模块化处理，使其符合高效的复用性原则，从而实现敏捷开发，
我们负责规划全站目录结构，保证结构和表现文件布局的合理性和可扩展性，
我们关注站点性能和运营成本，从专业角度实现站点速度及用户体验的最优化，
我们关注结构标签的语义化及站点的标准化，并从专业角度进行必要的SEO操作，
我们关注业界前沿技术，并不断将其转化为实际项目生产力，
我们配合前后台开发人员，一同完成项目的开发阶段，将最终可用的网站交付用户手中。
岗位要求
要胜任这样的工作，需要你：
1、精通Xhtml+css，并了解本职位关联技术，能将设计方案转换输出web界面；
2、精通代码的标准化；
3、精通图像处理软件(Photoshop)与网页编辑软件(Dreamweaver)；
4、保持页面不同浏览器及分辨率下良好的兼容性和适用性，以及结构、表现、行为的分离；
5、了解网页访问速度体验优化；
6、了解平台代码模块化思维；
7、逻辑分析能力强，善于沟通，较强的学习和团队合作能力；
8、对业界最新的相关技术有浓厚的兴趣和深入的见解。
看着岗位职责就激动不已，梦想中自己的技术可以改变更多的人，腾讯在国内就是这样一个平台。早在8月份的时候就决定有系统的学习，天天给自己的QQ更新个人签名倒计时。页面重构哦～页面重构，Dream！！！
要加油了，每天10小时 —“AS/JS/CSS/Html/PS/XML” go go go！
MXML/AS和HTML/CSS
Posted by: jason on: 九月 17, 2009
- In: flex
- No Comments
AS更像MXML的样式分离，类似CSS分离HTML的样式。只是AS与HTML的配合中更加强大且全部面向对象
更多共同点就是通过ID属性进行调用
flex学习
Posted by: jason on: 九月 15, 2009
- In: 学习笔记
- No Comments
朋友说需要一个前台flex效果，没时间整 让我这个非专业人士学习学习整出来
然后我就开始了没白天没黑夜的学习中，到今天是第三天了
从一个Flex白痴到能看懂源代码，嗯 仅仅是看懂而已
路还很长，我想睡觉
上一张最近工作的桌面：
猜一猜 HOT girl 是怎么出来的捏？ 据说可以预防累死在电脑前….
KILL IE6
Posted by: jason on: 九月 12, 2009
- In: 交互设计
- No Comments
终于被逼走上了调试IE6总总不兼容的道路上，随便测试了几个网站，N多的不兼容…丑陋至极的布局。
我们可以一边KILL ie6 一边用multiple-ie装上ie6 调试着自己完全符合标准却显示凌乱的布局…
CSS3.0参考手册（中文版）
Posted by: jason on: 八月 24, 2009
- In: css
- No Comments
刚再twitter上看到的，腾讯ISD发布翻译的
CSS 3.0 参考手册 (中文版)
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
手册难点
- 中文资料少，对英文翻译功底要求较高；
- 基础语法要求字斟句酌，避免产生歧义；
- 兼容性列表涉及浏览器及版本众多；
- 草案中的Grid布局被业界同仁普遍认为比“天书”还难…
CSS3 还是草案，中文资料少之又少，基本上都是一篇内容转来转去，而我们的手册从基础语法到示例制作，都是根据W3C工作草案进行翻译，并结合自身的沉淀制作示例。
备受期待的 CSS 3 新功能
圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa - 加入透明色、文字阴影等等
CSS3 的出现，让代码更简洁、页面结构更合理，性能和效果得到兼顾。
下载地址看这里
http://webteam.tencent.com/css3/
CSS网页布局学习笔记（4）
Posted by: jason on: 八月 17, 2009
- In: css| 学习笔记
- No Comments
在编码完成后，Debug总是会遇到搞不请</div>到底是关闭哪里，div实在是太多了。除了通过缩进来规范代码外，可以考虑在</div>后添加注释来解决上面的问题。
<div id=”container”>
<div id=”header”>
<h1></h1>
</div><!–end header–>
</div><!–end container–>
这样就可以来后期阅读代码中减少了很多不必要的麻烦
练手稿-效果图
Posted by: jason on: 八月 16, 2009
- In: 页面设计
- No Comments
CSS命名规范
Posted by: jason on: 八月 16, 2009
- In: css
- No Comments
常用的CSS命名规则：
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
左右中：left right center
命名全部使用小写字母
设计届的大牛们-Twitter界面设计师 Vitor Lourenco
Posted by: jason on: 八月 16, 2009
- In: 设计师访谈
- No Comments
【编译自此文 原文作者：Damian Madray 翻译： Eric Chau】
年轻且能够改变世界或许是一个人最大的幸运了。21 岁的 Vitor Lourenco 就是如此，拥有 7 年设计经验的负责了一个改变数
千万计用户沟通方式的产品，Twitter 的用户介面设计。以下则是对这个年轻人的一段访谈。 ——编者
Q：是什么让你投身于设计业？估计你在很早的时候就对设计感兴趣了？
A：大约从 12 岁起，我就对网页设计感兴趣了，但从没想过以此为业。起初只是因为好玩，但突然间它不仅带给我很
很多快乐，还有丰厚的报酬。我做的第一个网站是关于游戏及动漫的——我当初热衷于此。
Q：在你的网站上，你给对自己的描述并非「网页设计师」，而是「用户体验设计师」。能阐述下「用户体验设计师」指什么吗？
A： 我经常修正我的头衔，至今还没找到最确切的说法。在我把它放上网页时，我正在思考网页中一个好的用户体验都涵盖哪些方面，而我觉得自己可以实现它们。但事 实证明，你无法真的设计出一种体验——体验发生于用户身上，那就有着太多超越设计师所能掌控的变量。现在，我更喜欢叫
己「产品/用户介面设计师」，因为 我把大量时间用于创造并优化这个层面的用户体验。
Q：你的设计一贯以「简约」为基调。为什么你倾向于此，而不是使用更多图像？
A： 我相信一个优秀的网页介面应该是优雅含蓄的，从而将内容本身推向前台。一名设计师必须牢记，多数情况下，用户浏览一个网站并非为了欣赏你天马行空的设计， 而是做一件对他们有用的事。我很喜欢艾伦·库珀的一句话：「无论你的介面有多酷，简单一点总会更好」。（编者注：Alan Cooper，著名用户介面设计师，被很多
视为「Visual Basic 之父」。）
Q：在你的个人项目中，我们对 FoodFeed.us 印象深刻，能谈谈它的概念和灵感来源么？
A：FoodFeed 是我在一个周末倒腾 Twitter API 的产物。它没什么用，其功能也被 Twitter 的搜索所取代，但它让我被很多人注意到（Twitter 团队也是由此认识了我）。
Q：现在大家都知道你在为全球最火的网站之一 Twitter 工作，能谈谈你是如何尝试把这个本来就很简单的网站
得更优雅、直观，让更多的人了解并喜欢上它？
A： 我和 Twitter 的工程师们一起，遵循前田约翰（编者注：John Maeda，著名的图形设计师，其著作《简单法则》国内有售）提出的「缩小、隐藏、赋予」（shrink, hide and embody），让 Twitter 的应用介面变得更加简洁。由此，我们设计了一个垂直的导航侧栏，在不丧失功能的情况下，把它们更好的排列组合。在视觉设计方面，我们重新规划了版面设计、 按钮的风格，并确定了字符间隔及栅格的不一致。在前端技术层，我们给
言和标签切换实现了 AJAX 效果，并用 CSS sprite 技术来合并图片，提高网站的性能。
Q：你也曾经为雅虎和 Orkut 工作过。在你看来，对这类网站来说哪些设计要素是至关重要的？
A：每个项目有其侧重，而大多数情况下，一个网站的成功并不仅依靠其页面设计。网站的成功取决于更深层因素，大部分情况下是它能否为用户解决某种问题。你必须一直问自己，是否在解决一个真实的问题。然后就是执行层面上的事情了，这个是没有公式可套的。
Q：网页的字体排印是最近的一个热门话题。你对此投入多少精力？你认为一个成功的网页设计中，字体排印占的分量有多少？
A：字体排印是我的设计中最重要一个元素。我对此投入很多精力，我也认为了不起的设计源于了不起的字体及图像设置。它们代表着内容，而且该是一个网站上最重要的互动环节。换句话说，剔除不必要的装饰，以文字为用户介面。
Q：你是个多面手，在用户介面设计、视觉设计、易用性、可及性及客户端开发等方面均有作为。你认为一名设计师是否需要掌握全部这些技能，还是应该注重于设计本身？
A：这些都是一名好的设计师必须具备的技能。你能否脱颖而出，取决于对这些技能的掌握程度。用户介
设计不是一门科学，没人能做到 100% 精通。它更多取决于你面对的媒介和情境。所以，这需要扎实的文化底蕴，以及能够随时从用户的角度看待问题。
Q：你觉得在你出生的巴西或者整个拉丁美洲，设计行业的环境如何？它是在快速发展中，还是处于人才匮乏的境地？
A：有很多优秀的巴西籍设计师活跃于世界各地，然而网页设计这行在巴西并不兴旺，所以很多设计师选择离开巴西，去美国或者欧洲寻找更好机会。
Q：流利的葡萄牙语及英语是否帮助你拓展工作半径？
A：英语的确帮助很大。最好的设计书籍及参考资料通常由英语写就，而如果读不到好的著作我对设计的理解就必将有限。我很感激我的父母付出了很多努力让我在小时候就上了英语课。
Q：说到「好的著作」，分享几本？
A：恩，我的最爱包括：
About Face 3: The Essentials of Interaction Design - Alan Cooper
Designing with Web Standards (2nd Edition) - Jeffrey Zeldman
Paul Rand - Steven Heller
Thinking with Type - Ellen Lupton
Q：你才 21 岁，却已经实现了很多设计师毕生的目标。下一步如何打算？
A：要做的事情还挺多，但我不制定计划，随遇而安吧。 我希望在某个时刻做点自己的事，但目前我仍在给这些好公司打工。当下能帮助 Twitter 以 140 字的方式改变沟通方式，挺爽的。
Q：对于踌躇于事业发展的年轻设计师们，你有什么建议？
A：我建议他们做自己的项目。不要期待优质客户让你参与到好的项目中，这样的事情基本轮不到年轻人。现在就动手自己做点什么，你会学到很多，也会得到很多。
他曾经的一些设计：
