07 2010 档案

摘要：在很多人眼里，如今的 Web 是活泼，新鲜，充满生机的，然而事实上，在 Web 领域，一些阴魂不散的技术，产品或者思想仍然有它们生存的土壤，本文讲述了 Web 领域那些本该死去，却依然为人所用的东西，像某些版本的浏览器，某些过时的技术，某些代码，某些设计思想。引言当人们为 IE6 举办非官方葬礼的时候，很多人并不知道为什么要这样。浏览器浏览器无疑是最值得大书特书的了，所有 Web 设计师都知道支持 IE6 的痛苦却无能为力，这不是我们所能控制的事，尽管微软自己也煞费苦心地推出了 IE7 和 IE8 两个版本来替换 IE6，仍然有很多人不愿花5分钟去完成这个升级。因此，设计师分成两派，包容派和决 阅读全文

摘要：每个 Web 设计师都在 UI 设计上费尽了心血，即使这样，资源的匮乏，视野的狭窄，也常常让他们的呕心沥血之作并不为人看好，事实上，UI 设计并不需要闭门造车，很多 UI 元素是通用的。本文收集了 20 套非常前端的 UI 元素库，它们多数是可以后期修改的 PSD 或 SVG 版。Modern Web UI Set (.psd)这套 UI 库包括了从按钮，到渐变，到文字各种 UI 元素，非常整齐地存放在不同目录下，由于是 PSD 矢量分格式，里面的任何元素都是可以修改的。Massive Web UI & Button Set (.psd)这套 UI 元素库包含3种风格，水晶，渐变色，单 阅读全文

摘要：移动时代，是任何 Web 设计与开发者都不能忽视的一个时代，总有一天，你设计的东西将被显示在两种屏幕上，桌面大屏幕和移动小屏幕，如何让同一个网站同时适应完全不同的两种尺寸的屏幕，这是一个很久以来都没有完美解决方案的问题，直到有了 CSS3。CSS3 的 Media Queries在 CSS2 时代，如果你曾经为你的网站设计过打印版 CSS，就会明白 CSS3 Media Queries 的作用，不过，CSS3 的 Media Queries 比 CSS2 的 Media Type 更实用，事实上，CSS2 的 Media Type 并不曾被多少设备所支持过。CSS3 的 Media Queri 阅读全文

摘要：HTML5 越来越引起人们的关注，苹果甚至将 HTML5 视为 Flash 的掘墓人。然而，作为一种尚未成型的技术，HTML5 对很多人来说仍然是陌生的。本文收集了 15 个非常值得收藏的 HTML5 资源，这些资源可以让你同 HTML5 的发展保持一致，并始终处于这门技术的最前沿。 1. WTF is HTML5这是一个关于 HTML5 Infographics 的站点，包含诸如 HTML5 同 Flash 的对比，HTML5 不同浏览器支持情况，HTML5 最受欢迎的功能等资料。2. Dive Into HTML 5Mark Pilgrim 是知名软件开发师与博客作者，他在线编写了一本有关 阅读全文

摘要：墨西哥湾的石油污染事故已经过去三个月，这个人类历史上最严重人为环境灾难引起了全球的关注，人们通过各种方式展示这场灾难的严重程度，包括 Infographics。本文收集了大量关于这场事故的 Infographics 图片，很多数据，当它可以感受的时候，往往是触目惊心的。为什么美国要发展离岸开采下面的这组 Infographics 图片可以告诉我们，为什么美国需要在他们的国土之外大量开采石油。Burning Trough Oil (世界离不开石油)Oil, What’s Left （石油，还剩下多少）U.S. Oil Consumption vs. Production（美国石油消费与产量）Ju 阅读全文

摘要：Smashing Magazine 为了激发 Web 设计者对 CSS3 的兴趣，上月组织了一次 CSS3 设计赛，最终有 5 位设计师获奖，获奖作品体现了 CSS3 技巧的原创性与独特性，同时展示了 CSS3 的强大的功能，这些作品基于纯 CSS3 技术，并不借助 JavaScript 或其它技术。第一名: CSS3 图表CSS3 Charts [ 预览 | 下载 ]该设计试验了 CSS3 在图表方面的应用，不借助任何 JavaScript 和图片。用到了 CSS3 强大的选择器功能：nth-child 和 :target，同时用到了过渡，渐变等技术，由来自美国的 Sean Oh 设计。第二 阅读全文

摘要：还记得 Wap 吗，现在还有多少人使用 Wap？后移动时代，随着浏览器技术的进步，为移动设备设置特殊站点已经不再必要。作为 Web 设计师，如果你能遵循一些基本的设计与布局原则，你的站点将能被多数移动设备更轻松地访问。本文讲述的是后移动时代的 Web 设计原则。移动浏览技术现状当今最受欢迎的手机系统包括 Android，BlackBerry 与 iPhone。虽然这些手机系统中的浏览器都支持 HTML + CSS + JavaScript，但它们仍然存在某些局限。Flash现阶段，用手机访问 Flash 站点，除了一个黑屏幕，什么都不会显示，而且手机也不会提示说无法加载 Flash，因此，Fl 阅读全文

摘要：UI 设计的魅力在于，你不仅需要适当的技巧，更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现，包括视觉元素与功能操作在内的所有东西都需要完整一致。为了实现这个目标，你需要问自己 10 个最基本的问题。1. 你的 UI 是否高度一致？用户来到你的站点，脑子里会保持着一种思维习惯，你的 UI 需要保持一致，以免用户的思维方向被打乱。比如，如果你的某个品目下的产品可以拖放到购物车，那你站点中所有产品都应该可以这样操作。将按钮放到不同页面相似的位置，使用相契合的配色，使用一致的语法和书写习惯，同时，让你的页面拥有一致的结构。用户能自由掌控自己的操作吗？你应当分析一下，自己的站点是否容 阅读全文

摘要：作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳，这是第二部分。Kaleido为你的代码创建视觉化标识。来自麻省理工。Sketchpad一个强大的在线图像编辑器。难能可贵的是，这是基于 HTML5 的。Unicode code converter虽然界面有些乱，但这个工具能把一段文字转换成各种编码形式。Grid System Generator另一个网格设计生成器。ud.com namecheck （强 阅读全文