它可能是由图片中元素之间某种刺激的几何

关系产生的，或者是通过拍摄场景的人类兴趣而产生的，或者是通过引起我们对一些我们以前从未注意到的常见但令人着迷的事物的注意而产生的，或者它可以通过观看来实现以一种新的有趣的方式处理日常事务。”——阿列克谢·布罗多维奇 “女人的美好形象。” 传播自 Harper's Bazaar，1934 年 11 月。（大预览） Brodovitch 对《Harper's Bazaar》的艺术指导自 20 世纪 40 年代以来一直影响着设计师。他的设计优雅，卡梅尔·斯诺 (Carmel Snow) 曾将其描述为“高品味，加上一点大胆”。他的摄影知识赋予了他的作品古典的感觉。布罗多维奇经常以意想不到的方式裁剪照片，并将它们放置在偏离中心的地方——有时将它们出血到页面边缘之外——以创造出充满活力和动感的构图。 布罗多维奇为《时尚芭莎》设计的草图之一，1940-50 年。


（大预览） 在《时尚芭莎》及以后的整个职业生涯中，布罗多维奇经常使用照 美国手机号码列表   或插图中的内容来确定文本的位置和形状。他的颜色选择通常很大胆，并使用大色块来强调。 我发现布罗多维奇的设计过程和他完成的作品一样令人着迷，因为我可以通过查看某人正在进行的作品来更多地了解他们的想法。布罗多维奇首先将布局设计为纸上的草图。然后，他将跨页排列在工作室的地板上，制作了一本节奏良好的杂志。 散射图像 # 在他职业生涯的早期，布罗多维奇受到Mehemed Fehmy Agha（一位颇具影响力的艺术总监，设计了第一个双页跨页）的启发，并经常将图片像扑克牌一样散布在他的页面上。 左：对于较小的尺寸，我将图像组变成水平滚动面板。中：在中等尺寸的屏幕上，我垂直分散图像以保持纵向的视觉层次结构。





右：对于更大的屏幕，我水平重新排列图像。（大预览） 这些乍一看似乎是随机排列的图片，但它们是故意放置的，并让布罗多维奇的设计充满了动感。今天，即使在设计灵活的布局时，我们也可以使用相同的技术。 对于我的第一个受布罗多维奇启发的设计，我在视口上散布了四个不同大小的图像。我可以根据屏幕尺寸水平、垂直甚至对角地排列这些图片。 为了帮助我设计跨屏幕尺寸的一致体验，我用一系列简短的草图制作了故事板。 左：在中等尺寸的屏幕上，我垂直分散图像以保持纵向的视觉层次结构。右：对于更大的屏幕，我水平重新排列图像。（大预览） 为了开发此设计，我结合使用了 CSS 网格、Flexbox 和转换。我的标记是最小且有意义的，仅使用三个元素进行布局；一个顶级标题、运行文本的主要元素以及包含四个图像的图形元素复制 对于较小的屏幕，我只需要颜色和排版的基础样式，因为正常流程可以处理我的单列布局。在正常流程中，元素根据文档的书写模式依次显示。如果您对这些概念不熟悉，Rachel Andrew 写了一本很棒的入门书。