今天我们进行两个作品的分析。
第一个选自Apple(苹果)公司官网,是关于ipod系列产品的介绍;
第二个是一个图文排版的页面设计。
具体分析见下文。
01字体
著名的Apple(苹果)公司产品在早期选用了全世界最著名最受欢迎的 英文字体——Helvetica,在 iOS 9 之前,旧金山字体已经用于 Apple Watch 中。如今,旧金山字体已经成为苹果全平台的统一字体:Apple Watch、iPhone、iPad、Mac 和 Apple TV。
虽然都为无衬线字体,但旧金山字体在任何字号、任何设备都易于阅读。在Apple Watch等小屏幕产品中同样具有良好的识别。
在平面设计中,好的字体同样能起到锦上添花的作用。
图片
图片添加了左下阴影效果,使产品及页面设计富有立体感和空间感。
配色
整个页面的颜色与产品的主色调“香槟金”保持一致,如果你有看过苹果的官网,一定会发现这是苹果公司常用的设计。
文字选用的是黑色,在香槟金背景下对比强烈,易于阅读,但应该不是纯黑,而是黑灰色,显得比较自然。
设计原则
对比:背景与文字的色彩对比,文字的大小、颜色深浅的对比。
对齐:文本、图片均采用左对齐,同时图片上下也保持在同一水平线上。
02字体
作品采用了衬线标题,非衬线正文字体设计。
普遍认为衬线体能带来更佳的可读性(相比无衬线体),尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。相比严肃正经的衬线体,无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去"更干净"。
衬线体古典、优雅,无衬线字体则比较现代。
图片
采用了图片墙的设计,图片的大小保持一致,并在上增加了透明的渐变蒙版,弱化了众多图片带来的视觉比重,使读者能够把视觉重点放在文字内容上。
配色
包括色块,整个页面的颜色采用了红紫渐变,保持了页面色彩的一致。
设计原则
对比:白色标题文字在渐变色块反衬,标题与正文的大小、颜色深浅均形成对比;
重复:矩形元素(色块、渐变蒙板、缺角),渐变颜色的的重复使用
写在最后
对工具的熟练掌握也是很重要的一步哦,我所言的模仿是针对软件操作水平较好的同学无用哦,工欲善其事,必先利其器,在初学阶段,对工具的熟练掌握才是核心任务,如果你对每个效果的实操不是很理解的话,可以看看“百日计划”篇,相信可以给你提供思路。我是阿柯,喜欢阅读、听音乐、PPT,如果你也喜欢这些,欢迎勾搭。
个人微信号
网友评论