IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

设计

共 957 篇文章

IT 2012-12-23 23:01:44 / 累计浏览 1,764

WIN8设计特性浅谈和腾讯微博MS首版设计思路分享

这篇讲的是在“后PC时代”的浪潮下,Windows 8如何通过其独特的系统设计重塑应用生态,并以腾讯微博MS版为例,分享了实际的设计实践。 作者首先从Win8的战略转型切入,指出其核心在于为移动触控设备构建全新的应用环境。文章随后深入剖析了Win8的多个关键系统特性:如作为系统级枢纽的Charms(超级按钮)、打通应用边界的系统级搜索与分享机制、实现一屏多任务的贴靠视图,以及通过动态磁贴和Toast呈现的实时信息流。这些特性共同指向一个“Win as One”的整合理念。 更值得注意的是文章的后半部分,腾讯微博设计团队分享了如何将这些特性落地。他们具体展示了如何利用Charms栏实现无缝内容分享,如何设计动态磁贴以突出信息更新,以及如何适配Win8前卫的手势交互逻辑。从系统特性解读到具体产品实践,文章形成了一条完整的设计思路链路,为面向新平台的开发者提供了兼具理论视角和实操参考的借鉴。

本机暂存
IT 2012-12-23 23:00:55 / 累计浏览 3,043

登录图的趣味设计

这篇讲的是登录页面左侧banner的趣味性设计。与更注重信息传达的首页banner不同,登录页的这个位置更适合做情感化设计,其中趣味性是关键。 文章将趣味设计拆解为两个可操作的部分:主体元素的创意和背景元素的处理。作者重点分享了三种提取创意的实用手法。第一种是“线描”,它源自现实场景,通过线条的粗细和颜色调整,能创造出简洁又有张力的效果。第二种是“夸张”,以现实实物为蓝本,对其局部进行放大或变形(例如将一层货车夸张为三层),从而增强表现力和趣味。第三种是“重构”,将原本不相关的元素(如灯泡与建筑)通过正负形等设计手法重组融合,带来眼前一亮的感觉。 主体元素确定后,背景处理则相对自由。文章列举了笔刷、色块堆积、不规则形状、羽化、水粉等几种常见手法作为补充。整体来看,这篇文章为设计师提供了从找寻创意点到完成背景的清晰路径,展示了如何通过具体的创意方法,让功能性区域变成传递情感、增加品牌亲和力的小窗口。

本机暂存
IT 2012-12-19 13:33:52 / 累计浏览 5,360

界面设计速成

这是一套以 GIF 动图形式呈现的界面设计视觉教程。文章没有任何文字讲解,而是用 27 张连续的动图,直观地演示了一个界面从无到有、逐步完善的设计过程。 从第一张图开始,你就能看到一个基础的线框结构。随着图片的推进,设计者会逐步添加细节:先是确定核心功能区块的布局,接着加入按钮、文字、图标等交互元素,然后通过调整间距、对齐方式来建立视觉层级,最后通过色彩和阴影的微妙变化来提升界面的质感和可用性。整个过程像一场快进的设计回放,清晰地展示了从草图到成稿的思考路径。 这种“纯视觉”的呈现方式剥离了理论说教,非常适合设计新手直观感受布局逻辑与细节处理的先后顺序。它不像传统的步骤图那样静态,动图的连续性让你能捕捉到每一个微小调整带来的整体观感变化,这或许正是它“速成”的秘诀——用最直接的方式,培养你对界面平衡与美感的直觉。

本机暂存
IT 2012-12-14 13:51:02 / 累计浏览 4,501

如此理解面向对象编程

这篇讲的是面向对象编程(OOP)可能被误解和滥用的问题。作者从一个打印操作系统信息的简单需求出发,展示了代码从最直接的“黑客方案”(一堆if-else),演进到过程化重构,再到“幼稚的”OOP(引入工厂模式),最后到“OO大师”的复杂方案(结合工厂、单例、注册表等模式)的全过程。 核心对比在于,最初的简单代码虽然直白,但随着需求增加会变得臃肿。而为了追求所谓的“消除逻辑分支”和“设计模式”,代码变得异常复杂,引入了大量接口和类。文章通过Rob Pike的评论犀利地指出,这种面向对象编程可能已经走进了死胡同——为了解决简单问题而构建了更复杂的系统。 这篇文章并非简单否定OOP,而是通过一个具体的代码演进实例,生动揭示了过度设计和模式滥用的现象。它提醒开发者,在选择编程范式和设计模式时,应警惕为了“纯粹”或“优雅”而牺牲代码的清晰性与简单性。最终,解决问题的“恰当”方式,往往比遵循某种固定的“高级”模式更重要。

本机暂存
IT 2012-12-09 20:19:27 / 累计浏览 4,964

行进在产品经理的路上

这是一篇产品经理的复盘与思考。作者从美术与用户体验设计起步,逐渐转向产品经理岗位,并分享了自己在YY和昆仑两家公司的实践心得。 文章的一个关键洞察是:交互与视觉是深层次需求,如果产品方向错误,再好的体验也只是引来围观。作者在YY的早期经历便印证了这一点——当时产品界面“山寨”,但凭借正确的方向(解决网游公会的核心需求)积累了大量用户。这一发现促使他将核心能力从画原型、写PRD,转向了更底层的“产品思想”。 那么,如何构建这种核心能力?作者提出了几个关键方法。把握用户需求上,他强调“多用”、“多聊”、“多看”、“多学习”,要成为产品的深度使用者,与用户交朋友,并广泛涉猎行业动态与专业知识。在获取信任方面,他认为对上需要通过持续提出并被验证的正确建议来建立信任;对下则需尊重团队,清晰传达“为何做此功能”,用激情感染他人,将产品成功视为共同目标。 最后,作者将做产品的方法论应用于自身职业规划:明确自己的核心优势,并保持每天比昨天进步一点的心态。他认为,成为优秀产品经理没有捷径,唯有怀着对产品成功的坚定信念,不断学习和实践,在持续行进中接近目标。对于同行而言,这篇文章的价值在于它将抽象的“产品感”拆解为可观察、可操作的方法,并强调了信念与坚持在漫长职业道路中的根本作用。

本机暂存
IT 2012-12-08 23:01:56 / 累计浏览 2,522

产品运营的思路

这篇讲的是产品运营的核心框架与具体打法。作者从自身产品背景出发,系统拆解了运营的两大核心目标:**让用户过来,并留下**。 在吸引用户部分,文章深入探讨了内容建设的三个阶段——从冷启动时“装用户”创造内容,到鼓励用户产出高质量内容,再到引导互动形成氛围。以新浪微博早期通过邀请注册和李开复离职事件引爆社区为例,具体说明了内容如何成为增长引擎。同时,文章也厘清了外链与内容的本末关系,强调稳固的外链源于产品价值,并指出真正的病毒营销动力是产品价值而非纯利益驱动,后者只会带来短暂快感。 留住用户的部分则更体现运营的“精髓”。作者将用户细分为有效、活跃与核心三类,并给出了差异化的运营策略。对于活跃用户,重点在于通过贴近用户、指导产品更新以及持续的内容与社区氛围建设来提高“健康度”,同时通过精心设计的活动来提升“活跃度”。文章特别强调,所有决策都需“让数据说话”,搭建数据分析体系是运营的硬功夫。而对于核心用户,则要围绕产品核心价值提供差异化的服务与增值,建立深度绑定。 通篇文章将运营视为与产品相互依存的战略工作,而非孤立的任务。它不仅提供了一个清晰的“吸引-留存”思路图,更在每个环节穿插了从SNS到垂直社区的实战案例与避坑指南,读完能让人对运营如何系统性地驱动产品价值有一个扎实的认知。

本机暂存
IT 2012-12-07 23:51:46 / 累计浏览 6,724

可用性测试好助手——Morae软件的应用

这篇讲的是如何用Morae软件提升可用性测试的效率与规范性。作者从实际项目痛点出发:研究员现场记录耗时、反复回看视频定位问题、甚至录音设备故障,而需求方又难以直观参与观察过程。针对这些问题,文章详细拆解了Morae这款由TechSmith开发的工具。 Morae分为Recorder、Observer和Manager三个组件。Recorder安装在用户端,负责录制操作过程并支持设置自动化任务流程与满意度问卷;Observer让需求方能远程实时查看操作并打标记;Manager则在后期用于分析数据、生成图表报告。作者通过一个虚拟项目案例,逐步演示了测试前如何配置Recorder的研究框架、设置视频来源(如画中画拍摄用户表情),以及测试中如何利用Observer进行同步观察与关键事件标记。 文章特别展示了Marker和Survey功能的设计,能帮助团队高效捕捉问题点并收集用户主观反馈,最终将录屏、标记与问卷数据整合,快速产出结构化的可用性测试报告。对于想减少人工操作干扰、让测试流程更专业的技术团队,这是一套切实可行的落地方案。

本机暂存
IT 2012-12-06 00:05:51 / 累计浏览 3,101

在熟练使用2B铅笔前,请不要打开Axure

这篇文章提醒产品经理和设计师,别让Axure成了思考的“捷径”。作者观察到,不少同行一上来就直奔Axure软件,沉迷于构建精细的交互原型,却往往跳过了用户故事、功能规格等更根本的前期构思,陷入了“无Axure不设计”的误区。 文章犀利地指出了几种典型的“Axure痴迷”症状:比如用Axure替代产品需求文档(PRD)、以实现复杂交互细节为成就感来源,或者很少使用铅笔和白板进行最直接的沟通。作者引用《用户体验的要素》理论指出,产品设计有不同的战略、范围、结构、框架和表现层级。Axure的核心价值在于“框架层”的交互界面设计,但如果在“结构层”甚至更早的阶段就过度使用它,就容易忽视对问题本身的定义和逻辑梳理。 作者的核心观点是,工具应服务于思维,而非束缚思维。他倡导在原型软件之外,回归到“2B铅笔”——即最原始、最低成本的草图和白板沟通。这种方式能帮助团队在初期更自由、更专注地探讨方案本质,避免过早陷入细节泥潭,从而提升整体产品设计的效率和质量。

本机暂存
IT 2012-12-05 23:54:31 / 累计浏览 3,788

“剥”出来的用户角色

这篇文章讲的是如何系统性地构建产品设计中的“用户角色模型”。作者从自己在活动页面和移动端游戏的实践经验出发,指出角色模型是设计决策的“指路灯”。创建过程就像剥洋葱,需要层层深入,先洞察用户的“灵魂”(目标、观点与行为),再为其披上人口统计学的“外衣”。 文章重点介绍了三种构建方法:定性人物角色、经定量验证的定性人物角色以及定量人物角色,并以阿里巴巴中文站交易线的项目为案例。过程中会遇到如何利用数据细分、设计问卷、进行交叉表分析等一系列常见问题,文中都给出了具体思路,例如按交易流程设计问卷维度、通过行为与观点矩阵细分用户群体。 除了方法论,文章还强调了几个关键的分析专题:结合交易记录与财务数据的CRM分析、寻找行为模式的网站流量分析,以及通过统计检验的定量验证方法。这些步骤共同确保最终形成的角色模型不是空洞的画像,而是能真正指导功能开发与交互设计的实用工具。

本机暂存
IT 2012-11-27 13:29:37 / 累计浏览 1,863

产品的信任感

这篇讲的是产品设计中如何建立信任感——作者从快捷酒店管家的实际经历出发,复盘了几个关键的设计决策。 最初,产品因名称“酒店管家”与实际服务范围(仅快捷酒店)不符,导致用户产生预期落差。改成“快捷酒店管家”后,第一印象的误导问题得以解决。在预订按钮的文案上,从“官方直订”调整为“官网直销”,用更准确的术语明确了“酒店直供库存”的模式,缓解了用户对OTA的混淆感。流程上,他们在预订表单顶部保留用户已选的酒店和房型信息,让跳转不再突兀,增强了操作的连贯性。 更关键的是对“双向信任”的思考。作者坚持在首次预订时要求用户完成姓名、身份证和手机号验证,尽管早期引来抱怨,但这道门槛有效筛选了真实用户,也向合作酒店证明了平台的可靠性。此外,团队坚持由产品经理亲自处理客服,通过“活人”的响应传递团队的真实感。 文章最后也提到,某些安全产品会通过制造紧迫感(如“系统有严重漏洞”)来间接建立信任。整篇的核心在于:信任不是抽象的感受,而是可以通过产品细节——从命名、文案、流程到互动——一步步具体构建起来的。

本机暂存
IT 2012-11-13 13:47:15 / 累计浏览 4,044

浅谈设计中的逻辑

这篇讲的是设计中潜藏的逻辑脉络。作者从逻辑的本源出发,结合自身经验,提炼出五种影响设计决策的思维模式。 文章首先介绍了经典的“古腾堡图表”阅读逻辑,即人的视线习惯于从左上角移向右下角,并通过一系列品牌海报案例,展示了如何利用这一规律引导用户视觉焦点。接着,阐述了“直线式逻辑”如产品详情页般自上而下、环环相扣的严谨性,以及“金字塔式逻辑”在网站架构中构建清晰层级关系的应用。 更有趣的是对“曲线式逻辑”的探讨。作者类比奢侈品市场中“越贵越买”的非理性消费现象,提出当产品的领先性与用户强烈欲望相结合时,也能形成一种突破常规但有效的设计推力,苹果产品就是例证。最后,文章回归到设计的基础——“网格”,强调它既是保持页面稳定、赋予元素秩序的框架,也是设计师在合理运用后可以灵活打破以创造惊喜的工具。 作者并未将设计逻辑视为刻板的教条,而是作为理解视觉沟通、平衡规范与创新的透镜。文章通过具体的模型和案例,为设计师提供了审视自身工作的多维视角。

本机暂存
IT 2012-11-05 22:13:18 / 累计浏览 2,724

到底是博客,还是社区?

这篇讲的是轻博客在产品早期究竟该如何定位。作者开篇就抛出一个问题:轻博客到底是博客,还是社区?他以豆瓣、微博为例,指出这类产品的定位无法被非此即彼地定义,它是一个动态的光谱。 文章的核心在于,从“我们应该为哪一类用户做产品”这个角度重新思考。作者将用户行为拆解为三种:只记录不分享的、产出优质内容的、以及既产出又积极互动消费内容的。他清晰地指出,只有同时做到第三类的人,才能为产品建立数据、内容与关系的多重价值,他们是产品早期最需要的“早期采纳者”。 作者通过具体情景分析论证,那些只顾宣传、带有功利心或距离感的“大V”或机构,因其无法在社区初期建立双向关系,反而留不住人。而真正扎根于此、建立连接的创作者,才是能辐射并吸引更大用户群体的关键。这篇文章的启发在于,做产品初期不能只看内容或流量,更要识别并服务那些能编织社区关系的节点用户。

本机暂存
IT 2012-10-28 23:20:41 / 累计浏览 79,428

十个最容易犯的用户体验错误及规避方案

这篇文章深入剖析了产品设计中最常被忽视的十个用户体验陷阱。作者指出,很多团队空有漂亮的界面,却忽略了产品是否真正解决了用户的问题。比如,过早投入设计而不验证市场需求,或是功能堆砌导致产品失去焦点,像Dropbox和Instagram那样在单一功能上做到极致才是正解。 文中特别强调,可用性测试能带来巨大回报——一个支付按钮文案的优化曾为某电商提升了3亿美元的年销售额。同时,诸如垃圾表单设计、技术人员撰写文案、技术成为体验障碍等细节问题,也常常在不经意间赶走用户。 作者的核心观点是,良好的用户体验并非一次性投资,而是一种贯穿产品始终的态度和文化。它要求从一开始就以用户为中心,通过“精益”方式快速验证,并在每一个微小接触点上精心打磨。

本机暂存
IT 2012-10-26 22:47:58 / 累计浏览 5,122

设计模式原则总结

这篇文章系统梳理了面向对象设计中的七大核心原则,从单一职责到迪米特法则,为开发者提供了一份清晰的“设计心法”参考。作者没有停留在概念罗列,而是用通俗的语言点明了每个原则的实质:比如“开放-封闭”原则强调对扩展开放、对修改关闭,是应对需求变化的基石;里氏代换原则则为继承体系划定了行为边界,确保子类能无感替换父类;而依赖倒置原则提倡面向接口编程,正是解耦高层与底层模块的关键。 文章特别区分了合成/聚合复用原则中“聚合”(弱拥有关系)与“合成”(强拥有、生命周期一致)的微妙差异,这对选择正确的复用方式至关重要。所有解释都紧扣实际编码场景,如接口隔离原则直指“避免接口臃肿”和“最小化依赖”的痛点。文末注明内容源自经典书籍《大话设计模式》,为总结的权威性提供了背书。掌握这些原则,能帮助我们更清醒地判断代码结构,写出更健壮、可维护的系统。

本机暂存
IT 2012-10-26 22:31:11 / 累计浏览 2,101

组合还是继承,这是一个问题?——由模式谈面向对象的原则之多用组合、少用继承

这篇文章探讨的是面向对象设计中一个经典的选择困境:扩展类的功能时,应该优先使用组合还是继承? 作者从设计模式为何有效的根本问题出发,将模式作为生动的案例,来阐释“多用组合、少用继承”这条重要原则。文章的核心观点是,继承看似直接,实则暗藏多个风险:它会强制子类接受父类所有公开和受保护的方法,可能引入无用甚至冲突的功能;容易导致类体系的无限膨胀;并且在编译期就固定了类型关系,缺乏运行时灵活性。 文中通过一个具体而有趣的例子来印证这些观点:我们需要一个既能像HashMap那样通过key取值,又能像ArrayList那样按顺序取值的“ListMap”。作者首先展示了一个继承自HashMap的实现,它虽然简单,但朋友使用时因未重写`values()`方法而得到了混乱的顺序,直接暴露了继承“全盘接受”的危害。随后,文章给出了一个基于组合(内部持有HashMap和ArrayList)的改写方案,它更安全、更可控,只暴露必要的方法。 最后,文章引入了Adapter模式和Decorator模式作为例证,展示了组合如何优雅地解决多重继承限制和类爆炸问题,尤其是Decorator模式通过对象组合动态添加职责,其设计思路令人叫绝。整篇文章通过从问题到代码实践,再到模式印证的清晰脉络,让“优先组合”这一原则变得具体可感。

本机暂存
IT 2012-10-26 13:25:54 / 累计浏览 1,585

菲茨定律与互联网设计 Fitts’ s Law

这篇讲的是菲茨定律——一个预测用户将光标移动到目标所需时间的数学模型——如何深刻影响了从桌面操作系统到网页设计的交互实践。作者从1954年保罗·菲茨提出的原始模型出发,解释了“大幅移动+精细微调”的双阶段定位过程,并用伸手指远处开关和近处电视的生活化比喻,让距离和目标尺寸对操作效率的影响变得直观。 文章重点剖析了“无限可选中”这一妙用:将关键操作区(如Mac的菜单栏、Windows的开始按钮)置于屏幕边缘或角落,系统边界无形中替用户完成了“微调”步骤,极大缩短了点击路径。但作者也敏锐指出,随着多屏和大屏普及,Mac菜单栏因距离过远带来的移动成本可能抵消这一优势。 在网页设计层面,文章提供了可落地的优化方向:放大链接热区、为密集的操作按钮增加间距、突出主要行动按钮(如“OK”键),甚至借鉴37signals动态放大按钮的创意来减少微调需求。整篇内容将经典人机交互理论转化为可见、可感的设计细节,对提升界面易用性很有启发。

本机暂存
IT 2012-10-26 13:07:08 / 累计浏览 5,946

Kano模型在用户调研中的应用 ———客户关系管理工具调研实例

当淘宝需要为数百万卖家的CRM工具规划新功能优先级时,传统的“满意-不满意”二元思维显得力不从心。这篇技术分享记录了淘宝UED团队如何借助Kano模型,从“功能具备程度”与“用户满意度”两个维度,对17个潜在功能进行精准分类和排序,从而辅助业务决策。 文章的核心价值在于其详尽的实操流程。从设计包含正向/反向问题的Kano问卷,到收集清洗近6000份样本数据,团队一步步拆解了模型的应用。分析聚焦于日均发货量20单以上的高价值卖家,通过二维属性归类和Better-Worse系数计算,得出了一个关键发现:被调研的功能点大多属于“魅力属性”——即没有它们用户不会抱怨,但一旦拥有,会带来显著的惊喜感和满意度提升。 这份调研报告不仅提供了一个方法论范例,更揭示了Kano模型在功能优先级排序上的直观性:必备属性是地基,期望属性是竞赛,而魅力属性则是创造差异化体验的机会点。对于需要在资源有限条件下做出产品抉择的团队而言,这套结合了定性分类与定量系数的分析框架,提供了清晰的决策地图。

本机暂存
IT 2012-10-22 23:36:15 / 累计浏览 1,984

浅析中英文基本字形的演变和发展

这篇从文字设计的源头切入,梳理了中英两种文字系统在形态演进上的根本差异。作者从甲骨文、金文到楷书的演变脉络出发,对比了腓尼基字母经由希腊、罗马发展为拉丁字母的历程,指出中文始终保持着“从象形到笔画”的表意内核,而英文则完成了“从具象到抽象”的拼音化转型。 文章具体分析了两者在结构单元、书写逻辑和空间布局上的不同:汉字以方块为基础进行二维组合,注重间架结构的平衡;拉丁字母则依据线性排列,依靠笔画顺序和连接形态传达信息。这些差异也塑造了截然不同的排版规则和设计美学。 通过追溯这两种文明符号的蜕变轨迹,文章揭示了文字形态并非偶然选择,而是文化习惯与实用需求长期作用的结果,帮助读者理解不同文化背景下文字形态的演化逻辑。

本机暂存
IT 2012-10-22 13:18:27 / 累计浏览 7,607

颜色的代码表达式

这篇讲的是颜色在代码世界里的“面孔”——为什么同样是红色,有时写#FF0000,有时要写rgb(255,0,0),有时又变成hsl(0,100%,50%)?作者从开发者的实际困惑切入,拆解了RGB、HEX、HSL等主流颜色格式的底层逻辑和表达差异。 文章的核心对比在于这些格式的侧重点不同:RGB和HEX是直观的“光三原色”混合模型,适合精确匹配设计稿;而HSL则从人眼感知出发,用色相、饱和度、亮度来描述,极大地方便了我们动态调整颜色明暗或生成色系。作者还点出了一个关键场景——无障碍设计(如调整对比度)时,HSL往往比RGB更得心应手。 理解这些差异不是为了死记硬背,而是为了在编码时做出更明智的选择。比如,需要精确的视觉一致性时用HEX,在编写需要动态变化的颜色代码(如主题皮肤、hover效果)时,切换到HSL会让逻辑更清晰、更易维护。

本机暂存
IT 2012-10-14 22:14:11 / 累计浏览 3,842

能力的向下兼容

这篇讲的是软件能力演进中一个容易被忽略却至关重要的设计原则——向下兼容。作者指出,随着产品快速迭代,新功能不断上线,一个常见的陷阱是“创新性破坏”,即新版本的发布意外中断了老用户已习惯的工作流或依赖旧版能力的系统集成。这不仅影响用户体验,更可能引发连锁故障。 文章的核心方案是系统性地为能力添加“兼容层”。具体来说,作者提倡在推出新API、新特性或新交互模式时,必须同步考虑如何让旧版本的调用者或用户平稳过渡。这不仅仅是保留旧接口,更是在设计之初就规划好能力的“渐进式替代”路径。例如,通过提供明确的版本控制、功能灰度开关,或者设计能同时理解新旧两套逻辑的适配器。 文章最终的结论是,向下兼容不是技术债务,而是产品与系统健壮性的必要投资。它能在保证创新速度的同时,维护生态系统的稳定与开发者/用户的信任。这种思维从开发早期贯彻,可以极大降低后续的维护和迁移成本。

本机暂存