Tencent CDC Blog -- IT技术博客大学习 -- 共学习共进步！

• 腾讯形象店品牌设计

　　腾讯形象店是公司对外形象的重要窗口，员工可在此购买公仔及来自各个系统的礼品，更有上等的illy咖啡供应。这一次我们要帮助它建设及管理品牌，从取名规划到包装执行。一、成果 1、LOGO释义： 1) M字中间两个门为两只企鹅手牵手； 2) 中间两只企鹅大小一致，表示“印象”（通过折叠，一只企鹅印出另一只企鹅）； 3) 多彩表现业务多元化，而企鹅(QQ)是主要平台，通过M(Main)表现； 4) “腾讯印象”4字使用“腾讯网”字体，引...

• 泛泛而谈界面视觉效果的一致性

　　原来的题目设想为界面视觉效果的统一性，但是“统一”这个词似乎有点敏感，怕触动萌点无数，而我也无意去设定一个什么什么的统一性来侃侃而谈，极为专业而考究，且毕竟是一篇博客文章，怕斩首细胞无数，索性改为“一致”略为妥当。泛泛而谈更是期望随意的态度，到哪算哪。有失偏颇，也在情理之中，当情有可原。若起争议，求同存异，全为抛砖引玉。　　何谓“一致”：趋向相同。亦谓没有分歧。《易系辞下》：“天下同归而殊...

• The Story of Mr.Gray ― Web 交互设计“灰色”的8类应用

　　在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个页面的平衡与统一。本文将从一些实际案例出发，阐述“灰色”在Web交互设计中的8类应用。　　首先让Mr.Gray 来做个简单的自我介绍吧：　　　狭义的 Mr.Gray 　　狭义的Mr.Gray, 是指没有色相与纯度，只有明度，将黑色和白色混和而成的一种中间色。依据不同分类方法可大体分...

• Pivot，信息组织的梦想之窗

　　以图像处理见长的微软Live实验室，最近发布了一款新作：Pivot。装完启动后的第一印象就是一款浏览器，和IE、FF、Chrome又不太一样的是，Pivot精致而华丽。但看安装要求： 256M的显存、Win7或Vista的系统、并且安装.NET Framework3.5和IE8，浏览器哪能需要这豪华的配置啊，去官网细看，果然另有名堂。Live实验室尝试提供一种更有效、更有力和更有趣的，与庞大互联网信息互动的全新方式。通常我们从网络中获取信息的方式是搜索-...

• 浅析网页色彩应用

　　在设计网页之前，客户或产品经理会提出对网页视觉风格设计的期望：活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩，是访问者登录页面时的第一印象，好的页面色彩能给用户留下深刻的印象，并且能产生很好的视觉效果和营造网站整体氛围的作用。　　色彩是我们接触事物的第一直观认知，在浏览一个新的网页时，第一认知的不是页面的具体结构和信息内容...

• WEB2.0时代活动类网页我们该如何设计？

　　在WEB2.0 网页充斥的年代，身边无时无刻都听到这样的声音：“拒绝海报式设计，要做有用的设计，要简洁，要清爽，要大气”产品经理如是传达。而活动类网页听上去和这些词语又那样的格格不入，另一种市场声音：“做活动，我们可以不同，我们要视觉冲击强的，要吸引眼球”活动网页的设计处于一种尴尬的境地，曾经一度，拿到活动的项目设计，不知道该如何下手。　　“矛盾是事物发展的根本动力” 有矛盾才有发展，我们才有进步...

• UPA2009工作坊讲义：统一体验的设计

本文为UPA2009 统一体验的设计PPT讲义稿，应各位同行的要求整理并公布出来，希望能对各位有一些帮助和启发，也欢迎大家一起进行更深入的探讨。最初确定这个题目来跟各位同行和朋友们分享是因为在迈向团队成熟的过程中，我们碰到了关于体验统一化的难题，简单来讲，这个话题可以归结为“用户愉悦感如何传递？”记得在经历了一次较为严重的设计质量危机后，托哥问了我一个问题，如何避免同一个设计错误不再重复犯？一个看似简单的...

• 轻设计，让网站灵敏轻便的6个技巧

　　在网站或软件的策划和设计过程中，我们经常听到这样的讨论：“这个功能设计得太重了”又或“我们希望能够处理得轻一些”。似乎轻设计是时下炙手可热的话题，也是方兴未艾的Web2.0大浪下设计师们的最爱（看看那些在全世界遍地开花的SNS网站，无论是视觉元素还是交互流程均能轻则轻）。本文主要从实践和总结的角度出发，提出了让设计变得更轻的6个技巧。何为轻设计：　　在开始之前先需要明确下何为轻设计。这里并不想给轻设...

• 浅析Banner构成与创意设计

　　当用户访问一个网站的时候，第一屏的信息展示是非常重要的，很大程度上影响了用户是否决定停留，然而光靠文字大面积的堆积，很难直观而迅速的告诉用户来到这里会得到什么有用的信息，因此网页Banner设计在这里起到了至关重要的展示作用，特别是对于首页Banner，有效的信息传达让用户和文字之间的互动变得生动而有趣，下面就让我们通过大量优秀的设计案例走进Banner设计，走进设计师们的灵感挥洒空间。

• 谈谈眼动研究的一些作用

　　在与国内互联网用户研究同行交流时，常常会被问到“腾讯很早就拥有眼动仪了，那是不是经常用到它？”、“眼动研究的结果有什么特别的作用？”等之类的一些问题。他们询问这些问题时基本都是出于好奇、感兴趣而发问的，毕竟相对来说，眼动研究方法在国内互联网用户研究领域还不像可用性测试等方法那样普及。今天在这里想谈谈眼动研究方法在腾讯用户研究工作中的一些作用，各位读者有兴趣都可以多多讨论交流。

• 小xiao说说创意图标设计心得

　　很开心可以和导师阿坚在08gui大赛中一起去完成《fight》的图标设计，在这个过程中真的是受益匪浅！这里我谈一下在这个过程的一些小小心得。　　首先在创作初期，我先描述了自己的想法，主要的设计方向是一套骷髅主题的图标，阿坚并没有赞成或反对这个想法，只是叫我先去画草稿给他看。这就是最开始的手稿：　　画出来的骷髅没有任何特色，不知为何下手去美化和添加这个骷髅的性格特征，此时阿坚示范了用“液化”工具，随...

• 随身携带的设计

　　可以随身携带，是移动设备具备的优势，虽说“随身携带”跟设计本身并无太多关系，但想想我们的设计又的确是大家随身携带的，心里不禁有点暗自窃喜，同时，也因此对移动设备的产品设计的要求会更高，因为凡是大家随身携带的东东，必然是大家日常所必需、所钟爱、或者常用的，自然对这些东东的要求就会更高，希望它能够彰显自我的。所以，做随身携带的设计其实更难。　　说到手机浏览器，从preview到 beta1版本发布，到目前即...

• 用户体验的时间尺度

从接触互联网开始，一直在关注每个网站页面浏览速度，不管大小国内外网站，而且每个用户的浏览时间都不一样，从而了解用户在浏览页面上时间体验尺度的重要性。前几天看了这文章觉得不错，所以译了其中一部分与大家一起分享。

• 初窥交互设计

　　加入CDC的这段日子里，工作中积累的小心得都密密麻麻的收在册子里。恰逢近期的校园招聘正如火如荼的展开着，借此机会，我把这一些不太成熟的小想法和大家分享一下。下图是CDC招聘交互设计师的工作描述，我将选择其中三点分析。 1、参与产品规划构思　　刚开始的时候，我认为交互设计师的任务就是按照产品同事提交的需求绘制原型稿件，其间，我们去和产品同事讨论布局的合理性，操作的易用性，流程的通畅性。　　其实不然...

• 分享一些可视信息设计资源

　　自从web2.0之后，网页设计开始走向实用设计的阶段，越来越多的设计师注意到“为表达信息而设计”。　　着迷于前段时间黑白灰老师给大家介绍的“infographic”这里为感兴趣的同学推荐一些有用资源。“infographic”由最初的概念变成一个新的专有名词，越来越多的专家研究并推崇这种令复杂信息更容易理解的设计手段。一部分可视化设计聚焦在传达精确的数据及统计信息，另一部分则聚焦在传达抽象的概念上.

• 背着包袱跳着走

　　在网站中，用户当然希望一步操作就完成自己需要完成的任务。　　但是事实上，这是不可能的。毕竟网站的目标用户是一群人而不是一个人，目标用户之间的操作习惯必然会存在着很大的差异，况且，目标用户对产品的期待也不同，在网站中往往存在着几个相似或者相关的功能去满足用户在不同场景下的不同需求。　　通常，用户不得不进行几步操作去完成网站中的某一项任务。而操作步骤的实施，往往会以连续几个页面的更替与跳转来实...

• 用户分类浅谈

　　说到网络产品，离不开的话题就是用户，就像传统行业的消费者。人是复杂的，网民的用户行为更加复杂，用户和用户是不一样的，或者说，每个用户都不一样。一款成功的互联网产品往往并没有满足所有用户的需求，而是准确定位了某一类用户并且很好地满足了那类用户的需求。到底定位哪一类用户是我们需要考虑的，所以就需要用户分类。　　不分类不好定位, 好的用户分类让我知道了我在追求哪些人，满足哪些人，影响哪些人。但分不...