|
Post by account_disabled on Jan 27, 2024 1:59:34 GMT -5
出“桌面”版本有很大不同。大量的差异和细微差别开始发挥作用;至少,移动设备只有两种模式来呈现列表(列表和具有预定义图像尺寸的滑块),而桌面 Web 则有更多种类。但我想再次赞扬我们的开发团队 - 他们评估了挑战,估计了使用它的好处,并参与了这个重要且有趣的项目。 在 Smashing 杂志上做广告 这就是我们的框架设计流程的工作原理: Photoshop 和 InDesign 中的图案库,包含整个产品线使用的所有 UI 图案、控件和通用屏幕。它附带了定义基本设计原则的指南。我们致力于制定实时指南,以排除静态可交付成果——它使用生产代码而不是模型。它还缩短了生产周期。 实现设计模式的统一代码库。相同的模式可以在多个页面上使用 - 它独立于周围发生的事情。设计。 人员不需要检查模式的每个实例以确保它没问题。我们使用 BEM(块元素修饰符)命名约定。 用于在用户浏览器中显示页面的模板引擎。它使用单个 UI 模式的代码、图像资源、样式和脚本动态构建最终有效且格式良好的 HTML 页面。每个页面模板都有一组构建规则:块的类型及其顺序。我们使用自己的技术而不是 BEM 工具。 当我们发现某个图案或组件的新设计(例如显示照片库的新方式)时,我们会立即在模型、原型和代码库中对其进行更改。然后 购买电话号码列表 每个项目都从统一存储库更新它(如果更改很大,那么后端也应该更新)。最好的部分是设计人员只需审查统一代码库中的单个实现,而不是检查每个产品。他们可以确信最终的设计质量是不错的。我们将在本系列的下一部分中详细描述技术方面。 我们在移。 动版本中服务器端和客户端使用相同的页面模板;然后在用户浏览器中使用 V8 生成最终的 HTML。尽管过去我们的产品使用不同的编程语言:Python、PHP 和 Perl,但该模型仍然有效。在我们的桌面 Web 版本中,它变得更加复杂,因为将已渲染的 HTML 发送到浏览器非常重要。这意味着我们必须在服务器上生成它。我们的开发团队必须找到一种方法来连接每种编程语言的独立 V8 守护进程。我的同事将在下一篇文章中揭示该框架的技术方面。 总而言之,这不是一个简单的项目。但将设计转移到实施层面的想法对于公司以及设计师来说至关重要: 开发过程保证了 90% 的统一——所有现成的块和元素仅取自统一的代码库。另外 10% 取决于设计师——他们在选择设计模式来创建屏幕时应该三思而后行。即使有。
|
|