摘要：
想必多数同学曾经学习计算机就是从Word开始，其中一项重要的学习任务就是创建表格，如今在网络页面里表格随处可见，尤其是商业产品里充满了大量的数据，要没有这些表格估计看内容得吐血…… 表格形形色色，默默无闻的呈现着数据，阅读起来如何最为顺畅，如何才能从表格里发掘出重要信息，有哪些可以对表格进行的操作，梳理一下以供参考。1.行高是表格浏览时的重要参数行高是表格非常重要的参数，行高间距直接影响着阅读的体验，有如同Omniture为了最大限度的放置数据内容，强化数据显示效果而降低行高的情况，也有SugarCRM一样的行高较高可以放置更多文本信息的表格。2.斑马线更好的引导阅读斑马线和悬停时的整行变化也 阅读全文
摘要：
Q+ Web 改版设计小结Ivy / 交互设计,视觉设计 / 2011.12.07 / 相关标签 Q+ WebQQ 项目总结 WebQQ1.0最初以IM工具进入用户的视野，2.0标志着WebQQ华丽转身为平台型产品，3.0是我们在深化应用平台概念的定型，纵观webQQ的演化，其独特的产品形态一直被业内各竞争对手所仿效。 Q+Web的到来，我们将以更成熟的姿态拥抱变化，更强调平台体验的优化。我们总结了中间的各种反复和挑战，并希望以此积蓄经验和力量。 在问题诊断阶段，与产品方反复讨论，形成基础性结论，目标推动goal-oriented的方式能保证双方后续的讨论在彼此认同的预期范围内。 1.根... 阅读全文
摘要：
编者按：随着互联网上本地化电子商务的发展，信息和实物之间、线上和线下之间的联系变得更加愈加紧密。在本文中TrialPay的CEO和创始人Alex Rampell将带领我们探寻他所谓的“online2offline模式”（线上到线下，以下简称O2O）的机会。要说Groupon、OpenTable、Restaurant.com、SpaFinder 有什么共同点的话，那无非就是他们都成功的将线下商务的机会与互联网结合在了一起，让互联网成为线下交易的前台。Groupon 的成长确实让人惊叹，如今他们也已经有了相当大的规模，可是我认为这只是O2O的很小一部分罢了。O2O模式的核心很简单，就是把线上的消费 阅读全文
摘要：
当今，无论任何一款互联网产品，都需要搭载PC平台进行推广，Banner更是推广的一大利器，怎么将Banner设计好就成为一个需要探讨研究的课题。Banner规格尺寸大小不一，文件大小也有一定的限制，这就使得在设计上增加了许多障碍，颜色不能太丰富，否则会在文件大小的限制下失真，软文不能太多，否则会没有重点，得不偿失，怎么在方寸间把握平衡，变得十分重要。接下来，我为大家总结累一些，如有鄙陋，请指正，万分感谢。第一部分：颜色1．Banner与环境对比试想如果在一个以浅色调为基准的网站上投放Banner，是不是从明度上拉开对比会很好的提高用户的注意力呢（相反亦然）。以此也可推想出，如果在一个有颜色基调 阅读全文
摘要：
下拉框和搜索输入框组合是页面常用的标配之一，是串起独立页面的一种纽带。下拉框和搜索输入框的组合较多出现在行业性比较强的网站或是各种后台系统，而且会在其页面的的重要位置显示，让用户能很容易找到查找产品的入口。撇开其行业内容不谈，下拉框和搜索输入框的组合顺序和其每个独立的下拉框的内部顺序对于是否能快速精确的定位用户想要查找的内容起着至关重要的作用，同时，也将左右用户的操作次数和思考次数。就简单的独立下拉框而言，其选项顺序不同，对于用户的眼球运动和鼠标移动以及点击次数也会有较大的影响。我们来看图A-一个简单的例子：图 A此为公司广告后台中一个关于广告发布的部分表单，“部门”的选择有“研究中心、家装频 阅读全文
摘要：
以下分各模块介绍。设计规范介绍什么是设计规范？《产品设计部·人机交互界面设计规范 》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。谁去读设计规范？设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编辑人员的参照。设计理念精于心 简于形通过精心简约的设计,传达先进的技术给用户提供便捷简单的使用体验设计指导原则A 设计规范 逻辑性设计为内容服务，根据逻辑关系通过视觉表现引导用户使用例如：google yahoo搜索结果页通过 阅读全文
摘要：
即便你的产品90％的时间都运行良好。但是如果在用户需要帮助时置之不理，他们是不会忘记这一点的。——《getting real》 我们有时候不能不面对产品出错的时候。无论设计得多么用心，无论做了多少测试，用户仍然会遇到错误和问题。既然出错不可避免，那么如何进行容错性设计才是关键。 容错性设计就是当错误发生时，人们看到的界面。 就像对付不该发生的错误一样，容错性设计的关键在于“做好防御”。产品设计者们必须不断寻找可能造成用户困惑和不满的出错点。好的防御性设计决定用户体验的好坏。 举个例子： 有没有人注意过进入银行ATM机可以有多少种刷卡方式。答案是八种！而正确进入方式只有一种方式。 如何从设计上避 阅读全文
摘要：
要统计一下国内这两个月来引进和借鉴最多的国外模式，Pinterest绝对榜上有名。凡客达人、美丽说、蘑菇街、淘宝哇哦等身上都可以看到它的影子，更小的迷尚网、拼范网等等也都是在学习它的精髓，甚至已经有多个小型开发商已经开始开发仿Pinterest的通用模板来推动它进一步中国化的步伐。Pinterest正在迅速成长为世界瞩目的一颗新星，据保守估计，它的潜力不在Linkedin、Twitter和Tumblr等之下。顶级投资机构Andreessen Horowitz发言人声称，从互联网整个历史来看，除了Facebook早期的表现，他们再也没有见过像Pinterest迅猛而强劲的增长速度。它的浏览量（P 阅读全文
摘要：
十一长假终于还是以不可阻挡之势猛然的过去了，这次的假期综合症预计要持续到过年的样子。下班回到家切换角色至文字工作者，安静安心的做些内容。说到假期综合症的问题，倒是突然想念叨念叨。根据自己多年来的经验，如果觉得整个人的精神处于疲劳涣散游离低靡...的状态，却有工作一类必须去完成的话，可以琢磨琢磨那句话——“气聚则神凝”。试着拿起一本书或杂志，排除杂念，放松心情，逐行逐句的阅读下去，将思路投入其中；过不多久就会发现心境中有一种正面的平和感，精神好像随着思维的集中而凝聚起来有了力气。你甚至会希望手头有些事情可以做，好让自己保持这种“气聚神凝”的节奏。说正经的了开始。之前搞了两篇响应式Web设计方面的 阅读全文
摘要：
前言：自从互联网诞生之日起，JavaScript就成为统治web前端开发的通用语言，并在web开发人员群体中得到了广泛使用。JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。一套完整的BS模式系统界面解决方案。包括十余种不同结构的主页、各种常用的导航与布局模板、丰富的组件、特效和完备的CSS样式库等等，并有多种皮肤样式可供选择，适合WEB开发工程师、前端制作工程师和界面设计师使用，适用于各种应用系统的开发。将这些常用的js、css样式等封装成库，达到最大程度的公用，这将能够大幅度地提高系统开发效率，降低开发成本。一个良好设计的、适合自 阅读全文