全球经典风格之杂谈风(2)

来源:网络   作者:热心网友   发布时间:2021-04-08    浏览次数:62

它的运用场景

我们分别来看看实际案例如何运用的?


1.在UI中的运用

杂志在APP中页面的布局有限,用户通过产品图片了解产品和它的调性,所在我们在选图的时候尽量选择与产品匹配图片。


2.在网页中的运用

这些网站巧妙运用了一个摄影图片,眼睛定位成了一个视觉锚点,让你不自觉的被吸引进去了,加上网格的排版运用,极简的内容,非常的时尚!


3.在平面中的运用

杂志风在平面中的产品不是很多,更多的是时尚杂志或者产品杂志。


杂志风格如何设计

那么杂志风的设计从那出发呢?我总结了一共4条,分别是:

1. 高品质配图

2. 字体

3. 空间感

4. 留白


1.高品质配图

同样对图片要求高品质图片,页面图片的调性起了关键性的作用,图片中的人物或是产品,融入了情感化的因素,会使得阅读者对图片产生归属感,进而对其展示的产品品牌产生一定的认知和归属。


2.字体

大标题字体是杂志风的特有的风格。通过文字的大小对比使页面富有层次感。文字常见的排版手法有两种:一种是局部叠压,一种是整体叠压,让我们来看下他们有

布局叠压—顾名思义就是文字只压住图片的一部分。通过打破画面的沉闷感,形成对比,运用得当往往会产生意想不到的结果。


整体叠压—最大化展示图片,让文字全部压在图片上。这种叠压带来的视觉冲击力很大,对文字的排版空间也很大,可以自由发挥。但是需要注意这种叠压对文字的阅读性会有一定的影响。


3.空间感

通过以上图片你会发现,图片与文字形成的空间感,文字与文字间的层叠关系,近大远小,近实远虚,引导视觉焦点,突破二维的画面限制,制造三维的视觉冲击力,塑造空间感。


4.留白

杂志风的设计元素简单「文字+图片」。太多的元素会干扰视觉。如果元素过多,那么用户的注意力会分散。设计的留白能够让用户尽快的寻找到所需要的信息。页面适当的留白可以平衡的布局,元素更清晰的呈递效果,更能吸引用户注意。


总结归纳


还是那句话杂志风主要元素图片+文字:


1、图片的选择

视觉第一秒看到的是图片本身,所以一张好的图片起到了决定性的作用。好的图片会让用户对图片产生归属感。如果前期图片拍摄修图处理不好,也会直接影响到整体效果的呈现。


2、字体的运用

标题典型大字体,在排版上图片与文字或者文字与文字通过层叠、进大远小、进实远虚等一些排版,让画面有空间感。在选择字体的时候,我们也可以根据产品调性来确定字体,这样可以确保画面的统一性。


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:平面设计

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/9159.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通