|
Post by account_disabled on Jan 7, 2024 23:42:48 GMT -5
色建议)都包含在样式原型中。唯一的区别是我们更进一步并对其进行了编码。 这些的美妙之处在于我们可以显示真实的网页类型、真实的颜色、真实的悬停状态、带有网页矢量的插图风格,以及类型和基本布局的响应方式。我们要求客户在他们选择的浏览器中查看它们。这引发了关于支持浏览器意味着什么的讨论。例如,如果他们使用不支持的浏览器border-radius,他们将看不到圆角。 我们还可以在大约一天内构建样式原型,这为我们提供了与样式图块相同的效率优势。客户喜欢他们,因为他们可以与他们互动。他们可以在手机和平板电脑上看到它们。他们可以开始和他们一起玩。 最后,在我们大多数人都认为网页设计师应该学习编码的世界中,样式原型是编写 HTML 和 CSS 的。 绝佳入门。由于它们很简单,即使是不会编码的设计师也能弄清楚如何构建它们。在他们意识到这一点之前,他们将有信心改进生产 CSS,而不是静态地模拟他们想要看到的更改。 当我们设计最初的 Sparkbox 网站时,以及最近重新设计时,我们使用样式原 Whatsapp 号码列表 型来建立设计方向。 第一个 Sparkbox 站点的样式原型。 第一个 Sparkbox 站点的样式原型。在浏览器中查看查看大版本) 第二个 Sparkbox 站点的样式原型。 第二个 Sparkbox 站点的样式原型。在浏览器中查看s:(查看大版本) 原子设计Jeremy Keith在他题为“没有移动网络”的突破性开发主题演讲中首次向我介绍了从“网站的原子”开始设计的想法。Brad Frost早在 2013 年 6 月就 正式定义了这个术语,当时他概述了一种用于设计网络“组。 件系统”的心智模型。 基本前提是,我们应该在工作中考虑五个粒度级别来构建可重用的组件系统。最小的层次称为原子;考虑一个简单的 HTML 输入或输入标签。这些原子可以组合成分子;也许搜索分子由按钮、标签和输入组成。这些分子可以结合形成有机体;也许网站的标题会包含搜索、品牌和导航分子。这些有机体组合在一起形成模板和页面。模板充满了通用数据;页面是注入真实数据的模板。所有这些理论都可以帮助我们创建更加模块化、可重用和可扩展的代码。 当我们沿着这种思路处理我们的项目时,我学到的一件事是,当你允许原子设计从重构中发展出来时,原子设计会变得容易得多。我们常见的工作方式是用 HTML 和 CSS 构建一个小组件,而不必过多担心原子、分子或有机体。然后,一旦我。
|
|