尽管我的设计包括四辆不同颜色的 汽车

RAHIM22

但我只需要两个形状图像 复制 完成小屏幕设计后，我会为中型屏幕引入较大的图像以及与之匹配的形状图像。我为图像应用新的宽度以适应更大的屏幕} 复制 该设计不仅讲述了大众甲壳虫的故事，其布局还暗示了这款标志性汽车的驾驶乐趣。 该设计不仅讲述了大众甲壳虫的故事，其布局还暗示了这款标志性汽车的驾驶乐趣。（大预览） 虽然我针对大屏幕的设计乍一看可能看起来很复杂，WhatsApp 数据库   但布局再简单不过了，那些主要元素和旁边元素形成了两个对称的列复制 空白在这个大屏幕设计中起着重要作用。


引入这些列后，我之前应用于段落的 10vw 水平边距意味着空白占此布局的 40%。 正如奥托·斯托奇（Otto Storch）使用他的页面以既有吸引力又易于理解的方式呈现内容一样，这种设计不仅讲述了大众甲壳虫的故事，它的布局还暗示了这款标志性小型汽车的驾驶乐趣。 在一天之内准备好数据网格从未如此简单。 尝试我们的网格 让文字看起来很美味 # 和布罗多维奇一样，奥托·斯托奇擅长将图像与文本结合起来，他经常将文本雕刻成反映图像的形状。在这个设计中，Storch 创建了一个形状像玻璃的美味文本块。我们很少在网上找到这样的技术，但它们可以帮助将读者吸引到故事中，无论媒介如何。受到 Storch 的启发，在我的下一个设计中，我雕刻了我的副本以反映大众甲壳虫的形状。 我雕刻了我的副本以反映大众甲壳虫的形状。 我雕刻了我的副本以反映大众甲壳虫的形状。

（大预览） 我的设计包括三种替代布局。小屏幕采用单列滚动内容，中型屏幕采用 2x2 网格，大屏幕设计采用水平滚动内容区域。 实现这三种设计需要四个结构元素，其中一个是我的内容的主要元素，再加上三只颜色鲜艳的甲虫的大图像。我用一个部分将这些元素括起来，然后添加一个代表柏油路的装饰性演示部分复制 小屏幕设计完成。 小屏幕设计完成。（大预览） 我不需要水平滚动面板出现在小屏幕上，因此仅添加基础样式和形状，将我的文本雕刻成甲虫的形状。我首先将段落文本对齐到中心，并将其设置为大写。虽然我通常不会以这种方式将文本设置为整个文本块，但实心大写字母形式有助于强调甲虫形状： p { text-align: center; text-transform: uppercase; } 复制 CSS Shapes 规范的早期草案包括一个 shape-in​​side 属性，该属性使我们能够像 Storch 那样将文本包裹在形状的内部。