美文网首页如何打破PPT准高手怪圈
审美分析系列02—图文排版

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

作者: KeayHo | 来源:发表于2017-08-24 00:02 被阅读33次
    首发于(公众号:阿柯)

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

    第一个选自Apple(苹果)公司官网,是关于ipod系列产品的介绍;

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

    具体分析见下文。

    01

    字体

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

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

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

    图片

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

    配色

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

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

    设计原则

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

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

    02

    字体

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

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

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

    图片

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

    配色

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

    设计原则

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

    重复:矩形元素(色块、渐变蒙板、缺角),渐变颜色的的重复使用


    写在最后

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

    个人微信号

    相关文章

      网友评论

        本文标题:审美分析系列02—图文排版

        本文链接:https://www.haomeiwen.com/subject/ebqsdxtx.html