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

如何选择设计公司 经历过青春80年代的我们，到了1990之后，自然而然都变成了愤青一族，混沌于超越现实的理想和现实残酷的时代之间。我们因为热爱青春而丢失青春，因为迷信理想而与理想分手，在最需要坚持的年代里，很多像我这样骨子里有点投机分子倾向的人，...

本篇已得到原作者的翻译准予，在此Jorux表示感谢！ 本教程主要参考，由Jorux翻译，以意译为主，其间加入了不少Jorux的个人观点，省略了一些多余的说明，请读者明鉴。 第一步：规划网站，本教程将以图示为例构建网站 1.规划网站，本教程将以下图为例构建网站...

原文: 翻译:PARAN Web 2.0是新一代的网站发展目标，原始的电子商务现如今正开始开始向它进行转型，以期达到提升现有领域和创建一个简洁良好的Web设计。通常，一个 Web2.0网站，大都只有较少的文本，而更多内容则是图片以及较大的文本，而相对于一个整体布局...

从本篇开始讲述如何用css实现网页的布局，即如何用css控制网页内各个元素的显示位置。 如果你是一个初学者，很可能觉得做一个网页的第一步就是布局。其实不然，css网页的设计过程可以参考分为以下几步： 平面设计 页面切割 布局 细节控制 1. 平面设计是一个...

大部分人见到我的第一句话总是说：你看起来就是一个艺术家。岂不知这是我最不希望听到的，因为我希望我的客户，或者即将成为我客户的朋友们，第一眼就相信我是一个聪明的商人。因此我总是想剪掉我留了二十几年的长发，我的合伙人们也这么认为，还曾经在电脑上...

很多朋友不止一次的提起在网络营销或电子商务中，企业网站所起到的重要作用。但从我的个人立场来说，有很多问题值得进一步深入讨论。很多商业上的朋友看问题的角度都是从商业化的、实用化的角度出发，与纯技术角度相比，当然更加实际、更适合企业的实际需要。...

...

原文： 作者： Bret Victor 策划信息化软件革命 机器的大规模生产始于在20世纪初期。 Henry Ford的装配流水线方式推广到了整个制造业，大幅降低生产成本，使一般人也买得起各种机器。但是许多产品并不容易操作。商人给出要求，工程师加以实施，设计环节是不...

原文： 作者： Bret Victor 交互性被认为是不利的 Chris Crawford为交互定义了一个三个阶段的进程： 获悉指令，判断含义，作出回应。 对于操作型软件来说，交互是十分有必要的：用户通过查看所呈现的内容，判断并执行下一步的操作。软件进而执行用户的操作要...

极限主题的talis朋友问起我怎么实现WindowBlinds主题的窗体，所以就写下这篇小教程，希望对初学的朋友有点帮助。 首先当然是设计，这个过程应该怎么进行因人而异，很多设计师朋友的习惯是设计完主题的所有部件然后放到一张预览图里查看效果。而我个人的习惯是...

Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？ 周末，根据建站的一点经验和观察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点，将其梳理概况，但仍是较为粗浅，com...

Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？周末，根据建站的一点经验和观察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点，将其梳理概况，但仍是较为粗浅，com...

...

从草图到图标-浅谈图标制作过程 1为什么制作图标 及图形化解释说明事物 一个简单的购物行为的图标表现形式 下面我们用淘宝商城中的购物流程的图标设计来说明下我个人制作图标的制作过程 淘宝商城购物流程图 搜索/浏览商品 加入购物车 结帐/付款 收货/评价 获...

所谓天赋（左脑和右脑） 也就是你是否有艺术天赋，天赋也许是存在的，这主要在于人类左右脑的分工。左脑主要负责逻辑理解、语言、判断、分类、分析、推理，这类人才可能对数学、逻辑和细节分析方面更加敏感。右脑主要负责情感、直觉、想像、创造力、象征和灵...

很多网站为了某个活动、节日什么的，经常都会做一个专题页面。这些页面往往都和网站其他的页面不同，不用那些循规蹈矩的布局，有漂亮的大块图片、甚至是声色俱佳的Flash~ 这些页面，可能是从网站内部某个吸引人的地方，吸引你点入；也可能是某个软件的网站，...

在很多软件互联网企业业务的扩张过程中，设计人员需要处理需求的复杂性和数量也开始随业务出现几何增长趋势，如何在保证业务稳步扩张的基础上，避免设计人员重复发明轮子、提高产品体验和解放设计师的思维。很多团队推出了自己的设计模式库。 参考例子 我们...

商品离不开视觉设计，通过视觉设计建构视觉识别，达到品牌识别的高度，现实也是如此，任何一家成功的软件开发公司都必须构建一套自己产品视觉品牌规范，引导市场销售，这是产品在市场销售和使用环节中产品品质和信誉度的直观体现。视觉的一致性和细节考虑本身...

本文介绍了如何使用SYGUI界面库来为程序添加类似Windows Media Player的界面定制功能，使程序具有各种不同风格的界面。 关键词 Windows Media Play界面 界面定制功能 SYGUI界面库 一、简介 SYGUI是一个基于功能扩展的MFC界面库，我在以前的文章中介绍了如何使...

由于我们对传统美学职业的认识，web设计一直被强调为视觉上的表现手段，如果不计算技术的因素，web设计中重要的问题往往是如何组织和创建web站点的内容。而随着电子商务的流行，是否带来商业方面的成功也成为衡量web设计作用的标准。 因为internet的特殊性，...

商品离不开视觉设计，通过视觉设计建构视觉识别，达到品牌识别的高度，现实也是如此，任何一家成功的软件开发公司都必须构建一套自己产品视觉品牌规范，引导市场销售，这是产品在市场销售和使用环节中产品品质和信誉度的直观体现。视觉的一致性和细节考虑本...

GUI规范似乎是行业必须遵循的规则了，多数的从业人员也了解在BS、CS界面设计中的必要性，但要很好的实施确存在系列的问题：设计师是否具备这方面的意识；在具体开发过程中的跟进力度；开发人员的配合问题；规范制作开始的阶段问题等等。在团队的交互和视觉的...

一、引言 ： 目前，网上学习正成为教育发展的一种方向和趋势。与传统教育不同，网上学习没有教师的指导和监督，学生是自主学习的，这是网上学习的优点，而从另一方面来讲，这也可能成为它的缺点。因为在完全自由的学习环境中，如果学习内容设计得当，界面友...

这是去年在中软时做的一个UI模板规范，有很多我的经验，在做B/S版应用程序时比较适用，其实这样的东西算不上什么正规的规范，只是为了适应我们现在面对的开发环境和组织流程做的一些权宜的努力，和解决了一些与程序沟通和接口的问题，尽量避免误会和摩擦。...

可用性测试的定义 可用性测试是指在设计过程中被用来改善易用性的一系列方法。我们为用户提供一系列操作场景 和任务让他们去完成，这些场景和任务与您的产品或服务密切相关。通过观察，我们来发现过程 中出现了什么问题、用户喜欢或不喜欢哪些功能和操作方式...

一个交互实例 vivi（薇薇，26岁，一位优雅迷人的OL）打开钱包，从卡夹层里拿出那张有着金黄葵花的银行卡，又了到发工资的时候，不知道今天到帐了没有，还约好了明天和死党一起Shopping呢！刚才路过银行想查一下余额，但是排队的人太多了，不过还有电话银行嘛...

需求分析是指理解用户需求，就软件功能与客户达成一致，估计软件风险和评估项目代价，最终形成开发计划的一个复杂过程。（这个和我在微软体验到的又不太一样，微软的需求分析大多是市场人员和用户协助小组的人去评估用户的接受程度，这一点也可以理解，因为...

战略层网站目标和用户需求 成功的用户体验，其基础是一个被明确表达的战略。知道企业与用户双方对网站的期许和目标，有助于确立用户体验各方面战略的制定。然而回答这些看似简单的问题却不如说起来那么容易。 范围层功能规格和内容说明 带着我们想要什么、我...

互联网带宽越来越宽，似乎让网页的加载速度得到了质的飞跃。其实不然，因为随着带宽的提高，网页上的对象也越来越多，因此加快网页打开速度还是一个重要的课题。加快网页的打开速度，有三个路径，一是提高网络带宽，二是用户在本机做优化，三是网站设计者对...

这篇 WEB可用性 检查单是为设计者自己准备的，相当不错，特翻译一下，自己也学习一遍。 Enough talking, lets start! 不说废话，马上开始！ Technical(技术方面) Did you validate your (X)HTML using W3C Markup Validation Service? 你确定你制做的(X)HTML...

中的名词解释 面包屑型结构(WEB网页) 在童话故事汉泽尔和格雷特尔中，当汉泽尔和格雷特尔穿过森林时，他们在沿途走过的地方都撒下了面包屑，让这些面包屑来帮助他们找到回家的路。 虽然这只是一个孩子们的童话故事，但它却蕴涵了多种含义。实际上，网站设计...

这一段时间看了比较多的电子商务网站，不看不知道，一看吓一跳，电子商务网站还真是多如牛毛。但是真正看下来，做得好的网站却又少之又少，特别是在用户界面设计上，一个字乱，两个字很乱！看了几个网站下来，已是眼花花，严重视觉疲劳，再也不想看第二遍。...

现今每个工程人员都把精力放在效能上面，即用最少的资源做最多的事情。Altera公司的PLD(可编程逻辑)开发软件平台工具Quartus II 能帮助工程人员提高效能，它是如何实现的呢？概括起来说就是 Quartus II的T.I.P.S.方法。 T代表Timequest，新一代ASIC功能时序分...

在网站上线前，SEO是必不可少的一个重点，但很多网站都没有详细的规划过如何开始动手做SEO，其实不管是大网站也好，小网站也罢，制定一个详尽的SEO计划是尤为重要的。 一、关键词的分析 网站SEO第一步就是关键词的分析，在做关键词分析的时候需要了解每个子...

cooper谈到用户的视觉路径一般是：从上到下，从左到右。 好的视觉设计路径应该是顺应这样的用户习惯，糟糕的设计会让用户无所适从，焦点到处都是。 当然，上图的视觉路径图并非绝对的，浏览习惯因人而异。 网站中方块 因为人们从接触信息以来，信息的呈现就...

这里总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。 1、css框架 中国 的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3 .IE7等等前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词框架。YUI、J...

原文： 作者： Bret Victor 情境关联信息图形 印刷品的最大缺陷是：油墨附着在纸面后是不可更改的。墨水加纸张的设计成果是静态的──它不得不同时展示所有的数据。不过，好在用户在某一时刻通常只关心某一个环节的信息。设计师面临的挑战是组织数据，使某一...

原文： 作者： Bret Victor 信息化软件设计就是图形设计 这就像我要求软件做很多事情。但它没有什么高深的奥妙──没有对复杂现象的模拟，没有对外部世界的映射，当然也不会具备注入生命火花的超能力。我要求软件提供一套良好的方式展示复杂的数据，使我能理...

暴长的文章，一根筋的就给翻译了，还是没翻完，有人看得话就找时间翻完，翻译水平很业余，见谅。 原文： 作者： Bret Victor 摘要： 糟糕的用户体验和缺乏帮助信息的软件界面，激励着我们数十年来致力于研究人机交互。本文，我的观点是：长期以来我们过于注重...

从安全的观点来考虑，这是IIS所涉及的一个新领域。 如此多的新特性，让我们对Windows Server2008中的IIS7充满了渴望，下面就让我们一起看看IIS中五个最为核心的增强特性。 IIS 是In IS rnet Information Server的缩写，它是微软公司主推的 WEB服务器 ，现在用...