色彩在设计中的层次和层级(3)

来源:网络   作者:热心网友   发布时间:2016-12-28    浏览次数:577


02、网页的色彩分解

单张的设计图说了一大堆,下面把网页部分尽可能的说的简单一点咯!


A、首屏引导型

这类型的网站或网页是我们看到的大部分网页设计类型,多数是以公司或产品LOGO的主色系进行色彩延续,在页面需要突出重点的地方,他们选用首屏的主色调,辅以黑白灰或在加一个临近色(点缀使用)


db0257c585930000012e7e8a7c3c.jpg

这类型的网页设计不需要做太多介绍,随便点开两个网站就有一个这样咯!

如果非要说要点,那就是设计整体页面的时候划分好你的重要信息分级,不要在同一屏内出现过多重要信息,那样无论信息还是主色彩,你一定会流失一样才能保住页面美感.



B、单底色、多色彩型

这类型设计多出现于宣传活动页,由于需要展现的内容较多,甚至多线(品类)展示,所以在不同屏次间做不同色系区分,但详细文字的基础色的黑白灰尽量不变,这样才能稳定整个页面


998d57c588b60000012e7e98720d.jpg

1、不同页面用不同色系来做区分,前提一定要保持色彩在同一级明度、饱和度范围

2、主推产品色彩反差和空间最大化(↖左上)

3、前景都用那么多色彩了,背景当然是黑白色系咯



C、色彩对比型

这类型网页不那么常见,多出现在对阵游戏、竞技赛事、电影传播、时间轴展示页,常见的色彩多为红V蓝、红V黑、蓝V绿、青V粉……还有一个特点就是,这类型页面多为叙述性排列信息!


973057c58c440000018c1b1a3c44.jpg


上面两个页面一个是上下跳跃分色(↖左上),一个是左右对比分色(看↑)。他们的虽然都是在各自叙述一个产品故事,但第1个是每个页面表现一段内容,右边则是连贯性展示整体内容。当然一段一段讲述内容的页面自然就是比较长的,因为他要让访客(受众)有一个单独停留时间,而不是满篇文字;而左右对比色的连续展示页面相对都较短,毕竟一连串的看内容难道你还想表现很多屏么!


这里只说一个重点就是,这类型页面大都要有较好的图才行,要么摄影图片、要么游戏原画、至少要有精致的图标……没有怎么办,去搜图、去画图标啊/(ㄒoㄒ)/~~!


1234共4页
联盟广告
×

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

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

相关推荐

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

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

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

×

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

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

×

充值学币 立即开通