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

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

...

...

...

将来电脑的大显示屏会越来越普及，并且从现在web设计作品中能观察到两点趋势： 页面布局普遍更宽； 页面内容文字普遍更大。 使用1280800和12801024的用户越来越多，并且1440900也占了相当比例。也就是说，常规屏幕宽度已经远远超出了曾经 1024的主流标准。好...

什么事情不能一味的强势，也不能一味的妥协，在双方都僵持不下时，只能采取折中法才是解决矛盾与争端的最优方法。引用冯小刚《非诚勿扰》中最经典的一句话：21世纪什么最贵？和谐. 专题设计一直困扰着我们，以至于经常会跟需求、开发产生摩擦和矛盾，而影响...

一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手； 五、独立清除浮动须铭记，行高...

我们知道越来越多的公司把他们的业务放到互联网上,而且还有更多的公司正在开始他们的电子商务之旅.所以对能帮助销售的网站设计需求越来越多,一个漂亮的网站也许可以达到塑造与传递品牌形象的目标,但是单独只是漂亮是无法帮助产品或服务的销售的.所以你需要懂...

摘要：本文分享最近使用卡片分类法（card sorting）的变体所进行的一项图标分类研究。其中手段不乏粗暴低劣之处，权当一种quick turnaround的问题解决思路看吧。 这个PPT的模板用了乐高作为设计元素原因等会揭晓~~~ 随着本司的图标数量越来越多，图标设计师...

重读LukeW的《》感触很深，除佩服LukeW的钻研精神外，更多的是学习他对设计细节的执着和理解。我把对本书的理解，与工作生活中遇到的实际问题结合起来，作为今后设计工作的指导和规范。 有一些元素，看着很简单，设计起来却很头疼。往往这样的元素都具有一个...

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论，并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则，它们已经在设计中为我所用。这 4项原则就是：反差, 重复, 排列, 和分类。 本文将讨论这4...

把自己在阿里推广页面设计过程中的心得编成打油诗分享给大家。 用户体验整文案， 罗列层级是关键； 题图设计创意先， 找词找图创意到； 主次按钮氛围造， 视觉引导要记牢； 下面样式上面找， 整体统一很重要； 内容排版耐心调， 虎头蛇尾太糟糕。 设计师拿到...

继上一篇教程，《》，现在我们来看看如何将这个概念设计转化为完整的由XHTML和CSS组成的标准网页。从PS里面将之前的设计稿从PS里面输出然后再加上编码，这样我们就会得到一个完整的设计。 ，我们创建了一个包含了所有框架，设计，色彩，拟议定的板式和基本内...

当你构建你的用户界面和网站的时候，有各种各样的关于界面设计方法和模式的信息你可以使用， 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面， 但是究竟什么才是一个良好的界面？ 一个有价值的用户界面应该...

设计是简单的如果你知道要放的东西该放到哪。 曾经在某个电子杂志里看到一篇关于如何在平面设计中偷懒的文章，引发了我的一些思考，在平面设计中有这么多可以偷懒的方法，那在网页设计中是不是也有一些捷径可以探索？当然作为一个刚刚踏入网页设计领域的新兵...

组件和模式 版权所有 2009年1月9日 译者：， 校审：远骋， 原文地址： 编者按:今年四月,在UIE应用高峰会议上，应我们的要求，Nathan Curtis会做一次关于实现组件和模式重用的演讲。其间，Nathan讨论了组件和模式之间的不同。 常常在你计划构建一个组件库的时...

题续 ，继续说说关于搜索的设计。 下午的时候群里一个童鞋列出了一些电子商务网站对于空搜索的处理结果，然后引发了一个关于空搜索处理的讨论。这里， 空搜索指的是：不在搜索框里输入任何内容，直接点击搜索按钮。 可以肯定的是，造成空搜索的用户的比例应...

1、搜索框的意义 用户总是和你想的不一样，用户很多时候是不会按照你设定的导航走的，他们更多的时候是上来就直接输入关键字进行搜索。对于购物者而言，如果清楚的知道想要什么，他们会很明确的使用搜索框，这种情况下购物者显示出了明确的购物意图，因此搜...

...

0，引言 每每有新项目，。滥用不如不用，直接拿个现成的reset.css过来将导致后期各种离奇bug的发生。所以最好还是自己写一个reset.css，并且要明白每一条reset都是用来做什么的。reset.css本意就是重置样式，我始终建议把.clearfix放入layout.css,而把h1、h2...

准备工作 去年的时候,青云发表过关于 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅格系统能够将大块区域分割成小区域,清楚地展示页面的布局,并能够引导视觉线在各个板块之间扫描、阅读. 从信息上来说,栅格系统让...

CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的CSS权威指南,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这...

上回说到大屏幕浏览页面的良好体验，本就应该用户自己调整窗口。 根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。 在windows系统...

专门用于针对淘宝网交易沟通而设计淘小宝蚂蚁聊天表情终于在3月20号通过消费者社区小规模地向用户推广。具体的下载方法可以通过以下消费者社区的贴子找到： 制作该表情的意义在于：1.增加用户在使用淘宝网交易而进行沟通时的趣味性；2.在这种沟通过程中潜移...

...

一个网站设计的好与坏究竟是由谁来说的算呢？那么就要看网站设计是给谁看，那就是你的用户。所以网站设计一个要想到的就是用户，网站要以用户为中心的设计才是好设计。 那么如何做出以用户为中心的设计呢？ 1、明确划分用户群 谁是主要服务人群，谁是次要服...

用户的一般类型 依据使用Web的能力来衡量，存在三种一般类型的用户：初学者、一般能力的用户、专家或能力强的用户。一个初学者需要特别的帮助，可能更喜欢以特别的点击获得反馈信息的方式来完成简单的任务。一种适合新手的用户界面例子是完成一般任务的自动...

各个Web站点经常是根据各自特定的哲学观点来进行设计的。有时这种观点是以内容为中心，有时它又是以技术为中心。更经常的是，它是以视觉效果为中心。但是，设计Web站点时的真正重点应该是用户。时刻想着用户，并千方百计地满足他们的要求是以用户为中心的设...

Sitepoint有一个不错的针对Web开发者和设计者的参考手册网站，可以查询HTML、CSS和JavaScript的基本信息、兼容性和示例代码等，同时这个网站也包含了一个Firefox扩展，可以集成在Firebug中，可以显示所有你看到的HTML元素、HTML属性和CSS属性的参考信息，目...

在做视觉设计时，如何高效地使用图标是一门学问：该使用什么样的图标？图标该放在哪里？大小如何？图标的使用是否帮助用户更好更快的理解内容，亦或是增加了他们的理解负担甚至产生误导？今天恰好看到了一篇很好的文章，可以帮助我们了解该如何使用图标来支...

...

你不必在每件事情上取得别人的同意。作为一个专业的Web开发人，你是 你访客爱好和需求的倡导者 ；你必须坚持你对良好的用户体验的理解，确保在复杂的网站架构下你的访客仍可能找到他们的路径。这意味着在与用户和同事讨论时，你必须能够坚持你的立场，有效地...

很多人说设计是力求细节的，在网页设计里表达出的细节就是图标。图标在一个设计里带来了额外的注解并且使设计里的对象和元素引起用户的注意。 以下介绍的是一个用图标描述的最优方法。当使用图标时，图标的描述包含了一系列的隐喻。这也是在网站导航广泛使用...

本文提出了一种界面设计中的架构模式-界面组装器模式，它致力于分解界面，将界面和组装行为解耦，将界面逻辑处理与领域逻辑处理解耦，这样我们在开发GUI胖客户端界面应用时可以从众多的界面控制管理中解脱出来，而专注于我们的后台业务逻辑的开发。通过该模式...

信息架构始终关注网站对目标用户的易用度和使用频度。 对大部分的部门来说，很少会要求我们提供可用性或用户体验方面的数据，但我们经常会收到其他一些部门提出的这样的要求，我需要知道今年我们网站的访问量，以及和竞争对手的对照数据。 不是人们不在意网...

网页设计最重要的组成部分是界面设计。创造美观而具有功能性的界面包含多种技巧。以下是我自己收集的，我认为你会在工作中发现派上用场的10个技巧。它们和任何特定主题无关，而更偏向于我自己的项目里常使用的技术。没什么其它问题的话，我们就开始吧。 1. 填...

用户习惯大家都经常在提，习惯源于何出？ 回答可以是软件的用户习惯源于其不断使用过程中的印象积累。如果是这个软件刚诞生的时候呢？于是就得参考同类软件或者软件所要运行的os操作系统的用户习惯，那如果是一个操作系统刚形成的时候呢？表面上看这是条分岔...

当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力。Web应用程序的界面设计，其核心就是网页设计，但它的重点主要是在功能方面。要超越桌面应用程序，Web应用程序必须提供简单、直观和即时响应的用户界...

...

这可能是网页设计里最不吸引人的部分，但是信息设计绝非最不重要。定位和吸收信息是最精华的网络任务，它远远超过了购买、娱乐和交流这些自身已包括了相当一部分信息设计的项目。用户如何发现然后利用信息本身受到信息如何架构并展现的影响。因此每一个网页...