赞助商
立即赞助

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

UI设计3年前 (2021)发布 流光
5.2K 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」

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

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

相关文章

生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这...
App设计
栅格的前世今生 产品设计从理解用户到定义问题,再到探索方案并输出草图乃至视觉稿,每一个阶段都关系到一个产品的成败。而其...
ui设计
按钮在产品界面中是非常重要的元件之一,按钮作为用户引流和行动触发来说都是至关重要的。如何把按钮设计做到最好,是设计师...
ui设计
@孔雅轩LineVision :引领初中级设计师摆脱「纠结设计」的弯路,通过对层次感的了解可以将有限的技法用在最该用的地方。 ...
ui设计
现在阅读微软1998年的用户界面,就像发掘古墓一样。设计人员和开发者为整个 Windows 系统和应用程序准备了长达381页的引导内...
ui设计
@Daidai丶呆 :本篇文章写写近期看到的比较有趣的话题,「一款好产品,所需具备的条件」。 产品角度 早前有看到张小龙说 :一...
ui设计
大家知道,长期以来我们一直在坚持分享一些基础的干货内容,那些看书、看分享很难系统搞得明白的知识点,这和我个人对基本功...
ui设计
每天打开手机,各式各样的信息纷至沓来,每个 App 每个页面都有好多话要说。当信息汇集在一起的时候,如何能让用户一打开页面...
App设计