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

我们能做什么来确保我们所绘制的梦幻般的线框图能激发同样梦幻般的图形设计并最终创建一个梦幻般的网站？ 线框图是单一网站页面精简版的视觉表现，没有经过任何视觉处理 线框图是用来做什么的？ 我在cxpartners花费了大量时间制作线框。它们被用来生成想法、...

一篇简短但是蛮有用的文章，对于做触屏界面设计的朋友来说也许有些意义。 一幅画可能包含了千言万语，但是一个用户界面却需要用简洁的语句明确地告诉用户该做什么。因此决定哪些文字应该出现，哪些文字应该是界面设计非常重要的一部分。以下是四个适用于触摸...

做设计的时候，如何配色是经常让人头痛的问题，尽管很多时候，很多人都说对于色彩的掌握更多的是靠感觉，但是不得不说，感觉也是要有依据的。所以颜色色轮表实及家中必备的设计良药！ 颜色色轮表 友情提醒：此图压缩后颜色值有误差，只为演示用，请勿以此为...

的搜索类别选择框，每次点击都让我觉得怪怪的： 1. 点击后，弹出列表的位置与预期不同。潜意识里是下拉列表，结果土豆给了我一个中拉列表。 2. 习惯性地用上/下键选择，结果却让整个页面滚动。 3. 一怒之下，想关闭不用了。按下 ESC 键，却没有任何响应。 4....

运用包容原则，提升可访问性的地位 让我们来探索 包容原则 的奥妙。它允许我们忘记在社交行为中根深蒂固的那种他们和我们之间的对立。聚焦于包容能够将无 障碍/通用设计的争论从上述利益冲突中解放出来，让我们拥抱一种更宽阔、更接近自然的设计哲学。最重要...

设计师的工作一直与可视性（）有着密切的利害关系。这个词自唐纳德诺曼（）的名著《 》 [注1] 后便声名鹊起，之后更是被阿兰库伯（）的《 》 [注2] 一书带入用户界面设计社区。 注1: The Design of Everyday Things , 直译为日常用品的设计 。可视性一词即沿...

好设计首先要明白解决什么问题，然后分析用什么解决，然后设计具体怎么解决，最后在条件允许的情况下思考这个解决办法是不是可以更好。与我之前经常重复的三部曲不谋而合：1) 谁是用户？ 2) 他们有什么问题？ 3) 我们怎么解决？ 设计是发现问题、解决问题。...

PS中回溯历史记录的步骤是有限的，所有操作在经历超过一定步数的修改后都无法进行版本还原，以及进行针对原版本的修改。对于一个工程文件而言，版本不可逆是灾难性的。所以针对PS，我们应该保留素材的原始数据，尽量使用非破坏性编辑。 非破坏性操作是图像处...

一个UI上的反馈信息主要有 两种分类 角度： 从 形式 上分： ● 工具/信息提示 （Tool/Info Tips） ● 就地信息 （In-place Messages） ● 气球状通知 （Balloons） ● 对话框 （Dialog Boxes） 从 内容 上分: ● 信息 （Info） ● 警告 （Warning） ● 错误...

这是一个重要但是容易被忽视的领域，很多设计师没有文档管理和文档规范意识。认为只有代码工作者才需要什么编码规范和版本控制系统，photoshop作为一个应用软件，讨论这个有什么意义呢？ 作为工程文件，一个复杂页面的psd源文件里有200~300个图层是很正常的...

为了组织search线的设计师交流会，特地去准备了一些资料。《SERP 2010》是其中一个，但是由于时间关系没有进行讨论。原著是英文报告，我选择了一些章节非常艰难地进行了一些翻译。 填上你的名字和联系方式就可以免费下载了，万一RP问题导致无法下载的同学，...

广告和设计的趋势 看那些出售广告的网站，特别是依靠广告为主要收入来源的，我们能看到一些趋势： 头部广告 很多网站出售页头广告位，通常是在 logo 的一边，或导航的上面或下面，很多不同类型网站都有这种趋势，而且只要这些广告能给广告客户带来实效，它就...

广告如何影响网站的设计？ 在网站布局上不管设计师多关注广告，它在某种程度上影响着设计。最理想的是，在设计中设计师已经把具体的广告位考虑在内，从而得出网站的布局；在这种情况下广告能在网站上其效果的同时又不会扰乱内容或信息流的顺畅，并给广告一个...

近年来，广告已成为很多网站的主要收入来源。不久前，在线广告往往遭到访客的拒绝，广告客户也不确定它的价值和效力。今天，大多数访客期望在商业网 站上看到广告，广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分，如杂志...

说到这个话题，我们有个产品叫群组，为什么人们需要群组？简单说，群组就是个圈子，是有共同 爱好和话题的人群聚在一起讨论、分享的地方。这个产品的诞生是随着用户对互联网使用的加深，对人与人之间沟通需求的增长而逐渐发展起来的。互联网不再是个 人网络...

一直很想就搜索结果页写一些心得文章出来，甚至连目录都整理好了可是就是一直没有动手。 因为总是觉得还差很多东西需要研究需要分析需要验证。最近也组织了一下公司集团在这条线上的设计师交流分享，发现大家想交流的点也非常多。 所以鼓起勇气，逐步去写一...

今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图： 在浏览图片的时候，右侧的缩略图是这样交互的： 因此，在整个浏览图片的过程中鼠标是不动的，只需要点击鼠标左键就能继续浏览下一页。 为此我特地去对比了Google和FLICKR，看看他...

终于能出来透口气，写点东西了。前段太忙，也很郁闷，现在调整过来点了。 我的设计原则就是在满足需求的前提下，尽可能的简化，简化，再简化。有一次跟一个朋友聊天，他问我作为交互设计师，你的三个原则是什么？我回 答：1.以用户为中心去设计，让事情变得...

设计有一部分主要目标是帮助解决用户的问题，但是仔细想一下这个用户的问题，它至少应该包括两层含义： 用户因认知产生的问题 比如对产品的不合理、不适应产生的挫折感或厌恶感。用现在的专业术语，这就是产品可用性的问题，可用性问题的存在，主要是用户对...

原文是一篇来自Smashing Magazine的优秀文章，详细叙述了8个可以提高电子商务网站转换率的方法（当然也适用于其他产品介绍类的网站）。基本上都是从网站设计的角度上分析了一些取得用户信任、改善整体品牌形象、提高用户体验的方法，很有启发意义。我按照自...

...

译者的话 ：作为一家教育机构，没有什么比利用学生与黑板的元素来设计网页横幅更适合了。黑板加上一些手写字体， 便形成了一个简单但却极具吸引力的视觉焦点。本文通过一个实例来探讨设计一个黑板样式的网页横幅所涉及的各种挑战，也让我们再一次感受学校的...

在我做过的N多项目中，基本都有个跑不开的怪圈首页很难设计。根据进度安排，首页必须按时出来，不然没法review，也没法测试。于是，首页只能在后续工作中不断的redesign。而且我发现，往往都是必须整个产品结束之后，首页调整才算完成。 仔细思考，为什么网...

这篇文章原文发表在可用性大师的网站上，系统介绍了如何选择合适的用户体验研究方法。好的研究方法要在恰当的时间用到恰当的地方才能发挥其应有的效果，切忌手里有把锤子就看什么都像钉子。欢迎链接，谢绝转载。 原文链接： 原文作者： 摘要： 用户体验研究...

注:在一些书籍中看到过 灰盒 方法,网上很多人用(包括我自己),但真正关于方法本身的介绍却很少.最近重读 时候灰盒方法的原出处.2004年一个叫Jason Santa Maria的设计师在自己设计的过程中逐渐总结出来的这种方法,原文中有对灰盒用法和流程的详细介绍.更重要的...

UX Booth的 Redd Horrocks说，Dont Make Me Think除了是一本用户体验入门佳作，还可以被从业者拿来当做一剂思维清新剂。他总结了书中得出的十条金科玉律，正好趁此机会记录下来，回顾一下这些简单明晰的道理，让最近混沌的大脑清醒清醒。 1. 可用性是什么？...

网站产品最终成为什么样有几大途径：老板的拍板、产品的直觉、设计的经验、拿来主义。当然也有真正做调研测试的。前面几大，归根到底就是靠的经验和第六感，打心底的或者自然而然的就认为应该那样做。 经验是有价值的，可以避免走弯路错路。但是过分依赖经验...

一、什么是用户界面 用户界面是负责管理与用户之间的交互，向用户显示数据，从用户处获得数据，解释由用户操作所引发的事件，并帮助用户查看任务的进度。 二、用户界面组成 模型（ model ，应用程序对象）、视图（ view, 向用户显示）、控制器（ controller...

（感谢提供下载服务器） 如需下载往期杂志请访问《UI Designer》官方网站： -------------- 《UI Designer》是由UIRSS.com创办，UIRSS.com、ChinaUI.com、UItimes.com三家UI设计媒体联合主办的UI行业权威电子杂志。这一期伴随视觉同盟（联合主办）和iconfans...

通常，在完成了一件网页设计后，设计师的无知都会显露无遗而备受指责。他们把创建网页代码的繁重工作都留给了程序员们。这种现象不只出现在网络开发行业，在软件及游戏开发业也是如此。 残酷的事实就是： 开发进度可能会因设计师而停滞不前。 为了追求最佳效...

费茨法则是人机交互领域里一个非常重要的法则，在10年来得到了广泛的应用。Fitts法则最基本的观点就是任何时候，当一个人用鼠标来移动鼠标指 针时，屏幕上的目标的某些特征会使得点击变得轻松或者困难。目标离的越远，到达就越是费劲。目标越小，就越难点中...

看到豆瓣上有网友提了 ，看到回答的人不多，忍不住写了下面的内容。 工作中最常用到的统计方法有哪些？根据我自己的经验给举些例子。 1.通过一部分用户样本预估整体的用户情况。比如，你的网站用户有200万注册用户，你要征询他们对于网站改进的意见，你需要...

六。 Tab的创建教程（前端方面的） 有很多教程能告诉你在页面上如何建立和实现一个Tab，下面，你可以通过一些顶尖教程来了解更多关于创建Tab的技巧。 《如何创建Tab》 通过阅读这篇初级教程，你可以了解如何通过使用 JS 框架Prototype创建一个简单的Tab元素...

五。Tab的真实应用 现在为止，我们从细节上探讨了Tab这种交互元素，是时候来看看真实案例了，在这一章节，我们分析一些Tab元素的应用，希望可以带给大家灵感。 这个网站在首屏位置使用大量Tab元素 以展现数量庞大的信息。 雅虎在头版位置使用Tab设计，对信息...

二 。Tab的可用性原则及优化方法 这一章节 我们将讨论一些关于Tab的可用性设计原则，以及如何使这种交互元素变得更友好和有效。 选中的标签应该高亮显示。 选中状态的标签应该设计得显眼，让用户容易区分当前显示的内容区是对应哪个标签。通用做法是 为未选...

其实这个系列还没写完，我看到已经被转载了。下次应该写个未完待续。 15. 忽略空白图片（Ignoring spacer images） 一定记得给图片加上alt属性，哪怕它为空。其原因是如果不写alt，有些阅读器会直接把它的文件名或URL读出来。 这让我想起小时候读过，说在发...

继续这个读书笔记吧。 9. 定义键盘快捷键（Defining keyboard shortcuts） 意思就是定义accesskey属性。这个好说。有个关键是如何在浏览器里使用。IE里是alt+，并且只是将焦点移过去，要点击需要再按 enter；Firefox是shift+alt+，按下之后直接触发点击事件...

事情的缘由是，前两个礼拜打了个飞的去北京玩，见了一位在百度做前端的朋友。过去一年以来，这家伙就不停的在鼓动我去他们那个邪恶的公司。当然，见面之后就不能再当面称呼人家是邪恶的公司啦，所以我就找了个理由，说你们那个做得太垃圾了。他当然就很虚心...

使用豆瓣电台的过程中，我已经三次错将喜欢的歌曲拖进了垃圾箱。原因在于，在听到好歌的激动情绪中，点击了电台上最醒目的 垃圾箱 按钮，我以为那会是收藏。 豆瓣电台本身是主动推送给听众的，因而需要听众交互的地方少，按钮就那么几个。简洁明了的设计在这...

...