15个Google为网站开发者打造的工具
Google 的使命是 Web，在 Google 眼中，未来的一切应用都将 Web 化，一直以来，Google 为 Web 开发与设计者推出了大量免费工具，让他们更好地创建，维护，改善他们的 Web 站点，这些工具包含了开发，分析，维护，修补等等用途，本文将介绍15款这样的工具。
Archive for the ‘Design’ Category
iPhone网页设计欣赏与最佳实践 Showcase of Designs Optimized for iPhone
近些年来，手机已经成为越来越流行的上网设备。iPhone的出现，使移动Web程序越来越多姿多彩，针对移动设备的网页设计，也渐渐开始成为一个重要的网页设计分支。这篇文章里，我们一起欣赏优秀的手机网页设计，其中绝大部分是针对iPhone的。
虽然iPhone的Safari浏览器已经和桌面浏览器一样强大，可以解析任何网页，但它的可视面积小的多，操作方式也有其特殊性。面对来自iPhone 可能达数百万计的流量，设计师和程序员们开始重视这一挑战 —— 他们必须在iPhone屏幕的最大范围内，使用最少的带宽，显示最漂亮的网页。
iPhone的浏览体验与普通桌面浏览器的完全不同。按钮和链接必须足够大，因为我们的手指不可能像鼠标指针一般精确。当然，制作适于iPhone的界面并不是像造火箭那么复杂的任务，我们使用相同的HTML、CSS和Javascript，而改变的仅仅是屏幕的尺寸。
在下面的展示里，我们挑选了一些有趣的、高互动性并且精致漂亮的iPhone网页设计，我们还介绍了一些方便的开发工具，来帮助你更高效的设计iPhone网页界面。
1. 新闻/娱乐类
独特的导航菜单为这个网站增添了非凡的吸引力，绝佳的理念和设计。
清新简介的版式和配色，非常契合网站的定位。
[转] UED,UXD在中国
UED全称User Experience Design，中文叫“用户体验设计”。
UXD全称User eXperience Design，中文叫“用户体验设计”。
显然这两个词还是一回事情，但要比UE迟的多。最早我在2005年底从Yahoo那边了解的，大概2006年听到同行普遍提起，同年9月份“淘宝UED”团队博客建立之后，才被大家熟知。但中国互联网公司最早成立部门研究“用户体验”的不是淘宝，而是百度，当时就叫“用户体验部”，后来才被同化的UED。大概在2005年已经有30人左右成型的团队（用户体验部总监郭宇，于2004年11月加入百度）。
首先UED这个词来自海外，但在海外除Yahoo很少有公司提起。如前文所述，老外并不习惯叫UE，所以理论上描述“用户体验设计”的缩写不应该是UED，而是UXD。确实也有UXD的说法，但只偶尔在某些海外网站上见到，同行心目中的认知程度不高。
再仔细推敲，其实不难发现，UED这个词有误。因为“用户体验设计”的说法本身有问题，UE并不能通过Design完全解决，通常Design涉及的只是UE比较表层的Experience需求。事实上，海外公司普遍都叫“UX团队”，也没有“UED团队”的说法。
而UED来到中国后，反而成为主流论调，得到广大公司的认可。可见与UE类似，UED也具有很浓的本地化色彩。在进入用户体验执行层面之后，很多同行/公司的第一反应，是要有这样的一个人，或者有这样的一个团队。因此才有了“UE工程师、UE设计师”和“UED部门”类似的称谓。
早期UED部门设立的职能职位主要有用户研究、交互设计、视觉设计，慢慢后来加入前端开发、界面设计等，某些甚至把产品经理也划入其内。具体叫法五花八门、千奇百怪。有个重要差异值得探讨，关于“工程师、设计师”的区别，根据理论推敲，既然UE是个非理性话题，不似Usability那样有逻辑可以遵循，有标准可以执行，所以我认为偏重“感性”的用户体验应该更靠近“设计”。
More »
[原创]多选/全选checkbox，AJAX提交。另附IE的onchange BUG
最近在为MeePlace 2.7的后台编写多选功能。在一个接一个的版本中，MeePlace的后台是越来越强大了（不够谦虚，hoho），后台采用纯ajax异步（有的时候觉得编程会有点麻烦，但是从1.0开始就是这样的后台，现在要改的话也麻烦，况且AJAX能给用户带来更好的体验，就继续开发吧：D）
这次后台增加的功能中，有一个是能够多选/全选项目，这个已经是历史遗留问题了，在我所有开发的项目中都是用这套自己开发的后台系统，改一改就成。这次布莱恩吧multi-selectable列在了Milestone里，所以就写了。以前有做过多选，不过由于是原始form的post，所以比较简单。这次用AJAX的后台多选操作，我还是想了一下才开始动手的。
我的想法是，通过遍历checkbox，来得到有被选定了的checkbox的value，然后再传给后端进行多选处理。
下面公开MeePlace的这部分代码。
全选按钮。用户点击全选的那个checkbox后，checkbox的onclick=”select_item_all(this,”allitem”,”childitem”)”
其中”allitem”是全选的checkbox的classname，因为也许这个全选会出现两个，或者更多，比如表头和表尾各一。
“childitem”是所有的条目前的checkbox的classname。
JS代码：
More »
Ajax Loading 在线图片生成
极简主义网站设计:寓丰富于简单
作为设计师，我们都知道，一个极简的设计可以实现漂亮的效果。
然而，很多设计师在实现上有些麻烦：要么是没有时间让使用如此少的元素制作的页面看起来漂亮，要么就是最终的结果只是看起来“不完美”。
网上有很多关于极简主义设计的文章，而本文的目的是帮你实现一个漂亮而不空洞的极简网站设计
最重要的是，我们将展示一个小的极简网站设计画廊，这样你就可以分析为什么一些设计可以而其它的则不可以。
More »
免费的Photoshop高分辨率笔刷
在寻找一个新系列的超级高分辨率Photoshop笔刷来丰富你的收藏吗？好吧，你找对地方了！来看看这一系列的笔刷，他们全是2500px大小的大笔刷，包含全部的细节，供你在你的下一个设计中大显身手
用Photoshop创建一个iPhone程序销售页面
最终图像预览
点击下图查看大图
转载自： http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-promotional-iphone-app-site-in-photoshop/
想看这个作品是如何被构思的吗？请看关联资源：http://vector.tutsplus.com/tutorials/web-design/build-a-promotional-iphone-app-website-wireframe-in-fireworks/
Recent Replies / 最新回复