找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 148|回复: 0

色彩驱动排版结构让你的网页设想作品注入本性

[复制链接]

1

主题

0

回帖

13

积分

新手上路

积分
13
发表于 2023-2-28 21:35:10 | 显示全部楼层 |阅读模式
来历:知乎



有一种版式结构叫做色彩驱动排版结构。巴西设想大师Daniel Snows给我们分享他在排版结构方面的创意高级技能。


01
-
饱和度对照+倾斜切割结构


色彩驱动排版结构让你的网页设想作品注入本性-1.jpg


高饱和度的红色和蓝色,同饱和度最低的黑红色彩,在色彩饱和度上组成清楚的对照,在倾斜切割结构之下,连结整体结构上的同一,又在视觉上制造了抵触。

02
-
色相对照+黑白帮助色黄蓝


色彩驱动排版结构让你的网页设想作品注入本性-2.jpg


两色在色轮上处于相对位置,黄色为主的风光图作为布景,远景则利用对照激烈充足夺目标蓝色,让全部视觉显得很是突出。黑红色彩的图片和色块穿插其间,不但丰富了细节,还强化了结构视觉。

03
-
黑白对照+红色提亮


色彩驱动排版结构让你的网页设想作品注入本性-3.jpg


由于产物是以典范的黑白两色为主,点缀红色,页面也采用了近乎分歧的色彩对照,倾斜朋分的结构和鞋的偏向连结分歧,而最焦点的产物名则借助红色成为页面中最抓人眼球的部分。

04
-
明度对照+轮播图


色彩驱动排版结构让你的网页设想作品注入本性-4.jpg


作为视觉重心的鱼是明度较高的蓝色,而布景则采用了明度较低的深蓝,中心穿插红色的题目文本作为说明。全部页面可以经过底部的预览图快速切换,连结繁复的同时,功用性、视觉都兼顾到了。

05
-
CG 插画+笔墨剪贴结果


色彩驱动排版结构让你的网页设想作品注入本性-5.jpg


色彩丰富的 CG 插画为全部页面进献了丰富的信息量,左侧的侧边工具栏利用模糊结果来营建远景的条理,右侧则间接在远景盖上了一层红色,这都是为了缔造信息量上的对照。笔墨剪贴结果让布景信息透出来,增加融入感。

06
-
单色为主+笔墨穿插结果


色彩驱动排版结构让你的网页设想作品注入本性-6.jpg


全部页面的主色彩是黄色,布景经过突变营建奥妙的过渡,远景的视觉主体也是以黄色为主。超大的红色文本题目和视觉主体穿插显现,在平面上缔造出立体感,强对照的黑色让页面显得加倍丰富不单调。

07
-
典范红白+圆形布风景块

色彩驱动排版结构让你的网页设想作品注入本性-7.jpg

红白配色无疑是兼顾了魔声自己的品牌用色,红白费配对照就充足激烈,加入黑色增加丰富度。大面积的红色圆形色块照应了耳机自己的圆形结构,也在外形上和矩形元素组成对照,和而分歧,连结了充足的调和。

08
-
红色为主+绿色提亮


色彩驱动排版结构让你的网页设想作品注入本性-8.jpg


这个案例一样利用了典型的对照色,红色和绿色,占比力小的侧边栏利用了黑色,红色题目字体纤细,是很好的点缀,提亮的绿色使得作为视觉主体的辣椒极为显眼,全部页面色彩同一,主次清楚。

09
-
低饱和度对照色+笔墨穿插结果


色彩驱动排版结构让你的网页设想作品注入本性-9.jpg


图片中大面积的蓝色和底部用来夸大的粉红都是饱和度相对较低的色彩,两者在视觉上一样组成了对照。全屏布景中,山丘是最抓人眼球的视觉主体,手写字体并非完全覆盖在其上,而是有部分笔触穿插隐藏在山后,条理感强。




原文地址:https://zhuanlan.zhihu.com/p/165974638
免责声明:
1、文章部分图片源于收集,均为表示图;
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切;
3、因非原创文章及图片等内容没法和版权者联系,如原作者或编辑以为作品不宜上网供阅读,或不应无偿利用,请实时告诉我们,以敏捷采纳适当办法,避免给双方形成不需要的经济损失;
4、本页面内容由爬虫法式自动收集于互联网,如无意中加害了媒体或小我的常识产权,请电邮【E-Mail:cb@yoyodoc.com】告之,我们将于24小时内删除。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-12-4 01:23 , Processed in 0.486065 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表