杂志化风格这段时间可谓是异常的火爆，不少的设计师也都开始尝试杂志化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 》这本只给乘坐飞机的读者来说却非常适合。设计系列版面： 这种突出数字的设计可以轻易使多个设计产生一种系列感，其特点是：每一个单页上都有一个非常大的数字，有一个醒目的图片元素（注意是没有背景的，而是沿元素轮廓剪切），但标题却相对来说比较小，正文显得很细小低调，当然，还有那条无处不在的垂直线条
在大多数人的印象中可能大家都对《纽约时报》有较为深刻的印象，并不知道纽约时报还发行杂志。《 The New York Time Magazine》是纽约时报每周末发行的一本杂志。有一本主题为女性时尚，一本为创意。同事告诉我他在美国念书时每周末一定会找个咖啡馆阅读纽约时报，这是他固定的阅读习惯，我一直以为他看的是报纸。直到他给我带了本《纽约时报杂志》，我才明白他为什么会选择每周日上午这个固定的时间看。纽约时报杂志的设计延续了现代主义的设计风格，是本很年轻的杂志。封面用色大胆活泼。每个封面都很吸引眼球。内部版式很多都打破常规，字体与图片关系紧密，每期都会请插画师或艺术家根据内容创作。Panenka，是一本2011年创刊的西班牙足球杂志。杂志的概念是融合体育媒体，文化与质量。杂志名字Panenka的来源是向捷克足球运动员 Antonin Panenka（ 安东尼.帕年卡 ）致敬。帕年卡的勺子点球帮捷克斯洛伐克击败了西德获得了1976年欧锦赛的冠军。这件事让他名声斐然。这本杂志的设计打破了传统体育杂志的设计，虽然我不看球但分分钟钟就被它的平面设计吸引！第一次看到它的封面我还以为是平面设计杂志。Reportagen是两个月出一次的一本文学报告杂志，是的，是文学！报告！想想国内的学术杂志期刊再看看这本是不是觉得不可思议？出版商为瑞士的Puntas reports AG ，设计团队是苏黎世的一个设计工作室：Moire。这本杂志真是将瑞士的平面风格发挥到极致，规整的网格，把字体当作图像元素撑起整个版面，用大量饱和度高的色彩。这本杂志的设计是字体设计很好的参考。
推荐一：文艺范的必备杂志《KINFLOK》
说到排版优秀设计好看的杂志首推《KINFOLK》！这本杂志从国外红到国内，简直是文艺范的必备杂志！
你看各种INS或某宝照片上，只要想拍出彰显文艺气息的照片，主要的拍摄素材选择《KINFOLK》加上你要拍的内容就没错了。浓浓的文艺气息瞬间透纸而出啊！
从英文版开始，每期《KINFOLK》的封面就以其简约、柔和的色彩吸引了一大票粉丝的追捧。而在整体的版式设计中，图片的精美、版式的简约更是在众多杂志中独树一帜。每期杂志中关于旅行、美食、聚餐、文艺等等的推荐内容和这样的版式相得益彰。
推荐二：我想带这本杂志到世界尽头看看《CEREAL谷物》
第一次知道这本杂志是因为某个公众号的推荐，说是两个人行走在世界不同的城市，然后拍摄他们所见、所闻、所食。于是整理出了一本不同于游记的杂志。
这本从国外引进的杂志，除了一贯的性冷淡风之外，最吸引我的就是里面每一张图片的选择。如果不是印在杂志里，绝对放手机里是一张张完美的壁纸、屏保选择，贴墙上就是一张绝佳的风景海报。并且在国内版的制作上，都尽量追求与原版的统一，无论从版式设计、纸张选择都与原版高度统一。所以非常值得一看！
推荐三：我们老板说设计师都要看《周末画报》
也许老板对于《周末画报》情有独钟吧，所以固执的每年都会订阅。并且每次开会的时候都会强烈安利所有设计师都要看这本杂志。说这本杂志设计感如何之好、说这本杂志的版式编排如何的牛、说整体看起来多么的国际化……总之每次他巴拉巴拉的说完，我们都会讨好领导一样的，在自己的办公桌上摆上几本《周末画报》。
其实周末画报的整体设计不错，简洁、大方，每种字体的框架结构是非常合理的，特别是视觉动线的引导，更是做的不错。曾经有一个文案小白，特别苦恼PPT怎么排版，我们的撰文指导就扔给他一本《周末画报》跟她说，就照着这本杂志排，如果排不好就仔细比对！看看人家的字体怎么选的，多大的字号，放在版面的什么位置。如果照着排都排不明白的话，你就不适合这份工作。然后很久之后，这个曾经的文案小白，成为了我们公司的PPT大神。
推荐四：自有自风格的MOOK《知日》、《知中》
《知日》、《知中》都是归属于MOOK类别的杂志，每期一个主题，会采访很多不同的人。这两本杂志，一个针对日本、一个针对中国，都是把各种文化符号做为创意点进行延展发挥。基本可以把这个点说透，然后由小见大，通过这个点让你看到整个社会的文化。
从版式设计上来说，我不太喜欢这两本杂志，但是有很多朋友觉得还不错。主要是在我看来这两本杂志的设计风格有点乱，编排起来比较乱、版式页面纸张选择也比较多样、图文混排的方面也很密集。也许是偏向日式的设计风格吧，但是我个人并不喜欢。
之所以推荐是这两本杂志的文化属性比较强，能把不同的文化通过版式展现出差别。我觉得这是设计的特点，值得肯定。
这些杂志要么是我自己按期购买的，要么是我经常观看的。因为设计师的这个职业的原故，所以真的没办法对设计不够精美的杂志下手。如果没有能吸引我的封面或内页设计，那么内文写的再精彩，也注定不会进入我的购物车。所以看来我天生就和《知音》、《故事会》、《青年文摘》这类的凤姐读物无缘了。
