您现在的位置：首页
--> 腾讯ISUX
模块化设计我已经提过很多了，像《 从宜家的家具设计讲 模块化 》、《 页面重构中的模块化思维 》、《 页面重构中的组件制作要点 》都是跟模块化相关的，不过之前一直没有讲到具体实现
信息树可以看成是对信息集合中的信息按照某种方式加以组织以后所形成的有序的信息载体，。在描述信息树时，信息的组织关系通常被描绘为一个树形的结构。对于信息架构而言，组织信息所要达到的目标有两个：一个是信息的有序；另一个是形成信息树。
本文不准备重复讨论Web信息构架过程中的细节（比如，搜索框应当放什么地方），这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关核心原则和方法上。适当的使用这些原则可以简化从互联网认知信息的过程，且使呈现的信息更容易被获取。
“我的收藏”是QQ秀商城购买物品流程中的一个辅助的操作，收藏后，方便再次搭配。就像我们购物一样，把看到喜欢的东西先放入篮子里面，待买单的时候再做筛选。所以，在愉悦的购买体验中，收藏就显得比较重要。
• 在局限下设计
既然设计需要以技术为依托，那么，与其被动的接受技术的局限，不如主动的去接受，利用技术上的局限和特点。目前，关注可用性的交互设计，注重视觉效果的GUI都是这样的。好的设计思路应当是：在目前的技术可实现条件下，尽可能的应用、利用技术手段，很好的信息传达。而不是，凭空想象一个最完美、最理想的方案，然后略带鄙夷的摇头长叹技术实现有困难，不得不退而求其次，最终认为是因为程序员水平有限而葬送了自己的伟大设计。
在产品设计中，我们不仅要关注信息结构，还要关注表达，使表现模型与心理模型接近，尽可能地保证结果在人们预料范围之内。甚至我们可以考虑从任务出发，提供不同的设计。如我们在网上买东西的时候，有人关注场景（节假日啦，推广活动啦）、有人带有目的性地搜索商品（某人就想上来买个iPhone），有人关注 “我的个人账户”（卖家进来收款）等等。在各种各样需求无法满足时，用不同的表现来解决问题。为了尽可能解决用户理解的问题，设计师要直观地表现操作意图和实际操作之间的线索，并且让用户看出信息结构相互之间的关键差异，和彼此之间的联系。
设计的目标：设计是为了更好的传达信息。其中的“更好”包括：更美丽的、更高效的、更优雅的…… 这是我们经过反复讨论后得到的共识。只有这样的共识，还不够。因为我们会遇到这样的
面包屑通常水平地出现在页面顶部，一般会位于标题或页头的下方。它们提供给用户返回之前任何一个页面的链接（这些链接也是能到达当前页面的路径），在层级架构中通常是这个页面的父级页面。
网站的结构应该是可以理解的一个网站就是一个小小的世界，这个世界应该是可以理解的。我们都试图去理解自己所身处的世界，是吗？为什么要去理解？因为我们希望在这个世界中更好的
本期的内容目的是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构, 首先需要考虑怎样组织内容和功能的关系，也就是切分内容，如何把一些动作和对象跟主题顺畅的结合起来；第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用”物理结构”把内容用页面\\窗口\\面板等元素将信息表达出来,交互模型正是针对第二个步骤来说的，这些模式帮助我们在表达信息的时候能够有一些常用的思路和出发点。
• 页面表达常用方式
设计师在设计页面时，应该在页面上建立许多视觉层次，引导用户的视觉焦点。把用户的注意力吸引到最重要的元素上，然后才把视线引导到其他重要程度次要的信息上。这样便于用户快捷迅速地找到自己所需，更好的完成阅读、浏览任务。这里介绍几种页面表达的常用方式。
• 页面表达原则
《页面表达原则》是整个“web交互设计方法”中的一部分： 页面表达原则概述： 1.更少的信息量更好。 2.不提供多余的功能。 3.结构化更易于理解。 4.信息的表达应该清楚、明确、直接。 5.操
视觉设计前瞻实用性研究（PNVD） 第五期
聊天泡泡做为一种UI表现形式是广大网民群众所喜闻乐见，但许多教程实现它却总是需要上使用非语义的HTML或者JavaScript。而本教程中的各种聊天泡泡只需要使用到CSS2.1来构建，并用CSS3来增强效果。不使用图片，也不使用JavaScript和更加不使用当前语义没用到的HTML哦。
交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作，就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等，将自己的产品原型
PNVD如期而至，这期尤其精彩，方兄唤起你对视觉创作的欲望；三木极力推崇极简主义，用简单的元素和氛围打造一个纯粹极致的视觉场景，以及海味很有实用性的FLASH宽屏技术，让我们在震撼
本期特约作者：打火机，菜花，布莱恩，为大家一起分享他们的独特见解。 关键字：创意、混维所谓反 Box 布局，就是不再拘泥与传统的 Box 布局模型，而是采用一种更有创意的的布局，为
事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。
这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，borderl:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。
• 自适应圆角
前言有时候我们不得不面对圆角，也很傻很天真的认为利用 CSS3 的新特性对浏览器分级支持是最好解决方案，但现实≠理想… 需求 3px 圆角宽度自适应（随字数扩展宽度并自动换行）方便
近3天十大热文
-
[42] Go Reflect 性能 -
[13] 基于HTTP缓存轻松实现客户端应用的离线支持
-
[13] 系统工程师的自我修养- sed篇
-
[13] iTerm2 (Mac Terminal)
-
[13] iOS可视化编程 Tips 之“无需代码设置
-
[12] 公钥私钥加密解密数字证书数字签名详解
-
[11] 浅谈Web安全验证码
-
[11] 界面设计速成
-
[11] osx平台上lol英雄联盟launcher启
-
[11] 正态分布的前世今生(一)
赞助商广告
