标签：变量

共 4 篇相关文章

IT 累计浏览 56

Testing Font Scaling For Accessibility With Figma Variables

数字无障碍的实现需要融入团队日常工作，而非在功能优先级上做出妥协。其中，字体缩放是影响可读性与合规性的关键因素。数据显示约四分之一的移动设备用户会调大系统默认字体。根据WCAG 2.2的AA级合规标准，文本必须能在不借助辅助技术的情况下放大至原始尺寸的200%，且不损失内容或功能。设计不应试图阻止或抵消用户的辅助功能操作。相反，应主动在设计阶段进行验证，确保界面在不同缩放比例下的适应性。现代设计工具如Figma为此提供了高效解决方案。团队可以借助变量功能，为文本样式创建一系列尺寸变量（如100%、120%至200%），通过切换变量组快速模拟用户调整字体大小后的界面状态，观察布局变化并评估是否需要适配。要实现这一测试流程，设计文件需具备高度系统化。首先需完成界面的初步设计，并确保所有元素应用了自动布局。核心步骤是建立与文本样式关联的尺寸变量体系，从而能一键切换不同缩放比例，直观地进行无障碍审查。这种方法将无障碍测试无缝嵌入设计验证环节，使团队能在日常工作中高效践行包容性设计原则。

IT 累计浏览 3,529

[设计师学编程]那些绕不过的概念

这篇文章从设计师的视角出发，试图拆解编程中最基础、也最容易卡住初学者的几个核心概念。作者没有堆砌术语，而是通过一系列生动的比喻——把变量比作“替身”，数组比作“分格抽屉”，函数比作“百宝袋”，类比作“招聘职位”——来直观呈现这些抽象概念的实质与用途。文章逐个剖析了每个概念背后的编程思维训练：从“抽象”一个变量，到用数组“压缩”管理同类数据，再到利用判断与循环实现“自动化”，以及通过函数达成“模块化”和用类实现“面向对象”。更宝贵的是，作者坦诚分享了每个环节中容易踩的“坑”，例如变量命名困难与管理混乱、数组在多维和循环中容易引发思维混乱、函数调用关系复杂等，并给出了一些实用的填坑建议，比如使用可视化工具辅助理解、注重命名与注释等。对于正在学习编程的设计师或任何初学者而言，这篇文章不仅解释了“是什么”，更着重于说明“为什么难理解”以及“如何克服”，像一位有经验的同伴在分享学习路上的路标与暗坑。

IT 累计浏览 4,822

Axure 实现网站登录的交互

这篇讲的是作者如何用Axure从零构建一个完整的网站登录交互原型，而不仅仅是画个静态页面。他把整个登录状态拆解成了三个核心阶段：初始登录页、输入中状态以及登录成功后的跳转，并为每个阶段都设计了明确的交互反馈。实现的核心在于利用Axure的动态面板和全局变量。例如，在输入框里，当用户键入内容时，面板会切换到“有内容”的状态，右侧的“清除”按钮才会出现；而用户名和密码两个输入框通过变量关联，只有当两者都不为空时，“登录”按钮才从禁用变为可用。这些状态之间的平滑切换是原型真实感的关键。更巧妙的是对错误状态的全局处理。作者并没有为每种错误单独做面板，而是通过同一个“提示”动态面板，用一个文本标签变量来统一控制显示的文字内容——无论是“请输入用户名”还是“密码错误”，都复用同一个组件实例，这样修改和管理起来非常高效。整个思路清晰地展示了如何用有限的Axure功能，模拟出接近真实产品的细腻交互逻辑。

IT 累计浏览 5,135

Axure之变量的使用

这篇讲的是Axure原型设计工具中“变量”功能的具体用法与价值。作者开篇就提醒我们警惕“工具沉迷”，将焦点拉回设计本身。文章的核心在于拆解变量如何成为提升原型逻辑复杂度与交互真实感的关键。具体来说，作者从实际场景出发，解释了变量如何用于存储和动态更新数据，比如记录用户点击次数、控制界面元素的显隐状态，或是模拟简单的数据筛选与计算。通过这些变量，静态的线框图能转变为可演示状态流转、带有条件判断的交互原型。文中很可能结合了不同变量类型（如全局变量与局部变量）的适用场景区分，以及在中继器等高级组件中配合使用的技巧。理解变量，意味着原型设计从“画图”迈向了“模拟”。它让设计师能在不依赖开发的情况下，清晰地向团队和客户演示产品的动态逻辑与边界情况。这篇文章的价值在于，它不仅教“怎么用”，更点明了“为何用”以及使用的边界——工具服务于思维，而非束缚。