审美分析系列02—图文排版

首发于（公众号：阿柯）

今天我们进行两个作品的分析。

第一个选自Apple（苹果）公司官网，是关于ipod系列产品的介绍；

第二个是一个图文排版的页面设计。

具体分析见下文。

01

字体

著名的Apple（苹果）公司产品在早期选用了全世界最著名最受欢迎的 英文字体——Helvetica，在 iOS 9 之前，旧金山字体已经用于 Apple Watch 中。如今，旧金山字体已经成为苹果全平台的统一字体：Apple Watch、iPhone、iPad、Mac 和 Apple TV。

虽然都为无衬线字体，但旧金山字体在任何字号、任何设备都易于阅读。在Apple Watch等小屏幕产品中同样具有良好的识别。

在平面设计中，好的字体同样能起到锦上添花的作用。

图片

图片添加了左下阴影效果，使产品及页面设计富有立体感和空间感。

配色

整个页面的颜色与产品的主色调“香槟金”保持一致，如果你有看过苹果的官网，一定会发现这是苹果公司常用的设计。

文字选用的是黑色，在香槟金背景下对比强烈，易于阅读，但应该不是纯黑，而是黑灰色，显得比较自然。

设计原则

对比：背景与文字的色彩对比，文字的大小、颜色深浅的对比。

对齐：文本、图片均采用左对齐，同时图片上下也保持在同一水平线上。

02

字体

作品采用了衬线标题，非衬线正文字体设计。

普遍认为衬线体能带来更佳的可读性(相比无衬线体)，尤其是在大段落的文章中，衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。相比严肃正经的衬线体，无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化，如今的人们越来越喜欢用无衬线体，因为他们看上去"更干净"。

衬线体古典、优雅，无衬线字体则比较现代。

图片

采用了图片墙的设计，图片的大小保持一致，并在上增加了透明的渐变蒙版，弱化了众多图片带来的视觉比重，使读者能够把视觉重点放在文字内容上。

配色

包括色块，整个页面的颜色采用了红紫渐变，保持了页面色彩的一致。

设计原则

对比：白色标题文字在渐变色块反衬，标题与正文的大小、颜色深浅均形成对比；

重复：矩形元素（色块、渐变蒙板、缺角），渐变颜色的的重复使用

写在最后

对工具的熟练掌握也是很重要的一步哦，我所言的模仿是针对软件操作水平较好的同学无用哦，工欲善其事，必先利其器，在初学阶段，对工具的熟练掌握才是核心任务，如果你对每个效果的实操不是很理解的话，可以看看“百日计划”篇，相信可以给你提供思路。我是阿柯，喜欢阅读、听音乐、PPT，如果你也喜欢这些，欢迎勾搭。

个人微信号