巧用交互设计模式
三月 13, 2012 星期二 at 5:29 下午
手势大全
移动互联网已经悄然走进了我们的日常生活，交互的形式也变得越来越多样，从鼠标到手势，到人体的动作，人与机器之间势必变得越来越紧密，以下是网络上搜集的一些手势和人体交互，以备日后使用。
三月 12, 2012 星期一 at 12:25 下午
前端？
刚刚跟一网友在晚上聊起了前端上的一些问题，一些似乎是我平时就一直忽略的问题，但是确实非常发人深省的一些常识，或许我应该拿出来跟一些跟我一样的菜鸟们共勉一下，重要的不是那个结论，而是一个意识，一个始终抱着疑问去探求真理的意识。 一切让我思考的源头是一个很简单的问题：你最先用来测试的浏览器是什么？说实话，面对这个问题的第一时间我真的懵了，因为平时我真的没有很在意去关注我用来第一个测试的浏览器是什么，ie6、7、8，还是firefox、chrome、opera、亦或是safri，平时我只知道我都会去拿来测，但是首先用什么测我还真的是没有去想过，因为我始终没认为这是个问题，最起码没认为会对我们所写出来的代码会造成什么影响。 先说下我的一个勉强的答案：第一个测的是chrome（因为这个是我的默认浏览器，DW里面习惯性的按F12），第二个是ie6，重点说下当时错误的去选择ie6的原因，其实说实话，我也不清楚自己第二个会去选什么，习惯性的我一般会去打开ietest，然后点开ie6，7，8，主要是基于两个原因，在做前端工作近一年的时间里，大小页面其实也不下半百了，但是这么多页面，一般很形成思维惯性的是，chrome如果没出问题，那么firefox和ie8基本也不会有很大问题，因为接近现代的浏览器，越是接近W3C标准，也越加的相似；第二个原因，也是很重要的原因，据统计，用ie6浏览公司网站的人占到了28%，位居最高位，而ie7，firefox其次，所以在脑海中也默认了一条定律，ie6是必须要兼容的，我们可不可能像google那么大手笔，直接封杀了ie6，也就基于这两个很简单的理由，给出了我自己的答案，当然，我也是怀疑的。 再看下网友给我的回复(精简一下应该是这样)：先用firefox的firebug进行审查，最后兼容ie6。其实乍一看这个答案，没有出乎自己的意料，但是也没能够让我一下子认同起来，难道这个答案是符合每个人的吗？难道这是一条准则？但是仔细想想，虽然ie6或许占有很大的市场份额，但是他不是标准的，为什么要一开始就走上错的道路然后再绕弯去回到正道上呢，这样很容易就丢了西瓜捡了芝麻，因小失大。当然，现在有很多的技术可以让我们去实现浏览器的兼容问题，csshack就是一个非常手段，很多人说少用，但是很多人也都在用，用是可以，但是少用是绝对错不了的，而如果一开始就去满足ie6，就可能会需要用更多的hack技术去满足其他浏览器，让代码愈加的不规范。 其实这个浏览器测试的问题可以说是个很小很小的问题，我们每天都在做着这样的事情，现在仔细想想，自己也不会笨到一碰到ie6有问题，而其他浏览器没问题就去大刀阔斧的修改自己的代码，但是不得不说，忽视了这样的一个问题，就表明我对前端工作认识的一个偏差，重要或不重要，首先异或是其次，这些问题都不是自己随便想想就可以知道答案的，而是蕴含一些准则和道理的，错误的想法必然会导致错误的行为，进而会导致错误的结果，对于工作，对于人生，我们都应该慎重以待……
七月 10, 2010 星期六 at 1:06 上午
Google Font API
对于网页设计来说，字体的应用是我们经常受到限制的地方，我们只能使用系统默认的一些常用字体来进行网页设计，英文网页最常用的应该算是Arial和Verdana了，中文则应该是宋体居多，对于正文的应用，这些往往已经足够了，我们也没必要去把网页做得多么花哨，但是在一些特殊的地方，例如title，comment，topic等地方，或者在做一些特殊的网页，例如我有个同事说他以前有做过一个全藏文的网页，有时候我们希望让我们的网页带上一点点他们的个性，让它看起来更加的有趣生动，当然，我们也有其他方法去实现，但是要么就是太麻烦，要么就是只能支持一小部分的浏览器，前两天Google I/O大会上发布了一个新的服务 Font API，我想这对网页设计师和前端工程师来说，无疑是个福音。 Google Font Api非常酷，关键是他是全免费的，完全不用担心使用字体的版权问题，简单易用，而且支持大多数的浏览器。 只需要两步就可以简单轻松的使用Google Font Api： 添加一个样式表链接来请求所需要的网页字体 <link rel=”stylesheet” type=”text/css” href=”http://fonts.googleapis.com/css?family=Font+Name”> 在样式表中定义所请求的字体 CSS selector { font-family: ‘Font Name’, serif; } 或者写一个行内样式 <div style=”font-family: ‘Font Name’, serif;”>Your text</div> 举个例子： 如果要添加Inconsolata字体： http://fonts.googleapis.com/css?family=Inconsolata 如果要添加多个字体，例如Tangerine, Inconsolata, 和 Droid Sans: http://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans 注意：多个字体名字中间要用（|）隔开，要用（+）来代替名字中间出现的空格。 更多多详细内容可以参阅google的快速指南 更多字体可以参阅google的字体目录
六月 6, 2010 星期日 at 2:11 下午
工作小结&PKM前期思绪整理
从学校毕业已经一年多了，从事网页设计也已经大半年了，记得刚来到公司，尝试了很多方向的工作，做过企业文化，做过平面设计，然后转做网页设计，到现在从事前端制作，其实整个过程应该说是一个探索和学习的过程，很多时候自己也不确定是不是适合，但是有一点可以肯定的是，无论在做什么，我都是抱着绝对认真的态度去面对的，原因很简单，因为不仅仅是对我自己负责，更是对团队的负责，如果可以，我也希望自己能够承担更多的责任。 如今，已经在工作岗位上工作了大半年了，记得是去年9月份转到网站设计部担任网页设计师的，其实当时也是机缘巧合在老大的安排下去学习前端制作，很有压力，确是很有成就感，从当时生疏的摸索着代码到现在已经能够熟练的制作网页并且添加效果，已经是个非常大的转变了，也算是给自己增加了一个非常重要的技能，对互联网的认识也渐渐的从表面慢慢的渗透进内层结构，但是越是深入，越发的感觉自己欠缺的东西太多太多，要了解的东西太多太多。
六月 4, 2010 星期五 at 1:21 上午
yo！yo！博客上线了……
毕业一年多了，总想着搞一个自己的博客，就在今天，朋友们，纠结了那么久，我终于把自己的博客建立起来了，此时此刻，我是多么的感慨万分啊，得到了多少兄弟朋友们的指点，投入了多少时间和精力啊，终于在6月1号前正式上线了。再次我要感谢好多好多人啊~土豆妹，兔爷，老赵，饼子~~ 虽然想起来，建个博客也就那么几个步骤，建数据库，安装wordpress, 装载模板，设置参数。但是要正想去改模板，还真是件麻烦事，wordpress后台也得靠自己一点点的去尝试才能摸透。好在有大量的插件可以下载，也省去了很多麻烦事，不过现在的博客还是非常粗糙的，最重要的一点，皮肤也是网上的，还要慢慢去修改变成我自己的设计才行，好歹我也是个设计师嘛，哈哈。 这星期就为了整模板，把看书的时间都给耽误了~，自从上星期参加了ucd书友会，第一次接触到PKM（personal knowledge management）——个人知识管理，就总想着要去给自己也总结一下，毕竟学习是个永无止境的过程，掌握好的方法也能让自己事半功倍啊。
五月 30, 2010 星期日 at 7:24 下午
一目了然——读书笔记（二）
博客刚开张，内容有限，把之前在校内上写的读书笔记转过来，就先充个数吧…… 终于把书看完了，继上周之后，继续完成我的读书笔记，总结一下，附上书皮。 要点： 5s法:只在屏幕上留下该留的（Seiri）；对页面元素布局使之成为富有效率的形式（Seiton）；对保留下来的元素完善（Seiso）；对软件的屏幕与交互过程标准化（Seiketsu）；以及坚持不懈的执行以上原则（Shitsuke）。
五月 27, 2010 星期四 at 11:58 下午
一目了然——读书笔记（一）
博客刚开张，内容有限，把之前在校内上写的读书笔记转过来，就先充个数吧…… 看了一个星期的《一目了然》，相对javasrcipt之类的还是生动有趣很多的，但是这类相对比较抽象的书，感觉还是得有个读书笔记来做些小结比较好，不然真的很容易就这么看过去了，没留下多少印象，很浪费时间。 毕业到现在，一直在做网站，从设计到前端，一直在关注用户体验，却很少系统的去研究和总结，记得前两个星期，有去参加一次深圳的ucdchina书友会，周陟在分享他的ui进化论的时候提到过一个企业在何时需要去关注用户体验，当时的一系列表格和一些列系统的分析现在已经记不清了，但是当时给我的一个很直观的概念就是，我们公司还不适合去专门有个部门去关注用户体验，但是不管如何，作为网页设计师，优化用户的网上购买体验，如何让用户流畅的去浏览我们的网站却是我们应该时刻去关注的，最起码我们的网站也是经过良好设计的。
五月 27, 2010 星期四 at 7:35 上午