被吹爆的杂志化风格，到底该如何运用？

很多设计师经常说，现在扁平化风格盛，很难做出亮眼设计。此，我把我都在关注杂志风格，做一次分享。关志化 UI，是一个以让 UI 界面焕一新的风语言。也许大家曾经有，但是正去使用的设计师还是少之又少。我相信，看完今天的文章，下半年不管是改版还是创新设计，对你来说有一定的思路转变和创意启。

什么是杂志化风格？

去很长的时间，设计风格一直都循序渐的改变。扁平化设风格出时，杂志化风格 UI 中就应允。人杂志风格扁平化设？这仅仅只对一半。杂志化风格，它瑞士平面风格的一种演化，但又独特的方。

活中，具设感的书籍，我相信家第一时间会到杂志，毕竟很多设师会常看杂志或者买这类书籍。杂志，之所以受到家喜，也因他不拘一格的版式与布局，打破了常规的设思。

追求 UI 界面杂志化设，也目突破纯扁平化设好的方式之一。华 EMUI10 设理念基于杂志化风格版式，这也他们 UI 系统语言的改变，华设师将这一理念贯穿到了系统的各界面中。

对杂志风格了基础了解，可能家可能问，什么 UI 中使用杂志风格的设？下面我们一起看看使用杂志风格的优势。

在 UI 中使用的优势

到杂志化 UI 界面，可能家还不太清楚什么始重视。我们阶段移动端设同质化比较严重，打任何一产品 APP 首页，基本差异化很小很小，多少特色。每次设改版，出的界面变化还不，还常规操作。我相信家都得好，都过自己之手的设出让人眼一亮的。

么，果在设计改版时，融志风在整个系统语言里面，也许以让你的产品焕一新出现在用户面前。

△ 09UI 设计工室

上图自 09UI 设计工作个载 HMI 控屏首页设计，是不是突破了传统设计？设计带有杂志化风格 UI 语言；时，在地图使用三维风格，体看上去空感和纵深感都有了，所以最终出现在我们前是眼前亮感受。

杂志化设计排版相会更自由些，比较倾个性化版或者偏移布局、叠加布局设计。然也可以在杂志风格设计运用网格系统，在规律性版也有设计感质。

△ 2021-IF 设计奖-A-RT.COM

对版式布的讲究、字体的层级、图片择的苛刻，色彩的克制等，这些使得杂志格在 UI 中应毫无违和感，反而就是为了 UI 设计而诞生。

杂志风格的美学特征

影响杂志格美特征点有：大字体、格布、空间留白、图形符号、大图、偏移布、叠版等 7 大键特征，是这些特征点相辅相成，共同构建一个页面的格体系。试想，当户打开你的应，感受如杂志一般精美的画面，是一种么样的心情？就好像在阅读一本杂志，从而极大升户视觉上的美感指数。

下面就来下每个点在界面中，是如何表达的。

△ 大字：界面设计中，以去使用大标题字，来造强烈的对比冲突。里，我们先不考虑字家族，毕竟系统里面一般使用默认字。

△ 网局：系统设计语言遵循一定网规律，使得界面简约大气。

△ 空间留白：用界面空间的留白来增强内容，让界面充满呼吸感。就是为什么我们经常看到高级感的设计，在版式上留白很是有一定原因的。

△ 图形符号：这里说的图形符号，是在版设计中使的一些修元素，如可是牌图形，又或者与整个系统语言强联的图形，可是字体图形。

△ 图：图片影响杂志风格的重因素，图片质的好坏直接影响整体气质，使用的图片一简约净，突出主题。

△ 偏移布局：如说网格布局是在设计，保持规律性排版，那么偏移布局是打破这规律性，让界视觉冲击力倍增。

△ 叠加排版：文与图片叠加，增加杂志风格形感，可以在滑动过程增加层运动微动画。

在上面的案例中，大是否发现，影响杂志格美的 7 大特征，元素之间实并非全独立，而都是互相影响着。因此我们在做设计时候，最好要孤立的。

总结

作为设计师，大要清楚，设计格只是我们的手，我们仅仅是心格与形式，更需要注产体验。如何通过设计传达产气质？如何将信息容有效准确传达给户这是第一条件。次在这基础上如何做到差异创，在众多产中脱颖而，是一件长期的事情。在追寻趋势格的同时，要忘记抬头看路，与大共勉。

欢迎关注作者公众号：「功夫UX」