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

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

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

首先得抛出个重要的前提观点，大屏幕、宽屏幕根本不是为方便扫视准备的。所以说以内容为基础的网站设计不用考虑超宽、超大的场景，甚至包括服务类网站都如此。 曾经在800*600为主流时，页面宽度大都以770或780px为标准；在1024*768为主流时，页面宽度大都以9...

iPhone已经推出两年多时间，在这两年时间里，大家更多关注的可能是它对老牌智能们产生的冲击，但iPhone的硬件在此期间经历了一次较大的升级，并且在不断收购其他公司为未来升级做准备，它的也从1.0升级到今夏就要推出的3.0版本。 已有数据显示iPhone作为的销...

一．链接打开方式 1、新窗口打开 优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容； 缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动关闭； 2、当前窗口打开 优点：可以一直在一个窗口内看内容...

没人愿意等待。 所以，没有访问者真的能够忍受一个打开速度极慢的网站。但是，网页打开速度到底对用户行为有什么影响，恐怕没几个人能够说清楚吧。 前几天，我读到一篇这方面的，感到非常别开生面。下面就是一点摘录。 网页打开的最佳速度 2秒！ 许多研究都...

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

但凡设计师都对简洁的设计情有独钟，我们不喜欢复杂，却也不能不会rich。 先来看下rich在字典里的意思： (1) having an abundant supply of desirable qualities or substances； (2) of great worth or quality； (3) very productive； 可见，rich即暗示比...

突然想到写这个话题，是基于最近在设计产品界面时，年糕一直在给我们灌输设计的品牌概念以及文化内涵要求而产生的，因之前在界面设计中也遇到一些困惑，刚好看到一篇关于跨文化的产品设计模型的文章，于是就这个话题简单展开自己的一些看法，放出来跟大家探...

...

3月13日，Facebook推出了新版。改版后的新页面对主页、个人信息页面和好友动态页面进行了改版，旨在将Facebook打造成除社交社区以外的实时信息发布系统，从而向微型Twitter发起挑战。而Twitter虽然有简洁精练的特点，但有些交互性功能还是有点弱，扩展能力不...

Facebook最近的改版，尤其是类似Twitter实时更新用户状态的功能，受到了大量用户的抵制与反对，Facebook CEO马克.扎克博格(Mark Zuckerberg)在写给员工的邮件中，针对新版面的批评意见表示：大多数颠覆性公司不会被用户的意见所左右。此外，他还暗讽那些听从...

最近和大家一起讨论了一些内容管理方面的功能和设计，有些思考，和大家分享一下。 在讨论内容管理的功能需求时，我们常常会考虑某个功能各种各样的情况，功能性、易用性、复杂的处理场景、异常的处理场景，这些无疑都是非常非常有价值的，一个系统做到最好的...

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

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

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

家用电视机操作菜单的革命 当我们通过遥控器与电视进行交流的时候，电视的操作方式、图形菜单的设计等等，就成为了人与机器之间的语言。判定一款电视是否设计的人性化、是否友好，直接映射的就是它的操作感和菜单设计方面。 全新次世代操作界面引入家用电视...

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

简介 这是一篇介绍网页设计原则的文章。在互联网迅速发展的今天，各种web 2.0网站竞争激烈，你死我亡。Jini, DHTML等复杂新技术被预言为没有前途，而看上去简单的metadata, XML, CSS获得了显著的突破进展。同时，或繁复或单纯的网页设计流派相互对立却同时成...

最近项目很忙没机会更新。有朋友在和我谈学艺术的就业问题，就随便谈一下自己的想法。每年中国美院报考的人数与日俱增，越来越多的人投入到艺术设计这个行业中。这是个好现象，但是另一方面却看到就业压力也逐年递增，那怎么样才能从一个艺术家变成一个改变世...

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

在翻译这篇文章时我想起一件事情，去年有个朋友在网上非常兴致勃勃的和我说：我弄了一个很酷的网站，去玩玩吧！真的不错哦！，然后他把网址发给我，我点击打开后发现是请先注册的页面。 我：能不能不注册啊？ 他：注册很快的～填几个简单的信息东西后你就可...

...

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

最近读到一份公布的报告，觉得很是有趣。正好这段时间在思考一些移动设备用户体验和交互设计的问题，有些观点与报告中的也相合，同时还产生了一些新的想法。移动设备的用户体验之所以让我一直如此着迷和备受启发，是因为它提供了一种新的途径，能让人们以新...

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

虽然今年名义上已经不再管人了，但也不得不掺和进很多人事，这里想简单说说，即使不能帮助这个行业的从业者规划职业道路，也算是把之前摸过的路小结一下，给大家一个参考。 交互，视觉，前端开发，用户研究，其实任何一个岗位，我都喜欢从意愿，能力，潜力这...

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

在各式各样的对话框中，最常遇到的是那些要求用户对软件将要执行的某个操作进行确认的对话框。例如，当Google浏览器崩溃时，它会弹出如下的对话框要求用户确认： 在这个例子中，将要确认的操作比较简单明了，其描述语句也很简单，因此用户能够很容易地知道是...

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

在当今巨大的经济压力下，很多企业都在寻找高效率和最优化的方法来简化流程从而创造价值。可你猜怎么着： 创造价值不等于简化流程 。 照片由 blyzz 提供 比如 就是一个做过头的例子，在过去的日子里它因为过分关注于削减（流程）从而导致其被过分夸大和误用...

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

最近开始使用 Outlook 2007 ，注意到了其中在界面上做了不少改进，今天先来看看它的上下文工具条的设计。 在写信邮件时，当用户用鼠标选中一篇文字区域并抬起鼠标按键后，你会注意到在选择区域附近会立刻出现一个隐约可见的透明工具条，如下图所示： 当你把...

在当当找以前买的书的时候遇到了这个东西： (当当网) 我的书架中的阅读进度-修改当当是用MouseOver展开的菜单。 让我感觉有点突然，又说不出哪里有什么问题。所以我决定综合我所了解的各种情况来研究一下这个MouseOver的问题。 一、鼠标悬停在界面设计中的用...

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

1. 用户必须在几秒钟知道网站是做什么的。注意力是因特网上最有价值的货币。 如果访问者无法在几秒钟之内得知你的网站的方向，他很有可能转而访问其他网站。 你必须迅速地告诉访问者为什么要在你的网站上花费时间。 2. 让网站易于速读。因特网不是书，因此没...

当我告诉人们我是一个用户体验设计师时，常常会得到迷惑的眼神。于是我试着赶紧结束这种状况，告诉对方我是在让东西更容易使用，人们也爱用。这是被我重复多遍的一句俏皮话，但这句话太过简单，无法给我带来任何好处。 用户体验（user experience，UX）这个...

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

...

...