平面设计教程!如何做出高级感的排版?

时间:2021-12-21
类别:平面设计
水平:普通
观众:1.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!如何做出高级感的排版?

教程作者:葱爷(授权转载)

交作业:#优设每日作业#

关于教程

阅前叨逼叨:我从服装网页设计作品中总结出了的9个能让设计变高级的技巧。

设计有高级和不高级之分吗?当然有,比如大部分奢侈品牌的设计都看起来很高级,而大部分快销品的设计就没有这种感觉。随着大众审美的日益提高,越来越多客户把“高级”纳入了设计的需求中,而不够高级也成为了设计师不断改稿的主要原因之一,那么怎样的设计才叫高级呢?葱爷推荐大家多去看看这类设计:服装品牌的网页设计。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

怎么样?满满的高级感有没有?这类设计为什么会有很高级的感觉呢?有哪些地方可以值得我们去借鉴、学习呢?葱爷总结出了它们的9个特点:

教程内容

1.使用纯色

渐变色可以做得很时尚很有个性,但要说高级,那还是纯色比较有优势,你看奢侈品牌就很少用渐变色,所以,如果想要高级的效果,版面的背景和色块要多使用纯色。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

2.使用素色

高级的设计不但喜欢用纯色,而且是喜欢用比较素的纯色,即饱和度比较低的颜色,比如米色、卡其色、灰色、白色等等,看起来很素雅。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

3.衬线字体

除了色彩,字体对于设计作品是否高级也非常重要,一般来说,衬线体给人的感觉最高级,无衬线体次之,手写体排最后。当然,英文的效果会更好,所以我们在做设计的时候可以搭配一些罗马体英文,比如Bodoni、Didot、Voyage、Ogg等等都是不错的英文衬线体,文章末尾葱爷会分享几款英文字体的下载链接。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?平面设计教程!如何做出高级感的排版?

4.干净的图片

说完文字我们再说说图片,高级的版面,其图片一般比较干净,这个干净不是说一定要有很多留白,而是指颜色和元素不要太花、太杂,比如在下面这些作品中,模特穿的衣服也是比较简单的,这些图片本身看起来就很高级。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

5.使用几何轮廓图片

除了矩形轮廓的图片,我们还可以试试把图片的形状设计成其他简单的几何状,比如圆形、椭圆形、圆角矩形、拱门形、菱形等等,这些形状会显得没那么常规,而且会给版面腾出更多的留白空间。当然,图片的轮廓要根据图片的内容来做选择,不能影响了图片内容的展示。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

6.图片与线的组合

版面中仅仅是图片和文字,你可能会觉得很斋(单调),而如果加图形和色块又怕太突兀,或者抢走主要元素的风头,所以,加线条或者线图形是一种不错的方式,既能起到丰富版面、增强设计感的作用,又不会太抢戏。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

7.圆弧形图片配弧线文字

版式对于设计的气质也会有很大影响,很多服装品牌的设计喜欢用一串文字,绕着圆弧形轮廓的图片排版,这种排版方式可以与版面的边界以及其他水平排列的文字,形成鲜明的对比,视觉效果很不错。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

8.大文字、大留白、小图片

大图片、小文字的版面可能我们看的比较多,感觉比较大气,而大文字、小图片,再加上大面积的留白,又是完全不同的另一种感觉,相比前者会更有设计感、更富有变化,使用得当也会很高级。

平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

9.克制
高级的设计往往是很克制的,包括对色彩、字体、元素、特效、技巧等方面的克制,例如下面的几件作品,除了必要的元素,几乎没有任何多余的东西,但设计师通过对字体、字号、字间距、行距、对齐、留白的控制,让版面显得并不单调,反倒很高级。

平面设计教程!如何做出高级感的排版?平面设计教程!如何做出高级感的排版? 平面设计教程!如何做出高级感的排版?

结语

使用纯色、素色、衬线字体、干净的图片、几何轮廓图片、图片与线组合、圆弧图片配弧线文字、大文字大留白小图片、克制。记住啦,下次想做高级的设计时,不烦试试这几个技巧,然后多找一些服装品牌的网页设计来看看。不过使用技巧的时候切忌生搬硬套,根据具体情况灵活使用才是正解,希望这篇文章对你有所帮助。

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

学完这篇教程的人还在学…

附件下载

文件名 文件大小 提取码 下载来源
文中作品 & 常用英文衬线字体64.03MB82ty 点此复制 登录下载
18 收藏 79

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 已发布 1

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片