摘要: 在网站或软件的策划和设计过程中,我们经常听到这样的讨论:“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题,也是方兴未艾的Web2.0大浪下设计师们的最爱(看看那些在全世界遍地开花的SNS网站,无论是视觉元素还是交互流程均能轻则轻)。本文主要从实践和总结的角度出发,提出了让设计变得更轻的6个技巧。  在网站或软件... 阅读全文
posted @ 2009-12-09 23:49 城陳 阅读(189) 评论(2) 推荐(1) 编辑
摘要: 交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置... 阅读全文
posted @ 2009-12-09 23:44 城陳 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 三、考虑Tab的易用性更复杂的交互行为的出现,在不刷新页面的状态下异步更新内容,以及如何满足用户使用不同访问方式,包括那些很难确定的非典型状况下的访问需求,这些状况令易用性成为当前最热门的话题。本章节中,我们将讨论一些在设计Tab元素时你应该知道的易用性原则。“选择”和“未选中”状态的标签 应该使用对比鲜明的颜色为了让视力上有障碍的用户能分清哪些标签... 阅读全文
posted @ 2009-12-09 23:13 城陳 阅读(253) 评论(0) 推荐(0) 编辑
摘要: 内容区之间的切换 应该没有延迟。使用Tab来控制内容切换的特性之一是快速和互动。为此,应该在html代码里提前内嵌所有内容区的代码,并通过CSS/Javascript来隐藏未被选中内容区,而不是等用户切换到某个标签后再去远程请载入信息。避免在标签切换的时候去载入页面,使用AJAX从远程读数据来生成动态菜单也是一个办法,但这对使用语音阅读器的用户(译注:Screen-Reader:为视力障碍的用户准... 阅读全文
posted @ 2009-12-09 23:11 城陳 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 信息之间不应该存在对比或并行的关系Tab元素中,同一时刻,只能显示一层内容区。当用户需要对位于不同内容区上的信息进行对比,或者这几种信息同时显示会更便于用户阅读时,就不应该使用Tab。否则会导致用户为了比对所需的信息,而不停在标签之间进行切换。下面这个案例中,BGPatterns (一个在线制作背景图案的网站)tab就用得不是地方。当用户想设计或修改他所制作的背景图案时,必须反复在几个标签之间进行... 阅读全文
posted @ 2009-12-09 23:09 城陳 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 译者:西乔 来源:Smashing Magazine 作者:Jacob GubeModule Tabs(也称选项卡,后文中简称Tab,以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上,来请求显示该层内容区。(译注:本文中指的是狭义的Tab,指在... 阅读全文
posted @ 2009-12-09 23:06 城陳 阅读(512) 评论(0) 推荐(0) 编辑
摘要: <abbr></abbr>的作用是表明标签中的内容为缩写形式<acronym></acronym>的作用是表明标签中的内容是首字母缩写词<abbr><acronym>需要加TITLE进步不说明;strong要比em力度更大一点。如果说em是中国词汇中的“强调”、“注意”,那么st... 阅读全文
posted @ 2009-12-09 15:03 城陳 阅读(198) 评论(0) 推荐(0) 编辑
摘要: 头:header   内容:content/container   尾:footer   导航:nav   侧栏:sidebar 栏目:column   页面外围控制整体布局宽度:wrapper   左右中:left right center   登录条:loginbar   标志:logo   广告:banner   页面主体:main   热点:hot   新闻:news 下载:downloa... 阅读全文
posted @ 2009-12-09 15:02 城陳 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 颜色#000000可以缩写为#000;#336699可以缩写为#369;margin:1em 0 2em 0.5em; 上右下左边框(border)border:1px solid #000; 背景(Backgrounds)background-color:#f00; background-image:url(background.gif); background-repeat:no-repeat... 阅读全文
posted @ 2009-12-09 15:01 城陳 阅读(107) 评论(0) 推荐(1) 编辑
摘要: allowtransparency="true" 阅读全文
posted @ 2009-12-09 15:01 城陳 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 1、页面的基本构成和开发标准<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g... 阅读全文
posted @ 2009-12-09 14:48 城陳 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 本期特约作者:打火机,菜花,布莱恩,为大家一起分享他们的独特见解。本期特约作者:打火机,菜花,布莱恩,为大家一起分享他们的独特见解。关键字:创意、混维所谓反 Box 布局,就是不再拘泥与传统的 Box 布局模型,而是采用一种更有创意的的布局,为用户带来非常规的视觉体验。然而需要指出,这种创意布局需要非常注意易用性问题,一种新的创意布局需要时间去慢慢成熟。当混维的概念进入页面设计师刻意营造出来的3D... 阅读全文
posted @ 2009-12-09 13:36 城陳 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 根据Brand New的 消息,以“QuickTime X”命名的新一代苹果QuickTime将启用新的Logo图标。 阅读全文
posted @ 2009-12-09 09:21 城陳 阅读(139) 评论(0) 推荐(1) 编辑
摘要: 几组游戏图标设计来源:http://forum.chinaui.com/viewthread.php?tid=66857&extra=page%3D1#zoom 阅读全文
posted @ 2009-12-09 09:18 城陳 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 1993面世的Windows 3.11的界面是Windows系列中最出色的,很显然设计师们在创作的时候赋予了很大的热情,在细节和配色上经过了详细的斟酌。原文作者:Denis Kortunov原文链接:10 Outstanding Metaphors in Icon Design译者:JJ.Ying1. Windows 3.11 1993面世的Windows 3.11的界面是Windows系列中最出... 阅读全文
posted @ 2009-12-09 09:18 城陳 阅读(380) 评论(0) 推荐(0) 编辑