杂志化风格这段时间可谓是异常的火爆，不少的设计师也都开始尝试杂志化UI设计，但是不少人都不是太了解这个杂志化风格，今天北大青鸟UI培训班就来跟大家聊聊杂志化UI设计！
首先我们要先知道，什么是杂志化设计，杂志化风格，它更像是瑞士平面风格的一种演化，但又有独特的地方。杂志，之所以受到大家喜爱，是因为他不拘一格的版式与布局，打破了常规的设计思路。而杂志化UI设计，简单来说就是突破，大胆创新。
为什么要把杂志化风格运用到UI设计中呢？如今的手机界面设计以及应用设计同质化严重，看上去基本都是一样的，打开任何一个产品APP
首页，基本差异化很小很小，没有多少特色。每次做设计改版，出来的界面变化还是不大，还是常规操作。而只有让人眼前一亮的设计才会带给人们更多的精彩。将杂志风格融在整个设计里，也许可以让你的产品焕然一新出现在用户面前。
杂志化设计排版相对会更自由一些，比较倾向个性化版式或者偏移布局、叠加布局设计。当然也可以在杂志风格设计中运用网格系统，在规律性版式中也有设计感气质。
那UI设计师如何设计杂志化风格？
1、杂志化风格字体设计：
界面设计中，可以去使用大标题字体，来制造强烈的对比冲突，让人难以忽视！
2、杂志化风格图形符号：
图形符号是在排版设计中使用的一些修饰元素，比如可以是品牌图形，又或者与整个系统语言强关联的图形，也可以是字体图形化。
3、杂志化风格图片设计：
图片是影响杂志风格的重要因素，图片质量的好坏直接影响整体气质，使用的图片一定要简约干净，突出主题。
4、杂志化风格整体布局：
偏移布局可以打破这种规律性，让界面视觉冲击力倍增。
UI设计师如何设计杂志化风格？看完这篇文章你都知道了吗？了解更多UI设计风格、排版等，赶紧关注北大青鸟UI培训班吧！更多资讯等着您！
杂志的版式风格基本是按照杂志的宗旨、受众和内容决定的
比如散文类、文摘类、故事类、文史类、小说类、影视类、技术类、娱乐类、商业信息类等等，他们的风格都不一样
另外不同国家、地区、民族的杂志风格也不一样
一、单一式:画面只有一个中心，介绍一种产品;
二、多元式:画面同时介绍一个企业的多种产品;
三、压叠式:采用不同的画面，互相压叠，互相衬托;
四、展版式:画面包括若干单元，以类似展览板面一般展示构成;
五、叫卖式:杂乱堆砌过多，画面包括若干内容而又缺乏主次关系，效果紊乱。
在杂志广告的构图设计时，应该结合广告主题和宣传的中心，采用合理的构图方式和色彩构成，避免杂乱无章和单调乏味，才能充分利用杂志广告发行的网络优势，以获得更良好的广告宣传效果。
基调：为了设计出容易阅读的版面，《 SPIRIT 》杂志采用三种主要技巧：大标题，大图片，同时利用垂直的柱状区域在每一页里重复。 为了让那些一脸疲惫的游客能够有心情阅读这本杂志，《 SPIRTI 》刻意采用一些篇幅较短的文章，这些文章一般只占一两页纸左右。大部分文章只配上一张图片。标题简短有力，而且尺寸非常大。每一个标题只表达一个主题，能够让每一个人都能迅速理解里面的意思（其实，在设计上，无论什么时候都应该这样做）。图片非常大，而且很简单（这很重要），能够让每一个人瞄上两眼就知道是什么东西。如果图片使用过度，只会使版面变得复杂，传达的意思也不直接。这本杂志还有一个很鲜明的特色，那就是翻开这本杂志时你都会看到里面采用的一条垂直的粗线来安排版面，只是不同的页面上颜色有所不同。人物确定主题：该杂志每一期的封面都采用一张大特色的人物图片――这可以说是非常强有力的设计（人的脸部是所有图片中最具吸引力的图片元素）。整体给人一种强有力且呈正方区域的视觉吸引力。 这些采有醒目的人物图片作为封面能够发挥什么作用？不象其它杂志，如运动杂志，时尚杂志，他们能够有一个很鲜明的主题或其它花俏的主题来吸引观众，而这本空中杂志，采用人物的图片来作为主题吸引观众，能够让每一个游客都感觉更亲切。而且还有一个有利的因素，人物图片能够让我们在心理上更快沟通。象上述大图，图片吸引着我们的视线，而右下角则低调地放上几行文字，这使到文字没有对图片进行干扰，而是让我们的整个注意力都放在人物图片上。留意 P 字上的垂直条状物，它的颜色是通过吸管工具在图片上取的颜色，使杂志标题与图片产生更密切的联系。 漂亮字体：大标题需要一种漂亮的字体，而且它能够显得轻巧不笨重。采用 HTF Didot 字体是一种优雅的选择，这种字体充满独特的线条及风格。让我们来仔细看看这各种字体的特点： 这种字体在尺寸非常大的时候显得很优雅，但如果它以小尺寸出现时，那些细小的线条则几乎无法辨认，为此， HTF Didot 有六种尺寸的字体调整样式，以适应尺寸较小时使用。如上小图，其细线明显调整成较粗的线条，使你以小尺寸应用时也可胜任。辅助字体：该杂志采用两种字体来安排正文、引言及其它简短的说明文字。关键是要选择那种中性、不走极端并且有合适比例的字体。 A ：栏目上方的点题文字采用 Bliss2 字体，其边缘同样象 HTF Didot 字体那样锋利，但其线条的变化不强烈，容易阅读。这里的点题文字全部采用大写，字符加宽。 B ：引言部分同样采用 Bliss2 字体，其大小字母都一样清晰，非常适用于文字非常小的标题、说明及引言这些短小的文字。 C ：小标题及正文采用 ITC Cheltenham 字体，这种字体在很多杂志里会经常见到。一种 20 世纪早期出现的字体。作为密集的正文文字字体，该字体具有清晰的阅读性，而且显得很低调。大图片：超大图片――通常横跨两个对开页里――对读者能够产生巨大的冲击力。在处理大图片时关键要做到只有一个视觉焦点，没有复杂的背景。 单个元素更有力：为了使版面产生焦点，那我们就要制造一个焦点！图片中那对冷峻的眼神象是在警告你不要靠得太近。这就是视觉沟通的力量，只用一张图片，一个元素比用上一大堆人物的力量更强。如象上图左那样的图片，一群人只会分散读者的视线。所以在你处理图片时，在心里问一下自己：如果我只有一个元素可以用，我该选择哪一个？ 舞台中心：这个版面的力量来自于中心区域。对角的元素将版面一分为二。标题放置在左边（与脸部轮廓线对齐），而其它文字则放置在右边。背景显得很平淡，甚至略带模糊，使到脸部成为了无可置疑的第一而且是唯一的焦点。垂直柱状区域：正如前文所述，《 SPIRIT 》杂志的垂直柱状区域元素贯穿了整本杂志。这个元素有时用于区域信息，有时用于装饰版面。 垂直的柱状物一般用于区分两种信息。如上图中，它将左边编辑的评论与右边公司的一些大事记区分开来。上述版面其实充满对比：宽和窄的对比，黑色的文字及白色文字的对比。 上方的栏目文字水平区域与垂直的柱状区域在整本杂志上都看到，但垂直柱状区域则根据版面的实际需要则左右移动调整。变化：这条垂直的柱状线条在实际版面应用中可以很灵活，也很有用。它将图片与文字安排得更有整整有条而且更具特色： A ：垂直柱状线条下面是整幅的图片，而在左边则用一则引言来吸引读者的眼光，标题及文字仍然在右边。 B ：右边的图片则好与柱状线条接触，而正文则处于另一边。留意标题放在了页面的下方，但仍然给人是标题的感觉。 C ：这里可以说是一个标准的杂志版面（插图 - 标题 - 正文），这时垂直线条去到了最右边，而同时，它与上方的栏目文字相交接。大元素：将“数字”放大显示并且作为一个单独的元素来排版，是一种有趣而且有效的吸引人的技巧，这些数字其实已经给人是一种“图片”的感觉。 将数字突出处理，使其成为一个类似图片的元素。漂亮的字体（ HTF Didot italic ）使其显得非常养眼。这种处理略显夸张，也不是所有的地方都适用，如，在《美国新闻与世界报道》这些严肃的杂志中使用则有点造作，但对于《 SPIRIT 》这本只给乘坐飞机的读者来说却非常适合。设计系列版面： 这种突出数字的设计可以轻易使多个设计产生一种系列感，其特点是：每一个单页上都有一个非常大的数字，有一个醒目的图片元素（注意是没有背景的，而是沿元素轮廓剪切），但标题却相对来说比较小，正文显得很细小低调，当然，还有那条无处不在的垂直线条
