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

设计

共 957 篇文章

IT 2009-11-19 22:43:21 / 累计浏览 2,061

非设计师谈设计(三)胖胡斐说:产品事

这篇讲的是资深产品人胖胡斐,如何跳出单一职能的视角,从更系统的层面思考“如何做好一个产品”。作者基于在淘宝积累的实战经验,并未聚焦某个具体设计技巧或技术方案,而是从产品经理(PD)、用户体验设计(UED)、产品本体构建、以及运营协同这四个核心维度出发,梳理了产品工作的完整图景。 文章的核心观点在于,做产品需要打破职能壁垒,具备宏观视角。作者分享了对产品全生命周期的理解,以及如何让产品、设计、开发和运营形成合力。这种从“点”到“面”的思考方式,能帮助读者建立更结构化的产品观。 对于那些希望提升全局思维、而不仅仅是执行能力的产品从业者来说,作者的这些心得和体悟,提供了一次难得的视角拔高和路径参考。

本机暂存
IT 2009-11-19 22:42:26 / 累计浏览 1,902

谈一谈“符合用户心智模型”与“隐喻”

这篇从整理UED交互设计指南的实际工作出发,深入探讨了“符合用户心智模型”与“隐喻”这两个核心概念。文章并没有将它们简单等同,而是清晰地划定了两者的边界与协作关系:隐喻是一种强大的设计手法,通过借用现实世界的元素(比如桌面图标、回收站)来降低认知门槛,帮助用户快速建立对新功能的理解;而符合用户心智模型,则是更深层的设计目标,它关乎界面的行为逻辑、信息架构和反馈机制是否贴合用户内心的预期与习惯。 作者结合具体的设计案例分析指出,一个成功的界面往往始于恰当的隐喻,但最终让用户感到顺畅好用的,是底层行为逻辑对心智模型的尊重。例如,下拉刷新的动作隐喻是“拉伸”,但其成功更在于满足了用户对于“数据应该有更新机制”的心理预期。两者在设计中需要协同考虑,但侧重点不同:隐喻更偏向视觉与初始引导,心智模型则贯穿交互全流程。 对于设计师和开发者而言,厘清这个区别有助于避免设计误区——即过度依赖华丽隐喻而忽略了交互行为本身的自然与可预测。文章最终指向一个关键启发:好的设计,是让用户在新奇的入口感到熟悉,在预期的路径中感受流畅。

本机暂存
IT 2009-11-19 09:38:38 / 累计浏览 4,283

12张流程图讲述我们的一生

这篇讲的是,用一种典型Geek的方式来解构人生——作者搜集了12张有趣的流程图,从K歌点歌(比如《Hey Jude》的歌词分支)、游戏攻略(魔兽世界)、交友算法(致敬《生活大爆炸》的Sheldon),一直画到约会、恋爱、结婚,甚至工作与“网页设计师资格测试”。 这些图覆盖了娱乐、社交、情感与职业的方方面面。作者并非在严肃讨论流程管理,而是带着技术人的幽默,把复杂甚至混沌的生活选择“可视化”为一条条清晰的判断路径。比如,他展示了“如何对待一个笑话”的决策树,或是用三张广告流程图调侃男女差异。 文章最核心的趣味点在于这种形式与内容的碰撞:用最理性、最结构化的工程工具(流程图),去描绘最感性、最不确定的人生历程。最后那张“人生的位置”流程图,仿佛在说我们每个人都不过是在一系列选择节点上“这里坐坐,那里坐坐”。全文没有说教,只是用12个“销魂”的例子让你会心一笑,并或许开始用流程图的视角,重新打量自己的日常。

本机暂存
IT 2009-11-18 23:06:23 / 累计浏览 3,762

视觉设计前瞻实用性研究(PNVD) 第一期

这篇讲的是视觉设计领域的一个新尝试——“前瞻性视觉设计”(PNVD)研究计划的第一期内容。不同于单纯追逐趋势,PNVD的核心在于探讨如何将那些具有前瞻性的视觉美学与实际的工程开发、产品可用性相结合,找到一个平衡点。 作者从实践中常遇到的设计与开发脱节的痛点出发,提出在设计流程早期就需要嵌入对技术实现、性能影响和用户体验的考量。第一期作为开篇,重点剖析了一个具体的设计案例,详细拆解了从概念草图到最终界面呈现过程中,那些关键的前瞻性决策点,以及为适应工程约束而做出的巧妙取舍。 这项研究的价值在于,它为设计师和开发者提供了一个共同思考的框架,让“酷炫”的设计不止于效果图,更能成为可落地、体验良好的产品组件。对于团队如何协作以产出既创新又务实的设计方案,这期内容给出了一个扎实的起点。

本机暂存
IT 2009-11-18 13:43:03 / 累计浏览 2,423

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

这篇讲的是设计师小xiao分享的创意图标设计心得。作者从几个核心原则出发,探讨了如何让图标在功能性与美观性之间找到平衡。 文章特别强调了创意不能脱离易用性。作者认为,一个成功的创意图标,首先要确保用户能一眼识别其含义。他提到,设计师需要巧妙地将隐喻、文化符号或情感与功能结合,而不是为了炫技而设计。比如,在构思一个“分享”图标时,比起直接画一个箭头,或许可以融入“连接”或“传播”的抽象概念,但前提是这个概念必须直观。 作者也谈及了设计过程中的具体方法。他建议从草图阶段就开始发散思维,同时要紧密关注当前的设计趋势,确保自己的作品既有新意又不显过时。更重要的是,他指出创意源于对日常生活的敏锐观察,将生活中的感悟提炼并转化为视觉语言,是图标设计灵感的源泉。 读完这篇,或许能帮你跳出工具层面的思考,从更高维度去审视图标设计的本质——它不仅是界面元素,更是与用户沟通的无声语言。

本机暂存
IT 2009-11-16 23:26:24 / 累计浏览 2,260

设计师挖掘用户需求浅谈

这篇讲的是交互设计师在项目启动阶段,如何高效挖掘和明确需求,从而避免陷入无休止的沟通与修改循环。作者直接切入痛点,指出如果设计师不重视与产品、运营、开发在原型前的深度对齐,项目很容易偏离轨道。 文章将问题具体化,描绘了需求模糊带来的典型窘境,并强调这些“前期功课”是设计流程中不可或缺的一环。它不是空谈理论,而是聚焦于跨角色协作的实践,探讨如何建立共识、定义清晰的设计目标。 对于正在寻求提升需求把握能力的设计师而言,文中对协作障碍的剖析和对“设计前设计”价值的重申,提供了一个务实的思考起点。

本机暂存
IT 2009-11-16 23:25:37 / 累计浏览 2,541

Tag与Tagging

这篇讲的是技术中两个看似简单、实则常被混淆的概念:“Tag(标签)”与“Tagging(标记)”。作者从日常开发中的一个常见困惑切入:当我们说给文章、代码或用户“打标签”时,我们到底在做什么?文章厘清了二者本质的不同。 核心在于,“Tag”是一个静态的、预定义的“容器”或“分类”。它像一个抽屉上的标签,规定了抽屉里物品的归类范畴。而“Tagging”是一个动态的、基于用户行为的“关联”过程。它更像一个读者在阅读时随手贴上的便利贴,可能跨越原有的分类体系。 文章进一步剖析了在实际系统设计中如何选择。如果你构建的是一个分类明确、由管理员主导的内容管理系统(比如新闻网站的频道),预定义的“Tag”体系是更可控的选择。但如果你面向的是开放协作平台(比如用户生成内容社区),鼓励用户自由“Tagging”则能催生出更丰富、更意想不到的内容关联,其价值恰恰在于打破预设框架。 最后,文章也提到了实践中两者常结合使用:用预定义的标签建立基础秩序,同时保留用户标记的灵活性,以在规范性与活力之间取得平衡。这为技术架构师在设计元数据系统时,提供了一个清晰的思考起点。

本机暂存
IT 2009-11-16 13:32:32 / 累计浏览 2,660

最应该规范设计的元素――链接

这篇讲的是,作者从用户体验最底层的“点击”动作出发,提出了一个常被忽视却至关重要的观点:链接,是互联网上最需要被规范和精心设计的元素。 文章指出现状:尽管点击链接是用户在网页上最高频的操作,但许多网站对链接的设计却相当随意。视觉上,它们可能与普通文本混淆,缺乏明确的可点击暗示;交互上,hover(悬停)状态和点击反馈缺失;在无障碍访问层面,更是常常被忽略。这种不规范的现状,直接导致了用户认知成本的增加和操作效率的降低。 作者进而强调,规范链接设计远非美化界面那么简单。清晰的视觉样式(如独特的颜色与下划线)、明确的状态反馈(如悬停变色、点击震动),以及良好的屏幕阅读器支持,共同构成了可信赖的导航体验。这能极大提升网站的可用性和专业感,让用户“下一次点击”更无负担。 因此,这篇文章并非讨论高深的新技术,而是回归交互设计的本源。它提醒我们,优化用户体验往往始于这些最基础、最平凡的元素。正是这种对基础细节的回归与反思,让这篇文章有了超越技术教程的意义。

本机暂存
IT 2009-11-11 12:27:32 / 累计浏览 1,981

HR沟通工作中的五术

这篇讲的是如何将心理咨询中的个体咨询技巧迁移到HR的日常沟通场景中。作者从提升沟通效能的角度出发,指出HR在面谈、绩效反馈或处理员工投诉时,常因方法单一而难以触及问题核心。文章提炼了五种具体可操作的心理咨询技术,包括积极倾听、共情式回应、苏格拉底式提问、认知重构和对比反馈法。 这些技术的关键差异在于侧重点不同:积极倾听旨在建立信任并捕捉隐性信息,共情式回应能有效化解情绪抵触,而苏格拉底式提问则通过引导式对话帮助员工自我觉察错误认知。例如,面对员工的“不公平感”申诉,HR可以先运用倾听与共情接纳情绪,再通过提问引导其对比客观事实与个人感受的偏差,而非直接给出结论。 文章强调,掌握这些技术能帮助HR从“说服者”转变为“引导者”,不仅准确理解员工诉求,更能培养其独立思考能力。实际应用后,团队沟通满意度与问题解决效率均有明显改善,为人力资源管理提供了心理学视角的实践路径。

本机暂存
IT 2009-11-04 23:15:21 / 累计浏览 2,623

《解剖PetShop》系列之六

这篇文章延续了“解剖PetShop”系列的风格,将焦点对准了经典的PetShop示例程序的表示层设计。作者没有停留在简单的界面展示,而是深入拆解了其背后的架构逻辑,剖析了如何将MVC(模型-视图-控制器)模式具体应用到一个实际的电子商务项目中。 文章核心会讲清楚PetShop如何通过表示层将业务逻辑与用户界面解耦,具体到控制器如何分发请求、视图如何渲染数据,以及模型如何封装业务状态。你将看到,看似简单的页面跳转和数据绑定背后,是一套清晰、分层的协作机制。这种设计不仅使得PetShop的UI部分易于维护和扩展,也为理解大型.NET应用的分层架构提供了一个非常扎实的范本。 对于想学习企业级应用分层思想、或者正在重构自己项目UI逻辑的开发者来说,这篇源码分析提供了一个非常经典且具体的实现参考,能帮助你看清从设计模式到代码落地之间的完整路径。

本机暂存
IT 2009-11-03 15:06:03 / 累计浏览 3,462

游戏动作感设计初探

这篇文章探讨的是网络游戏如何做出“动作感”这一棘手问题,作者从团队自身的实践与反思出发。他们曾一头扎进网络同步与公平性的技术细节里,却绕了弯路。后来思路一转,决定先抛开网络,回归本源:哪怕做单机游戏,我们到底如何才能设计出扎实的操作手感? 作者的核心观点很明确:打击感并不依赖物理引擎或华丽的动画。他以经典格斗游戏为例,指出其内核是一套简洁而严谨的规则体系,而非追求物理真实。关键在于让游戏的内在逻辑来驱动动画表现,而非本末倒置。设计师必须掌控被拆分后的动作片段细节,才能把握游戏的平衡。 在实现路径上,作者提出了“冲突(Clash)”这个最小战斗单元的概念,通过一个“战场”管理器来配对和处理一对一的招式交互,从而自然地管理距离与面向。同时,他倡导使用有限状态机来组合复杂的动作片段,实现数据与算法分离,提升模块的健壮性和可维护性。整个系统的模块间采用异步消息通信,这借鉴了Erlang的思想,目的是在需求不确定时也能降低耦合,便于协作开发。 总的来说,这并非一篇给出终极方案的教程,而是一位技术负责人在面对未知挑战时,如何调整思路、分解问题并构建可行框架的思考实录,其中对游戏设计本质的追问和模块化拆解的思路,对同类问题的探索者很有启发。

本机暂存
IT 2009-11-03 15:05:01 / 累计浏览 1,724

关于 getter 和 setter

这篇讲的是编程中getter和setter方法的作用与选择。作者从面向对象编程的封装性原则出发,深入对比了使用getter/setter与直接属性访问的差异。关键区别在于,getter和setter提供了对属性访问的控制点,允许在设置值时进行数据验证、计算或触发副作用,而直接属性访问则简单直接,但缺乏灵活性和安全性。文章通过Java、C#和JavaScript等多种语言的实例,详细说明了如何实现这些方法,并讨论了它们在不同场景下的适用性。例如,在需要确保数据完整性、添加缓

本机暂存
IT 2009-11-02 21:25:28 / 累计浏览 2,080

产品设计理念杂谈问题之Caoz的解析

这篇讲的是Caoz结合自身近期的产品升级工作,对“产品设计理念”这一宽泛话题展开的一次即兴杂谈。作者并未给出标准答案,而是从具体的、正在进行的产品迭代实践出发,分享了他在处理实际问题时的一些底层思考。 文章的核心观点在于,优秀的产品设计往往并非源于某个宏大的理论框架,而是深植于对用户真实场景、技术实现成本与商业目标之间持续的权衡与把握。Caoz以自己手头的工作为例,说明了产品升级中“克制”与“突破”同样重要,需要避免为了创新而创新。他认为,许多设计理念的争论最终都要回归到具体情境的解决上,这对读者理解产品决策的复杂性很有启发。 作者通过分享个人工作状态与思考过程,让抽象的理念讨论变得具体可感。对于同样在产品、技术或业务道路上探索的读者,这种坦诚的经验剖析或许比纯粹的理论阐述更有参考价值。

本机暂存
IT 2009-11-02 12:28:45 / 累计浏览 2,820

什么是产品人才

这篇讲的是,一位资深产品负责人在内部聊天中对“产品人才”这个概念的拆解。 作者没有从抽象的素质模型出发,而是直接点出产品岗位的本质是“连接器”。他认为,优秀的产品人才需要同时具备两方面能力:对用户侧的深刻洞察与共情,以及对技术侧的充分理解与尊重。文章特别强调,这种“尊重”不是客气,而是能用工程师的逻辑去沟通需求,理解技术约束背后的价值。 为了让观点更扎实,文中举例说明了什么是好的产品表达:不是简单扔给研发一个需求列表,而是能清晰阐述需求背后的用户场景、商业目标,并和工程师一起探讨最优的实现路径。作者认为,这种在用户、业务与技术之间搭建有效桥梁的能力,才是区分“产品专员”与“产品人才”的关键。 对于想提升自己的产品经理,或是想理解产品团队的技术同学,这篇文章提供了一个非常实在的观察视角。它不讲大道理,而是告诉你在日常协作中,什么样的表现才真正算得上“专业”。

本机暂存
IT 2009-11-01 22:51:56 / 累计浏览 2,360

他们不需要产品

这篇讲的是技术团队常陷入的一个怪圈:辛辛苦苦打磨功能、追求技术优雅,交付后却发现用户压根不用。作者从一个真实的产品上线后遇冷案例出发,抽丝剥茧地指出了问题的核心——团队陷入了“自我感动式开发”,执着于实现脑海中的复杂方案,却忽略了去验证一个更根本的问题:用户是否真的需要这个功能,或者说,我们构建的“解决方案”是否对应了真实的“问题”。 文章犀利地剖析了这种现象背后的驱动因素,比如工程师文化对“技术难题”的天然偏好、对用户调研的轻视,以及用“功能量”替代“价值量”的衡量标准。它强调,技术产品的价值并不在于其内部的精巧,而在于它是否能在用户的工作流中扮演不可替代的角色。文中对比了两种思维:一种是从技术实现出发寻找用户,另一种是从用户痛点出发反推最小可行的技术实现。结论很明确,对于绝大多数项目而言,后者才是正途。 作者给出的启发非常实在:在编写第一行代码之前,先用最轻量的方式(比如一个对话、一个原型)去验证用户是否真的“痛”到愿意改变现有习惯。把“造一个产品”的执念,转变为“帮助用户解决一个问题”的服务心态。真正的成功不是发布了什么,而是用户用它完成了什么。

本机暂存
IT 2009-10-22 21:52:12 / 累计浏览 2,162

Qzoneing主题视觉设计分享

这篇讲的是腾讯QQ空间早期一次重要的品牌视觉设计实践。在2009年,面对年轻用户对“潮流”和“个性”的强烈表达需求,Qzoneing主题设计团队的核心任务,就是跳出传统的界面美化,构建一套能直接承载这种情感诉求的视觉系统。 文章详细拆解了从调研到落地的全过程。设计团队没有停留在简单的配色或皮肤更换,而是从年轻人的潮流文化中提取了“涂鸦”、“拼贴”等关键视觉语言,并将其转化为一套可延展的设计元素库。从图片中展示的草图与成品对比能清晰看到,他们是如何将抽象的“炫”、“潮”感觉,具体化为高饱和度的撞色、动感的非对称布局以及标志性的“Z”字形图形符号。 这次设计分享的价值在于,它展示了如何将品牌气质与用户情感通过设计系统性地连接起来。对于今天的设计师和产品经理而言,文中关于如何从用户文化中萃取视觉符号,并将其工程化、模块化的思路,依然具有非常实际的参考意义。

本机暂存
IT 2009-10-22 21:51:35 / 累计浏览 2,464

浅谈品牌的视觉识别

这篇讲的是品牌视觉识别系统背后的设计逻辑与常见误区。作者从Logo、色彩到字体三个核心维度,对比了不同行业头部品牌的实践案例。比如,科技公司多用冷色调与几何图形传递可靠感,而餐饮品牌则倾向暖色与手写体激发食欲——但这种规律并非绝对,关键在于视觉元素是否与品牌内核精准匹配。 文章重点剖析了“过度设计”的问题:不少品牌堆砌复杂图形,反而削弱了辨识度。通过拆解可口可乐、苹果等经典案例,指出成功的视觉系统往往在“克制”中凸显个性:一个足够强烈的主视觉,配合清晰的延展规范,才能让消费者一眼记住。 对设计师或市场从业者而言,这篇文章更像一份避坑指南。它提醒我们:好的视觉识别不是艺术创作,而是战略沟通的视觉翻译——每个选择都该回答“这如何帮助品牌说话”。

本机暂存
IT 2009-10-22 09:38:46 / 累计浏览 2,402

关于交互设计在QQ秀赠送流程中的优化

这篇讲的是,作者如何以QQ秀商城中一个关键的赠送流程为案例,拆解交互设计如何影响产品转化和用户体验。 作为直接关系到商城收入的核心路径,赠送流程的优化不仅仅是界面的美化,更是对用户行为和决策心理的深层梳理。文章没有停留在表面的改版,而是聚焦于交互设计的分析过程:从识别原有流程中的决策断点与操作摩擦入手,逐步推导如何通过信息层级重构、引导路径简化等设计手段,来降低用户的认知负担和操作成本。 这个案例的价值在于,它展示了一个完整的思考闭环——从商业目标(提升转化率)反推交互设计的着力点。它提出的不只是一个改版方案,更是一套可迁移的流程优化分析方法论,对于其他涉及交易决策或关键转化路径的产品设计,都具有明确的参考价值。

本机暂存
IT 2009-10-22 09:38:24 / 累计浏览 1,960

图片投射方法在会员官网视觉风格调研中的运用

这篇讲的是如何用一种特别的心理学方法,来搞定会员官网“视觉风格到底该怎么做”这个老大难问题。 团队想为会员官网确立统一的视觉风格,但直接问用户“你喜欢什么颜色/版式”得到的答案往往模糊且趋同,很难捕捉到真正的、差异化的审美偏好。于是,他们引入了“图片投射”这种源自心理学的定性分析技术。 具体做法是,不直接讨论设计,而是邀请用户从一系列不同风格、情绪的图片中挑选最能代表自己感受的,并分享选择的理由。这个过程,其实是让用户将自己对品牌、产品的深层态度和情感,不自觉地“投射”到了这些图片上。通过分析这些选择和背后的叙述,团队能挖掘出那些难以用言语直接表达的审美取向和情感连接点。 最终,这些通过图片投射收集到的、鲜活的用户情感洞察,成为了指导官网视觉设计(如主视觉、色彩、影像风格)的坚实依据,让设计决策不再“凭感觉”,而是真正扎根于目标用户的心理图谱。

本机暂存
IT 2009-10-21 22:41:14 / 累计浏览 3,320

初窥交互设计

这篇讲的是交互设计这个常常被提及却少有系统拆解的领域。作者没有堆砌理论,而是从一个典型的界面优化案例出发:一个看似简单的按钮点击反馈延迟问题,逐步引出交互设计中“可感知性”与“即时反馈”两大核心原则。文章通过对比传统界面设计和现代交互设计的处理方式,点明了关键差异——前者注重静态的视觉呈现,后者则专注于用户操作过程中的动态体验与心理预期管理。作者进一步指出,这种思维差异直接决定了设计方案的落地场景:静态呈现适用于信息展示,而动态交互则更匹配需要用户深度参与的工具类产品。文中还提到了几个容易被忽视的细节,比如微交互的时序控制与情绪价值传递,让原本抽象的设计原则变得可感可知。

本机暂存