别划走!作品集版式技巧第二弹来了!

别划走!作品集版式技巧第二弹来了!

别划走!作品集版式技巧第二弹来了!

别划走!作品集版式技巧第二弹来了!


2023年第21篇原创


继上一篇第一弹,大家反馈效果都还不错,于是第二弹来了!多多点赞支持,马上能出第三弹!老规矩,爱看视频的看视频,不爱看视频的就看文字吧!


今天我们来优化一下这样的版面:

别划走!作品集版式技巧第二弹来了!

我们先来分析一下这个图文版式的问题,首先,文字部分对比不够,带蓝色的小元素和背景处理比较零碎,标题的中英文处理的太简单了,没有设计感。右侧的图片风格类似,看起来比较臃肿。

好了,接下去我们就来做一个简单的小手术。如果我现在不想动右侧的图片,只想通过调整文字和布局,怎么样让版面更高级呢?

我们先抛开固定的画板比例,由原来的横向布局切换成纵向布局

别划走!作品集版式技巧第二弹来了!

填充更多页面上下空间。然后给页面做个解剖,做一个网格框架,一会可以用来摆放内容。

别划走!作品集版式技巧第二弹来了!

接下来,对标题进行一个美化,换成英文大标题或者中文大标题,这里要注意的是标题字体的选择务必要搭配整个包装风格,记住3不要,不要衬线、不要粗细不一、不要夸张,简约的粗笔画的字体就可以,中英文同理

别划走!作品集版式技巧第二弹来了!

然后保持右侧图片不动,根据网格来摆放文字内容,根据平衡原理,文字可以放置在空白处进行对称。最后将网格背景弱化形成半透明渐变,打工告成

别划走!作品集版式技巧第二弹来了!

看到这里,我们还有没有别的排版方式呢?除了左右对称我们还可以用居中对称来试一下,是不是也会有一种新的感觉。

别划走!作品集版式技巧第二弹来了!

所以,我们在做作品集包装的时候不要用汇报工作的思维去呈现内容,往往你的设计思路都框在一个固定的画板里而无法自拔,设计形式多种多样,多尝试更多的版式你会有新的发现! 

-END-


别划走!作品集版式技巧第二弹来了!

本篇文章来源于微信公众号: 应谋鬼计

UI/UX工作

今天的UED,还有啥价值?

2023-8-24 9:00:07

UI/UX工作

只会搞规范的UED,不要也罢

2023-8-25 9:00:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索