UI设计理论知识,UI设计教程,UI设计知识,GUI设计理念,人机交互理论教程

这是什么啊，用不明白，体验太差了！、在哪里登录？找不到啊！、谁知道这是个按钮可以点啊，像个图片！在产品体验中，我们经常会听到这样那样有关产品体验的声音。而主动并客观地去发现这些问题（可用性问题）的方法之一，就是我们今天要介绍的用户研究方法...

08GUI大赛已经成为去年的回忆，在09年初始，记录一下作个小结。 关于出发点 目前，大部分图标设计都在对一个具象物体的表达技巧进行探索，这种现状无可厚非，毕竟绝大多数图标是侧重于易用性的，但是不是可以尝试跳出来，从抽象的角度去表达图标的内在层面，...

相信大家对于常见 CSS BUG 的处理已经相对比较熟悉，例如：、 等等。但时常我们也会碰到复杂的 CSS BUG 问题，所谓复杂实质是指触发的条件很复杂，而BUG 也并非指一定是浏览器的 BUG 。对于此类问题，我们首先要解决的是如何定位到问题，只有快速的定位到问...

最近，我有机会研究对 视觉 设计 作用的常见误解，这些误解仍然盛行于行政主管、产品主管，工程经理和市场专家中。设计团队成员如何说明这些认识是错误的？又该如何向同事和老板展示视觉设计真相？ 视觉 设计 师在特定产品领域或职业生涯中会面对各种困难，...

图形设计有4个投之四海皆准的基本准则：对比、重复、对齐和 近似。它们可以指导你完成 引人注目 的设计，而我认为它们在设计用户界面时也很（而且必须）受用。这篇文章将告诉你如何去用。不管怎样，我喜欢这个缩写！（crap原意是 排泄物， 作者有调侃的意思。...

这是 经典技术随笔 的第二部分，在的基础上，在字体，字号，布局，配色几个方面，讲述了如何实现弹性的，可适应性的 Web 设计。最后，作者指出 Web 作为一种新媒体应该尽快走出印刷媒体的影响，实现自己的使命。 解决之道 名亦既有，天將知止。知止不殆。譬...

道之于90年代恰如禅之于70年代。事无巨细，皆可受之道，或推之道。Web 设计之事，虽小技，然而通览道德经，我们仍然会发现其中包含深刻的道理。道是哲学，象佛，是一种生活与处世的方式，来自古老的《道德经》，这部拥有81个章节的晦涩经文涵盖了人类的经验...

作为设计主管，Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具，这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面，并且正致力于创建将于今年晚些时候发布的下一...

下午和群里的朋友谈到关于GUIC08上一些设计师的主题作品。我觉得不少作品从设计（效果图）上说是出色的，但是实现成主题之后因为这个那个的原因效果大打折扣，所以这边简单聊聊我眼里从一张效果图到可用的主题间我们需要关注的细节。个人觉得若干个主题如果在...

什么是Pattern呢？ Pattern，我们可以把它看做是一组可重复使用、被大多数人知晓、蕴含设计经验小结的界面交互模式。这些模式可能适用于桌面软件、Web应用、手机应用等等。 这里我们通过分析两个Pattern应用的实例，来更好的理解Pattern和运用Pattern。 双面...

记得很早以前看到过这样的一段介绍： 想象你在逛街边的一家书店，如果最终你没有购买任何图书就直接离开了，店长并不会知道你来过。但是如果你买了书，那么书店的员工就会知道他们卖出了一些商品（当然如果你在那里留了联系信息来预订另外一本书，他们就可以...

一说到导航每个人都不陌生，如amazon的Tab式导航、网站地图、软件中的菜单导航、索引表等等。导航设计看上去非常的简单：无非是页面上放置一些链接，通过这些链接用户可浏览和使用整个网站。事实并非如此，导航设计是非常复杂和严谨的。下面我们以网站导航为...

上有朋友问起WB皮肤中的图片怎么实现在各种尺寸下不变形，随手写了一点关于九宫格的原理，希望对不知道的朋友有所帮助，早就了解的就忽略吧～:D 很多程序界面中所用到的图形元素都支持九宫格，只要设置好上下左右的Margin值（有各种叫法，SkinStudio中以前叫S...

最近在内部讨论关于完美三栏的话题,看到一篇,相当的好.故此翻译之. 很抱歉我没有将这篇文章命名.我不是想夸大他的重要性或是轻视其他的.但是确实是这么称呼，我们都明白它的含义. 三栏，一个是固定宽度的导航栏,另一个是GOOGLE广告，或是Filckr图片展示，就...

1 引言 软件界面是人与计算机之间的媒介。用户通过软件界面来与计算机进行信息交换。因此，软件界面的质量，直接关系到应用系统的性能能否充分发挥，能否使用户准确、高效、轻松、愉快地工作，所以软件的友好性、易用性对于软件系统至关重要。目前国内软件开...

作者 :Gyrgy Fekete 原文链接 : 译者 :, Gyrgy Fekete 版权所有 (Article copyright by Gyrgy Fekete) 对于任何提供产品或者服务的公司来说 价目表 都扮演着重要的角色。不论从它的设计还是可用性角度来讲，实现起来都是个挑战。价目表必须在力求简明的同时...

上周我们已经给大家介绍了我们对于web表单调查研究结果的第一部分。调研的主要目的是提供给凭直接来判断有效性的设计师和开发人员一些理论依据。我们也介绍了一些如何让web表单成为完美的友好用户界面的指导方针。 我们把更多关键表单单独开来（例如校验表单...

如果你想最大化你的服务所带来的效益，你就必须最大化你网站表单的成功率。仅仅简单的让用户在你网站上注册是不够的，除非你有能够让访问你网站的人一看就映像深刻的点子。为了让服务达到最大化的体现，我们设计师需要提供用户一个良好的用户体验。我们需要...

...

...

...

在网页上图象的载入只允许三个格式：GIF、JPEG 和 PNG 1 GIF 在把图象输出时，选取 GIF89a 格式，弹出对话框，有以下选择： 1 精确：当作品的图形颜色不超过 256 色时，对话框菜单默认的选项。颜色表就以实际颜色组成。 2 系统（Windows 或 Macintosh）：当作...

一个人拥有自己独特的风格，是一般人所没有的，就会让人注意到那个人的特别，若那个人的风格是正面的，甚至就会引起别人的羡慕与注意，或是赞赏。就如同一个 网站 ，拥有别的网站所没有的风格，就会让浏览者愿意多停留些时间，细细品尝该站的内容，甚至该站...

栅格系统的形成 1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的，重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗...

栅格就是你对页面版式的规划 你日常所见的许多页面都有栅格存在。你可能注意不到，但它确实存在，并且支撑着设计内容，建立整体的架构，引导着页面的元素。 栅格是隐形的架构，用于指导你页面上各种元素的放置。栅格不会在印刷成品上出现，但却影响巨大，它...

对于什么是好设计，一万个人那里至少有一万零一个答案。每个人都有自己的答案，有的人还不止一个答案。 老师说，一定要在设计里灌注自己的思想，有了自己的思想你的设计才有灵魂，才能是好的设计。 工作后我发现，如果一个设计只有设计者的思想，那么这个设...

如何创建的WordPress主题从无到有-白手起家(1) 中，主要谈到了关于PS设计模板结构，而今天将给大家讲到的是关于 wordpress 模板结构的CSS样式表的分步建立，以及HTML代码的编写，这里先和大家说一下，本主题制作先是以HTML代码编写，之后运用 wordpress 程序...

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 nbsp; 等这样的占位符。 但是 nbsp; 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，...

快捷方式的组合 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些在西文Windows及其应用软件中快捷键的使用大多是一致的。 菜单中： 1):面向事务的组合有: Ctrl-D 删除 ;Ctrl-F 寻找 ;Ctrl H替换;Ctrl-I 插入 ;Ctrl-N 新记录 ;Ctrl-S 保存 C...

菜单位置： 菜单是界面上最重要的元素，菜单位置按照按功能来组织。 菜单测试细则： 1): 菜单通常采用常用--主要--次要--工具--帮助的位置排列，符合流行的Windows风格。 2): 常用的有文件、编辑，查看等，几乎每个系统都有这些选项，当然要根据不同的系统有...

系统应该提供详尽而可靠的帮助文档，在用户使用产生迷惑时可以自己寻求解决方法。 帮助设施细则： 1)：帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明，让人困惑)。 2)：打包新系统时，对作了修改的地方在帮...

绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。 绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，...

沟通部分,适合大部分设计行业. 本章全是理论的东西,不牵扯实际设计. 写文章真的很辛苦,大家顶一顶吧..... 步骤 1:定位 在通过与客户,或与和客户接触的业务人员交流,做出一个准确的定位. 定位的准确与否,虽然不能决定一定通过,但如果定位不准或相差太远,那么1...

界面是软件与用户交互的最直接的层，界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的操作，起到向导的作用。同时界面如同人的面孔，具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉，相...

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？...

IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者的认可呢？...

自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站视觉设计的一些要点，有他人经验，也有自己的心得： 1 logo： 基本logo特征，符合logo设计基础（平面设计通...

Google Webmaster Central Blog 最近讨论了一些关于404错误页面的问题，我认为还是非常有用的，这就引出了我们今天要谈到的一个问题：404页面应该如何设计？ 首先，何为404错误？ 404是一个 http 错误代码，即请求的网页不存在。第一个4表示客户端出错，0表...

虽然现在IE还是主导了整个浏览器的天下，但IE靠的并非是产品设计上的优势，而是依靠windows的力量，因为绝大多数的初级网民认为IE的产品体验不妨碍他们浏览网页。从产品体验上来看，其他浏览器的tab的设计体验，是让很多IE用户倒戈的直接原因。 浏览器tab的...

当代设计公司 像我这一代设计师，大概都是从1997年到1999年这一段时间开始创业的，那时侯中国的设计行业尚处于信息闭塞的年代，换句话说就是谁掌握了信息，谁就掌握了竞争的优势。深圳广州毗邻香港，信息领先内地，在那个年代，自然设计行业领先于内地，那时...