AI识字 字体品牌 字体合集 字体资讯
字体资讯 > 技巧教程
{{article.user.type=='by-origin'?'原创':'转载'}}by {{article.user.name}}

该文章未提交审核, 请编辑完成后提交审核。

该文章未通过审核,感谢您对字由的贡献。

该文章正在审核中,通过后将会自动显示在字说字话页面。

来一次没有色彩的设计旅行

{{tag.name}} 字体{{length(article.fonts)}} 评论{{article.comment_count}}

转载自 {{article.sourceName}}





文章前言>

相信大家平时都会见过一些只用黑白灰的设计,但是平时在做练习,或者工作的时候却很难把握好这样的画面今天给大家带来的就是一个无色彩的设计。如果大家都为一个问题感到困惑我也会专门出一篇文章或者视频帮助大家解决问题,提升设计水平,闲话不多说,下面会通过一个实际的项目去我们开始今天的案例演示。





我们可以从摄影作品上去学习,看看别人对于画面的整体掌控,黑白灰的关系比例以及整体的画面感觉。
我们可以看到,在这张摄影中最黑的部分基本都集中在了近处,远处以灰调子为主,整体的明度变化是十分清晰且自然的。

当然我们也可以在设计作品中学习,看别人的排版以及对于黑白灰的比例。


平时在做设计的时候可以多欣赏一些好的作品,这样有助于我们后期的设计工作。
一些有创意感十足的设计,会给人眼前一亮的感觉。





下面开始案例实操,通过文案确定下来画面的表现定位以及要求。
把信息陈列在画面里。
调整对齐和信息层级,保证文字之间有层级区分。
通过亲密性原则,控制间距拉开信息之间的空间。

简单划分画面的比例,确定画面上下空间的功能,大空间主视觉,小空间主阅读。

按照分割好的比例,进一步处理文字信息,把主标题和副标题摆放在空间里。
摆放好画面的主体,注意调节大小适当的裁切。

这一步主要处理字体上的问题,刚才使用的普通的黑体,这里把黑体做一个字体变形,确保文字放大后依然保持一定的视觉性。

我们确定整体需要使用暗色调,所以这一步需要更改背景色。
为了保证日期时间是突出的这一步主要处理下面的阅读性信息,处理是时候注意信息的大小对比,适当的用符号去替代文字可以很好的增强信息的阅读体验。
给背景增加一个渐变,适当的做出一点光感可以让画面的整体显得更有层次,刚才主标题的右侧有一个负空间,我们提取一个主体相关的元素与和英文进行适当的点缀。

继续添加相关的元素,进一步的丰富画面。
添加肌理,做出陈旧感提升画面整体的氛围。


最后做一个样机的效果,提升画面的质感。

>样机效果图<



版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}

相关字体

文章评论

评论
{{item.user.name}} {{item.timestamp|time}}
{{item.content}}
{{item.reply.user.name}}: {{item.reply.content}}
回复
回复

还没有人留言

查看更多 >

字体地图