它的运用场景
我们分别来看看实际案例如何运用的?
1.在UI中的运用
杂志在APP中页面的布局有限,用户通过产品图片了解产品和它的调性,所在我们在选图的时候尽量选择与产品匹配图片。
2.在网页中的运用
这些网站巧妙运用了一个摄影图片,眼睛定位成了一个视觉锚点,让你不自觉的被吸引进去了,加上网格的排版运用,极简的内容,非常的时尚!
3.在平面中的运用
杂志风在平面中的产品不是很多,更多的是时尚杂志或者产品杂志。
杂志风格如何设计
那么杂志风的设计从那出发呢?我总结了一共4条,分别是:
1. 高品质配图
2. 字体
3. 空间感
4. 留白
1.高品质配图
同样对图片要求高品质图片,页面图片的调性起了关键性的作用,图片中的人物或是产品,融入了情感化的因素,会使得阅读者对图片产生归属感,进而对其展示的产品品牌产生一定的认知和归属。
2.字体
大标题字体是杂志风的特有的风格。通过文字的大小对比使页面富有层次感。文字常见的排版手法有两种:一种是局部叠压,一种是整体叠压,让我们来看下他们有
布局叠压—顾名思义就是文字只压住图片的一部分。通过打破画面的沉闷感,形成对比,运用得当往往会产生意想不到的结果。
整体叠压—最大化展示图片,让文字全部压在图片上。这种叠压带来的视觉冲击力很大,对文字的排版空间也很大,可以自由发挥。但是需要注意这种叠压对文字的阅读性会有一定的影响。
3.空间感
通过以上图片你会发现,图片与文字形成的空间感,文字与文字间的层叠关系,近大远小,近实远虚,引导视觉焦点,突破二维的画面限制,制造三维的视觉冲击力,塑造空间感。
4.留白
杂志风的设计元素简单「文字+图片」。太多的元素会干扰视觉。如果元素过多,那么用户的注意力会分散。设计的留白能够让用户尽快的寻找到所需要的信息。页面适当的留白可以平衡的布局,元素更清晰的呈递效果,更能吸引用户注意。
总结归纳
还是那句话杂志风主要元素图片+文字:
1、图片的选择
视觉第一秒看到的是图片本身,所以一张好的图片起到了决定性的作用。好的图片会让用户对图片产生归属感。如果前期图片拍摄修图处理不好,也会直接影响到整体效果的呈现。
2、字体的运用
标题典型大字体,在排版上图片与文字或者文字与文字通过层叠、进大远小、进实远虚等一些排版,让画面有空间感。在选择字体的时候,我们也可以根据产品调性来确定字体,这样可以确保画面的统一性。