很多设计师经常说,现在扁平化风格盛,很难做出亮眼设计。此,我把我都在关注杂志风格,做一次分享。关志化 UI,是一个以让 UI 界面焕一新的风语言。也许大家曾经有,但是正去使用的设计师还是少之又少。我相信,看完今天的文章,下半年不管是改版还是创新设计,对你来说有一定的思路转变和创意启。
去很长的时间,设计风格一直都循序渐的改变。扁平化设风格出时,杂志化风格 UI 中就应允。人杂志风格扁平化设?这仅仅只对一半。杂志化风格,它瑞士平面风格的一种演化,但又独特的方。
活中,具设感的书籍,我相信家第一时间会到杂志,毕竟很多设师会常看杂志或者买这类书籍。杂志,之所以受到家喜,也因他不拘一格的版式与布局,打破了常规的设思。
追求 UI 界面杂志化设,也目突破纯扁平化设好的方式之一。华 EMUI10 设理念基于杂志化风格版式,这也他们 UI 系统语言的改变,华设师将这一理念贯穿到了系统的各界面中。
对杂志风格了基础了解,可能家可能问,什么 UI 中使用杂志风格的设?下面我们一起看看使用杂志风格的优势。
到杂志化 UI 界面,可能家还不太清楚什么始重视。我们阶段移动端设同质化比较严重,打任何一产品 APP 首页,基本差异化很小很小,多少特色。每次设改版,出的界面变化还不,还常规操作。我相信家都得好,都过自己之手的设出让人眼一亮的。
么,果在设计改版时,融志风在整个系统语言里面,也许以让你的产品焕一新出现在用户面前。
△ 09UI 设计工室
上图自 09UI 设计工作个载 HMI 控屏首页设计,是不是突破了传统设计?设计带有杂志化风格 UI 语言;时,在地图使用三维风格,体看上去空感和纵深感都有了,所以最终出现在我们前是眼前亮感受。
杂志化设计排版相会更自由些,比较倾个性化版或者偏移布局、叠加布局设计。然也可以在杂志风格设计运用网格系统,在规律性版也有设计感质。
△ 2021-IF 设计奖-A-RT.COM
对版式布的讲究、字体的层级、图片择的苛刻,色彩的克制等,这些使得杂志格在 UI 中应毫无违和感,反而就是为了 UI 设计而诞生。
影响杂志格美特征点有:大字体、格布、空间留白、图形符号、大图、偏移布、叠版等 7 大键特征,是这些特征点相辅相成,共同构建一个页面的格体系。试想,当户打开你的应,感受如杂志一般精美的画面,是一种么样的心情?就好像在阅读一本杂志,从而极大升户视觉上的美感指数。
下面就来下每个点在界面中,是如何表达的。
△ 大字:界面设计中,以去使用大标题字,来造强烈的对比冲突。里,我们先不考虑字家族,毕竟系统里面一般使用默认字。
△ 网局:系统设计语言遵循一定网规律,使得界面简约大气。
△ 空间留白:用界面空间的留白来增强内容,让界面充满呼吸感。就是为什么我们经常看到高级感的设计,在版式上留白很是有一定原因的。
△ 图形符号:这里说的图形符号,是在版设计中使的一些修元素,如可是牌图形,又或者与整个系统语言强联的图形,可是字体图形。
△ 图:图片影响杂志风格的重因素,图片质的好坏直接影响整体气质,使用的图片一简约净,突出主题。
△ 偏移布局:如说网格布局是在设计,保持规律性排版,那么偏移布局是打破这规律性,让界视觉冲击力倍增。
△ 叠加排版:文与图片叠加,增加杂志风格形感,可以在滑动过程增加层运动微动画。
在上面的案例中,大是否发现,影响杂志格美的 7 大特征,元素之间实并非全独立,而都是互相影响着。因此我们在做设计时候,最好要孤立的。
作为设计师,大要清楚,设计格只是我们的手,我们仅仅是心格与形式,更需要注产体验。如何通过设计传达产气质?如何将信息容有效准确传达给户这是第一条件。次在这基础上如何做到差异创,在众多产中脱颖而,是一件长期的事情。在追寻趋势格的同时,要忘记抬头看路,与大共勉。
欢迎关注作者公众号:「功夫UX」