Fang Leo

在字体排印学里，衬线指的是字母结构笔画之外的装饰性笔画。有衬线的字体叫衬线体（serif）；没有衬线的字体，则叫做无衬线体（sans-serif）。 2007年摄于里昂古罗马半圆形剧场遗址（约公元前43年），从保留的石碑我们可以看出，1）所有的字母都是大写的，2）衬线是如何被“雕刻”出来的

瞬间设计是什么？ 良好的用户体验，全在于那些完美的瞬间。在第一个瞬间，假设当一位用户从购物搜索结果页面跳转到某个店铺的时候，他此刻可能是想看看这个店铺的风格及其信用；而下一个瞬间可能就开始琢磨如何使用页面中的导航来观看某个宝贝介绍。再然后则可能是询问怎验购买，从哪里注册，者看看商品是否打折，或者尝试联系这个卖家。 若想完成优秀的设计，我们就需要时刻自问：在希望用户做些什么，界面应该如何鼓励他们完成这些任务？每一个瞬间对于完整的用户体验来说，都是不可或缺的一部分，因为他们都有可能加强也可能摧毁用户对某个产品或公司的信心。为什么这么说呢？因为每个人在每时每刻所要完成的任务，对于此时此刻的他而言，那就是重要的任务。 设计师要做什么？ 我们的工作不是设计花哨的页面，而是要设计美好的瞬间，确保每时每刻都完美，是设计师的职责和价值所在。在用户进行选择的瞬间，我们要帮助他们做出正确的决定，我们要留意创建怎样的交互行为以及鼓励人们输入，编辑，搜索和共享，激励他们完成所有的他们希望做的事情，我们还应该设计各种手段帮助人们提高工作效率——即使他们天生忘性大，老出错，或者总是三心二意。可以说设计师的工作就是考虑所有这些瞬间——设计一些东西来支持用户达成每一个目标，而不会干扰或者妨碍到他们，同时，把这些完全不同的部分凝成为一个整体。只有这样他们才能相信我们产品，喜欢我们的服务。

在电子商务类网站中，支持在线报价的价格菜单页面是不可缺少的部分，那么如何让用户更快捷方便 地选择符合服务的价位就成了设计者必须注重的问题了，创建一个好的价格菜单体系，可以更有效地把握客户，一目了然，清晰直观地告诉客户每个不同规格的价格 参数，是表现自身人性化的细微之处。

一年前斯坦福和Apple联手推出了基于iPhone平台的开发课程， 这个课程的ppt被放在网上分享，反响非常好。这个学期，斯坦福将课程进行了录像，放在了iTunes university上提供下载，目前这个课程在iTunes的下载排行第一，达到了100万人次的下载。这次给大家分享的是其中关于“成功开发 iPhone软件的10个步骤”的讲座，虽然与我们工作中设计软件的应用平台不同，但是还是有很多成功的经验可以借鉴。 1. 决定要做什么 人们很容易犯的一个错误是“从结论出发”，比如决定要做一个本地社会关系网的软件，而没有去想究竟做这个软件是想解决什么问题，是为了解决和好 友找地方吃饭的问题还是别的什么，如果是针对吃饭地点问题，那么是不是有更加好的解决方法。所以首先要确定的是需要满足什么样的目标用户和需要解决的问 题。

Cheat Sheet 一词在中文中并没有很贴切的对译，大概是考试作弊条一类的东西，这要求 Cheat Sheet 必须短小精悍又覆盖广泛，作为 Web 开发与设计师，免不了在工作时查询大量资料，某个 Web 色值，某个 JavaScript 库的核心语法，这类资料如果攒齐了，怕有半间屋子那么多，如果用 Cheet Sheet 也许几十页纸就够了，本文收集了近百份用于 Web 开发与设计的 Cheet Sheet，你会发现他们非常实用。 HTML, XHTML, CSS2   CSS2 Cheat Sheet   不仅是一份完整的 CSS2 速查手册，还让你了解每个属性该怎么用。预览 |  下载 （PDF）   Gosquared CSS help sheets   设计和结构都很整齐，漂亮。下载（PDF）  

1. 出格布局 2. 单页布局

1. 保守性的搭建, 并带有目的性的设计表单 我们要面对的现实是没有人喜欢花大把的时间填写表单. 保持表单的短小精悍 并且剔除绝对不必要的或者不会提供实际收效的表单元素. 保证表单的每个部 分都对整体起到了推动作用, 这样用户会感谢你。 你的表单结构应该和表单内的元素一样具有功能性. 当设计表单样式的时候, 要记得, 至少在西方国家, 人们的阅读习惯是从上到下, 从左到右. 他们也经常 用Tab键在表单各个元素之间移动. 你的设计应该通过元素摆放的合理性和标 签的语义性来实现. 当然, 永远不要让你的表单看起来分散或杂乱无章——保证 所有的元素都均匀的分隔开, 并且排列整齐。 下面是一些标准表单, 你可以用来作为出发点, 设计出更加有创造性的表单: 标签左对齐, 输入字段垂直罗列：

原文作者：Jeffrey Way 原文链接：30 HTML Best Practices for Beginners 译者：oncoding 许许多多的网页新手正徘徊在专业编码的门槛前，而网上的教程参差不齐，鱼龙混杂，很容易让新手迷茫。这里总结了30条网页编码的“秘技”，只要在编码过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。 1. 一定要闭合标签 在以往的页面源代码里，经常看到这样的语句： <li>Some text here. <li>Some new text here. <li>You get the idea. 也许过去我们可以容忍这样的非闭合标签，但在今天的标准来看，这是非常不可取的，是必须百分百避免的。一定要注意闭合你的标签，否则将无法通过验证，并且容易出现一些难以预见的问题。

美工和排版借鉴了很多，整体的功能属于简单的access版本，有asp和php两个版本。sql版本是定制的。 点击看大图

其实很早以前就想写一篇这样的文章，自定义背景是Twitter的设置功能之一，用户完全可以利用这个功能来实现展示自己、推销自己或者 产品，甚至是出售广告。但是这个背景要放些什么内容？什么尺寸才合适？有没有更简单的办法呢？今天我们就来研究下有关Twitter背景的那些事。 一、不可小觑的Web背景 Web 页之所以重要，是从注册开始的。众所周知，大多数的用户是通过电脑网页注册帐号的，从那一刻开始， Twitter将随机推荐一些Twitter用户，新用户会逐渐筛选，什么人才是值得自己Follow的。在这期间，每个用户的Web页会呈现不同的姿态 ，大面积的背景必定吸引用户的眼球。这时，精心布置的背景便开始生效了…… 1.个人风格： 一些拥有BLOG或者个人网站的用户，通常喜欢自己的网络门户拥有统一的形象和风格，用相同的色调、 元素或者图片。Twitter在背景方面的优势很明显，我们无需掌握任何HTML语言等代码知识，没必要像BLOG或网站那样，大费周章的编写一堆代码而折腾一天，只需用一张图片便可解决问题。当用户进来一看，就知道这是你的Style(风格)，让用户自己决定要不要Follow你的Style。