UI设计教程,GUI设计教程UI设计,界面设计,网页设计,设计工作室，GUI设计知识，

必须承认，Web 开发实在不是多么愉快的工作，虽然，近年来，一些也算是有趣的工具在源源不断地推出，诸如 Rubby on Rails, Ajango 一类的框架，诸如 jQuery, Dojo 一类的 JavaScript 库在帮我们摆脱枯燥的工作，但我们仍然要面临着大量繁杂的工作，事实上，...

背着包袱跳着走 ： 在网站中，用户当然希望一步操作就完成自己需要完成的任务。 但是事实上，这是不可能的。毕竟网站的目标用户是一群人而不是一个人，目标用户之间的操作习惯必然会存在着很大的差异，况且，目标用户对产品的期待也不同，在网站中往往存在着...

本文因屎大师的文章《》而作。 屎文陈述了 门户网站 在文字视觉呈现上的一个现象： 同一行文字中，可能包含两条新闻链接，而这两条链接之间的语义关系可能很多样，但 并未 通过视觉呈现来 直观表现 这些关系。 图1：网易首页新闻豆腐块中的链接 如图1所示，...

说到网络产品，离不开的话题就是用户，就像传统行业的消费者。人是复杂的，网民的用户行为更加复杂，用户和用户是不一样的，或者说，每个用户都不一样。一款成功的互联网产品往往并没有满足所有用户的需求，而是准确定位了某一类用户并且很好地满足了那类用...

读完Nielson的 ，写一点体会。 Nielson主要针对信息架构中的信息分类测试方法卡片分类法，提出实际测试中可能经常出现的问题，并给出了较好的建议。所关注的问题在于：如何提高卡片分类测试的测试效果？ 卡片分类 是信息分类可用性测试中较为理想的方法：让...

原文标题：Guesses vs. Data as Basis for Design Recommendations 作者： 版权所有 翻译：UCDChina翻译小组，Roc 摘要 ：即使再少的经验数据（比如，观察2名用户）也能极大提高做出正确UI设计决策的几率。 提供调整字体大小的功能给用户，还是简单的依赖于...

用户研究领域有着相当广泛的研究方法，这是件好事（没准也是件坏事）。从那些已经广泛验证的方法，例如可用性实验室研究，到那些近些时候才发展出来的方法，比如合意性（desirability）研究（用来测量审美需求） 你不能在所有的项目中应用所有的方法，但是大...

翻译：UCDChina翻译小组，Roc 设计真正伟大的用户界面没有什么伟大的奥秘可言，做到保持简单易用就可以。 保持简单易用意味着不要让用户分心。恰恰相反，好的UI让用户达成目标。结果如何？你的培训和维护费用降低，并获得更开心、满足和高效率的用户。 当你...

计算是为蒙版服务的。 常有人问我，苏色，计算工具怎么用？计算工具是干什么用的？？？我怎么才能掌握计算呢？初学PS的同学，最早接触计算工具，应该是网上大把介绍通道磨皮法那几个步骤，选择反差适中的绿色通道，然后高反差保留，然后计算，然后再高反差保...

译者的话 ： 国家某研究所的研究生合唱团成立两年来，在本研究所的开学、毕业典礼等活动中有过多次演出，同时也曾在其他研究所的新年晚会等活动中演出，到了毕业的时候，有的团员即将因为毕业离开合唱团，他们希望为团员设计一件T恤作为留念，同时也想设计一...

什么是布局？ 布局是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。 如何设计有效的布局？ 1. 具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。你可以通...

...

谷歌输入法一直把提高输入法的智能性，让输入更准确作为其努力目标之一。在此前发布的谷歌输入法 2.0 正式版当中，我们实现了两项能显著提高输入体验的功能新词推送和个性化语言模型。 中国广大网民具有无穷的创造力，网络新词也层出不穷。新词推送功能，可...

谷歌输入法一直把提高输入法的智能性，让输入更准确作为其努力目标之一。在此前发布的谷歌输入法 2.0 正式版当中，我们实现了两项能显著提高输入体验的功能新词推送和个性化语言模型。 中国广大网民具有无穷的创造力，网络新词也层出不穷。新词推送功能，可...

...

上次书友会出版社朋友送了本《瞬间之美》，一直没空，到前几天才在地铁上翻了十几章。大概刚过半，已经发现了几处比较新颖的内容，比如30页原文： 如果没有动词，菜单就会很愚蠢而糟糕。 把名词主导的按钮标签改成了由动词主导的标签。 问题概括的好，其实观...

社会化游戏中的商机 很多互联网的社会化类站点是依靠游戏来建立口碑从而影响到网站其他服务的(比如开心网等)。其实这样的模式可以让我们探讨，现在社会中有一些人群反应出来的一些因素(比如快女中的整体焦虑或对人不信任感等)。我们不是社会学家，所以我们不...

...

设计中基于人类学的田野调查与比较研究法 ——浅谈用研与竞品分析 方法 ...

有时候设计师对于商业设计的要求，和自己的设计理念会发生冲突，很多人都会有抵触心里。设计师之家特邀网尚文化首席设计师林沐，为大家传授《设计师谈设计的完美流程》。 有时候设计师对于商业设计的要求，和自己的设计理念会发生冲突，很多人都会有抵触心里...

这是篇受朋友邀约的文章，有天一哥们在IM上问起：你们公司给设计师定级别么？，这话要分两层理解，一个是企业对于员工制定的岗位等级，一个是 设计师在行业内的共识区分出的等级。两层理解摘开了说，都可以单独写一写，不过仔细想想，我国大陆地区实际上还没...

8月书友会主要讨论了信息分类和信息分类的方法,UCD书友会阵营由从事产品（手机，MP4，GPS等）设计和互联网行业的朋友组成，由于信息架构在互联网圈是被讨论得较多的，因此，大部分信息架构的出发点都集中在相关的应用领域。 作为我坚信的跨媒体设计的观点来...

编译自。这篇文章是 VentureBeat 上有关技术创新前沿的 的第一篇。这一系列由微软公司赞助。来自微软公司和外部的作者都将参与。本文作者是 VentureBeat 的 CEO 和编辑 Matt Marshall。 想 象这个场景：我走进一家酒吧，三个女郎映入眼帘。我胸前的相机自动...

...

在日常的工作中往往会忽略标点符号的作用，其实无论在英文界面文本设计还是中文界面文本设计中，标点符号都是重要组成部分。要想做出好的界面设 计，不仅要重视视觉、交互以及wording的表达，还要重视标点符号的使用。这里对相关问题略加探讨，希望能抛砖引...

有时候，规划师（或需求、交互）把内容呈现的框架草图搭建好后，就直接丢给了设 计师，让设计师在画好的框架里去美化内容，出来后的效果，往往达不到规划师（或需求、交互）预期的目标效果，然后就是反复的修订和磨合。如何改变这样的局 面呢？我想首先规划...

从 Google 的一个细节说起： 整个虚线框都是Next的可点击区域。看似不经意，却直接提升了细节的可用性。其它页码也巧妙地和上面的字母 o 一起组成可点击区域。与百度和 Bing 的翻页相比，Google 优胜。 再来看 Twitter 的注册页面： 很大很舒服。到了这个页...

横排导航与纵列导航的区别 我们知道，几乎整个世界的阅读习惯都是从左到右逐行进行（中国古代是从上到下逐列进行），那么在横排导航中，左边的项目一定比右边的项目重要么？这也未必，因为越来越多的用户 将导航与段落区别开来，进行跳跃式阅读，出现了金箍...

网站策划中百分之七十的工作是围绕网站导航开展的 这句话是错的 。许多优秀的网站成功在导航设计，许多糟糕失败在导航设计，这个现象的确存在，但这并不意味着导航设计占有网站策划工作的绝对重心。 不是所有的网站都需要导航 策划这类思维活动，一旦形成了...

本文涉及如下6个观点 我们要承认用户体验是好东西 研究用户体验中的不和谐声音 不是所有的设计都要从零开始体验 用户体验的专家模式应当是主流 什么样的人可以主导专家模式 专家模式将会细分 我们要承认用户体验是个好东西 能够系统的从用户角度出发，便捷的...

最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~ 上图采用胶片展示多组信息大片展示品牌渲染。 利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。 比...

别致的深底色设计 深色但带给人的感觉是纵深，权威的，有力的。在使用得当的时候会看起来非常别致优雅。这里有一些使用深底色风格设计的案例和技法。 网站 在背景里使用了古典风格的纹理，创建了优雅的基调。其它另类的特性令人对此设计印象深刻。 这种技法...

深底色风格的页面设计 很受欢迎，它可以创造出别致优雅，极富创造力的效果。 深底色设计适用于许多网站类型，但并非所有。这种风格应该在恰当的条件下使用。 虽然深底色风格可以带来视觉冲击力，但是很多设计师并不知道如何有效地表现他们，取得的效果往往适...

本文介绍的技术很经典，也算是一篇老文章了，相信很多人也都看过，之前神飞有注意到国内有些翻译，但是不全面，这里我就将其完整的翻译了一下。 你想制作漂亮的标题而不用将每个标题都做成图片吗？这里是一个简单的CSS技巧，它将向你展示使用一个png图片制作...

随着 CSS3 渐入人心，Web 字体逐渐成为话题，这种即将让未来的 Web 更加丰富多彩的技术（或者说标准）拥有多种可能，虽然 .webfont 即将提交 W3C，然而它的实现仍然遥遥无期，等待是痛苦的，因此，一些公司联合字体设计推出兼容 @font-face 标准的技术，鉴于...

看前一篇文章[]的 介绍，大家应该知道除了极少数的全色盲，其他色盲总是会看到一些颜色的。所以，最大的问题不是色盲用户看不到一些眼色，而是他们看到的颜色与一般人不同。 那么，如果作为一个正常人，如何让自己的设计不会给色盲用户造成麻烦呢？我们需要...

不同人眼中的草莓: 1.普通人 2.红色色盲 3.绿色色盲 4.蓝色色盲 5.全色盲 缤纷多彩的世界，如此吸引人。但是，每个人眼中的世界却可能如此不同。这个世界上有大约8%的男性和0.4%的女性，在识别部分或者全部颜色时有困难。我 们通常笼统地称这种缺陷为色盲(Co...

Article copyright by 版权所有 原作者：；译者：UCD翻译小组，Sophie； 校审：Angela 原文链接： 原文下载： (pdf, 316 KB) 人物角色是虚拟的，也是典型和形象的，它是你的目标用户的一种代表 。它可以提供及时的、易于理解和记忆的用户信息。 人物角色 在...

限制你的色彩 成为一个顶级设计师的7个简单原则的第二部分 限制使用你的色彩。好象上个准则是让你限制用你的字体，对吗？非常对！我们限制用我们的色彩的原因和我们限制使用字体的原因一样。在我们的设计当中 减少色彩的数目将使之变的谐调。基本上，每件东...

模式库 在模式库里,我将列出所有电子商务网站需要的模式.以下将罗列出经典常用的模式案例,我也试图让这些模式看起来更有趣味性与实用性。(Yahoo模式库也有对的一种定义。) 模式归属类别 为了方便调用和维护模式库中的各种模式,首先将模式库中的模式分成三大...