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

标签:设计规范

共 6 篇相关文章

IT 累计浏览 42

写给设计师:如何设计一份 AI 友好的设计规范

本文从AI无法有效解析传统设计规范(如PDF)的痛点出发,指出其根本原因是格式的视觉化、规则的非结构化和知识的碎片化。文章提出的核心解决方案是将设计规范“翻译”为AI可精确解析的结构化数据,实现从“人读文档”到“人机双读接口”的转变。具体实践采用Markdown、JSON与YAML的组合格式,其中JSON用于定义颜色、字号等精确的Design Token数据,YAML用于描述组件的变体、状态和约束规则,Markdown则用于阐述设计原则与使用场景。改造流程包括五步:将数值决策Token化、用结构化Schema描述组件、将设计禁忌转化为带ID和严重等级的可执行规则、提供指引AI读取顺序的入口文件,以及将抽象原则操作化。文章最终给出了一个清晰的文件结构范例,并建议渐进式实施、保持多版本同源、将规范代码化以便集成与审查,强调AI时代的设计规范更应关注意图传达与规则可执行性,使其成为可被工具“调用”的活文档。

IT 累计浏览 3,505

iOS和Android设计规范备忘表

这篇介绍了一个iOS与Android设计规范的对照表,作者认为这是目前较为清晰易用的参考资源。文章直接呈现了一个全面的对比图表,涵盖了两个平台在导航、交互、图标、排版等核心方面的设计差异。 例如,iOS的设计强调简洁和一致性,导航常置于底部,交互反馈偏向微妙动画;而Android更

IT 累计浏览 1,411

产品中图形语言规范化的意义与过程

这篇讲的是产品设计中图形语言规范化的意义与实施过程。作者从实际产品迭代中遇到的问题入手,指出图形元素如图标、色彩、排版缺乏统一标准,导致用户体验碎片化和设计协作效率低下。 背景问题在于,随着产品功能扩展,图形语言容易变得杂乱,影响品牌一致性和开发成本。核心方案是构建一套系统的图形语言规范,涵盖设计原则、可复用组件库、使用指南和审核流程。文章详细描述了规范化过程:先通过用户调研和竞品分析明确需求,然后定义核心视觉规则,接着开发设计系统工具,并通过跨团队培训和持续反馈迭代优化。 实施后,产品视觉一致性显著提升,设计交付时间缩短,用户反馈更积极。这为其他团队提供了可复制的经验,强调了早期规范化投入在提升产品质量中的关键作用。

IT 累计浏览 3,695

Android 4.0设计规范 优先导读 十大改变 (附全文翻译pdf)

这篇文章聚焦于Android 4.0(Ice Cream Sandwich)发布后,对其设计规范进行的一次系统性梳理与关键变化解读。作者团队从海量更新中提炼了十大核心设计变更,并附上了完整的官方文档中文翻译。 内容直指新版系统在UI/UX层面的革新:从全新的、贯穿全局的“应用栏”导航模式,到应用内导航行为的统一规范;从对大屏幕与多任务更友好的界面适配,到“片段”和“活动”在不同设备间更灵活的转场动画。文章还对比了旧版指南,明确指出了哪些旧有模式已被取代,例如实体菜单键的逐步隐退,以及一套更丰富、更直观的手势交互体系如何被引入。 对于当时的开发者而言,这不仅是了解新系统的窗口,更是确保自己应用能第一时间符合官方规范、与系统体验保持一致的重要参考。文章末尾提供的完整翻译PDF,使得这份指南的价值得以延伸,成为可随时查阅的案头工具。

IT 累计浏览 3,826

手机UI设计检测要素

这篇讲的是,一位正在筹建无线项目团队的技术负责人,在日常工作中从“忙乱”的实践里沉淀出的观察与思考。 他从自身对产品UI的持续关注出发,坦言是在与同事的日常讨论和磨合中,才逐渐清晰了对于手机UI设计的核心要求。作者没有罗列具体的设计规范,而是分享了一个更具普适性的结论:手机UI是产品的“脸面”,一套优秀的界面直接定义了产品的第一印象。因此,为筹建中的团队提前建立统一的视觉与交互规则,其意义在于打造具有辨识度和凝聚力的自有产品。 这篇文章的价值,恰恰在于它从管理的视角,点明了UI设计规范不仅是设计师的工作,更是项目负责人需要在团队早期就主动思考和确立的共识。它提醒着每一个技术团队,统一的“设计语言”是产品从零到一过程中,不可或缺的基石。

IT 累计浏览 3,768

浅谈腾讯视觉的关系设计

这篇讲的是腾讯在视觉设计中,如何系统性地处理和构建“关系”。作者并非在罗列具体案例,而是试图从设计方法论层面,拆解那些让界面“看起来舒服”的底层逻辑。 文章的核心在于探讨界面中各种元素(如卡片、列表、图标)之间的关系——它们是如何通过布局、间距、对齐与一致性来建立信息层级与视觉引导的。作者可能对比了“零散设计”与“系统化关系设计”的差异:前者依靠设计师个人经验,后者则致力于建立可复用、可维护的规则体系,比如如何定义模块间的关联强度,以及怎样通过视觉线索暗示交互层级。 这种对“关系”的深度思考,最终指向的是构建一套清晰、统一且具有扩展性的设计系统。对于读者而言,最大的启发或许不在于照搬腾讯的界面样式,而是学习这种“关系先行”的设计思维——在动手绘制像素之前,先厘清信息结构中各元素的关联与权重。