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

UI设计3年前 (2021)发布 流光
5.3K 0 0

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

什么是杂志化风格

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

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

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

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

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

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

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

在 UI 中使用的优势

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

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

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

△ 09UI 设计工室

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

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

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

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

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

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

杂志风格的美学特征

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

总结

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

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

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

“为了设计这个产品的UI我们已经设计了线框图、原型,没有时间和精力再在这当中加一个环节了!”对于UI设计流程,我想你没少听...
ui设计
图标在产品中的应用非常重要,不同位置的图标有不同的设计思路。本文将从产品和设计两个角度对底部导航栏的图标进行分析。阅...
ui设计
准确预判行业趋势,是一件很难的事,所以这次趋势浅析仅为个人一家之言,分析表皮浅薄,各位看官权当茶余饭后故事看吧。 我...
2018设计趋势
本文梳理了设计规范中进度指示的相关组件,包括分类和使用规则,还列举了大量市面上优秀的线上案例,更深一步探究对组件的使...
ui设计
设计师的主要职责之一,就是为产品定制合理的视觉,基于目标用户的特征和产品的设计目标,给用户特定的感觉。UI和UX设计师需...
ui设计
转自城中村群租房:《论交互设计师的死掉》,作者李大毛 你在面试的时候肯定被问过一个问题:你的职业规划是什么。这个问题不...
ui设计
现在阅读微软1998年的用户界面,就像发掘古墓一样。设计人员和开发者为整个 Windows 系统和应用程序准备了长达381页的引导内...
ui设计
按钮在产品界面中是非常重要的元件之一,按钮作为用户引流和行动触发来说都是至关重要的。如何把按钮设计做到最好,是设计师...
ui设计