摘要:
URL 设计是 Web 设计中常被忽视的东西,事实上 URL 非常重要,这不仅是一个网页唯一的路径,还涉及到你的站点是否干净,友好。本文讲述 URL 这个司空见惯的 Web 元素中包含的大量不应为忽视的知识,准则与最佳实践。需要注意的是 W3C 建议使用 URI 取代 URL 一说。关于 URL 的一些准则首先是与 URL 有关的一些准则。一个 URL 必须唯一地,永久地代表一个在线对象URL 的最基本的使命是唯一地代表 Internet 上的一个对象,URL 必须和 Internet 上的对象一对一匹配。然而现实中,这很难实现,我们经常可以通过多个 URL 到达同一个页面,比如, http: 阅读全文
摘要:
在很多人眼里,如今的 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 (强 阅读全文