2018-06-12 18:28:38|已浏览:1384100次
六月高考季,温度逐渐回升,许多在校学生也想撑着暑假期间提升下自己的能力,好选课教育培训平台带你一起来了解电脑设计师方面的课程知识!21世纪互联网行业高速发展,网页设计是许多同学们想学习的技能,今天,我们一起来了解下六月份网页设计方面的一些设计趋势吧!
一、低透明度色彩叠加
在图片和视频上叠加色彩也不是什么新鲜的玩法,它是非常受欢迎的设计手法和趋势。这种设计技法让设计师可以更轻松地创建层次分明的效果,可以通过色彩叠加来创建更为统一的视觉效果,控制对比度,营造氛围和情绪。
这种设计当中,透明度的控制是极为关键的一个步骤。通常,设计师不会让色彩叠加层透明度太低,这样用户就可以一目了然地看到背景的图片信息。不过,在今天的这几个案例当中,用户需要仔细分辨才能看清背景中被盖住的内容,因为色彩叠加层的透明度不高,对背景图片的遮盖力很强。对于这种设计趋势,我们可以简单分析一下:
这种设计看起来是很酷的,低透明度让背景以纹理的形式呈现,更加富有深度,创造出吸引人的视觉效果。
这种设计趋势不适合传递背景信息,因为低透明度确实很难让背景的细节清晰地传达出来。
那么,这种设计趋势是否值得追随呢?这个就要具体问题具体看待了。
不要使用这种趋势来呈现关键性的图片信息,如果你仅仅只是要借助图片搭配色彩叠加来强化层次感、增加信息量,那么另当别论。
在下面的每个案例当中,前景的元素都足以传递出清晰的内容和信息,彩色叠加层后的图片内容更多是装饰性的。图片虽然都提供了一些附加的信息,但是这些信息都不是关键,它们更多的是强化视觉。
这是一个适用范围相对较窄的趋势,如果你想使用的话,同样需要控制好透明度。
二、全新分屏设计
我们曾经在设计趋势相关的文章中多次提到分屏设计,而分屏式设计也多次作为月度设计趋势出现在同系列的文章当中。
分屏设计的好处在于它本身可以很好地呈现两方面的信息,并且能够针对不同尺寸的屏幕进行响应。无论是在桌面端屏幕上还是在移动端界面上,都能一次获取两种不同的信息。用户不会错过重要的信息。
不过在最新的网页设计作品当中,分屏设计本身在功能和形式上并没有太大的变化,不过在处理方式和细节上和以往不尽相同。首先,这些设计保留了分屏设计的基本思路和精神,也就是将屏幕分为两个部分来呈现信息,但是在划分区域的时候,设计师换了新的思路。Reach Digital 分屏采用的是对角线方向的不对称分屏,黄白双色对比强烈,而同样采用对角线分屏的 Cap GunCup Creative 则使用了更为简约的黑白配色风格,Weima 这个网站则采用了传统的左右分屏,但是分割的比例是按照3:1来划分的,这种分割方式更加有趣。
分屏设计的好处在于它可以应对多种多样的设计。无论是小型网站,还是大量的内容,分屏的设计都可以让用户参与进来。分屏式设计为用户提供了两种不同的选择,不难理解,功能也很直观。
三、 全屏大图
超大的全屏图片在网页设计中已经不算太新鲜的东西了。不过,如果你仔细查看近期的这些使用高清全屏大图的网页设计,会发现设计师们开始越来越多地将其他的元素从整个首屏设计中剥离,让位于背景的图片展示性更强,将屏幕填充得更加彻底。
全屏大图以外,不再有独立的导航区域或者其他的元素,所有的前景元素都位于图片的笼罩之下,网站的一体性更加明显。由于前景元素的缺乏,整个背景图片承担了更多的视觉展示的作用,只有最好、最引人瞩目和有趣的图片才更加契合这样的设计。
下面的一个网站设计案例均是如此,导航等功能都隐藏在大图背景当中,通过汉堡图标和其他的方式来引导用户点击或者吸引用户。所以,图片的素质必须非常的过硬才行。
而这种设计手法所面对的问题也很具体,比如说大图背景所带来的对比度和识别度上的可用性问题,前景元素和背景图片之间在视觉上的冲突等等。
其他的设计元素,比如线条和「查看更多」和箭头等元素,能够在视觉的引导上起到一定的作用,类似这样的设计细节能够很好的缓解一些上述的问题,不过需要设计师仔细斟酌。
以上内容来源于网络,如有侵权请联系小编删除更正!
好选课汇集了全国众多家教育培训机构,为您提供电脑培训,设计师培训,英语培训,财会培训,中小学辅导,建造师培训,职业技能培训,学历进修等多个培训课程参考和学习资讯,致力于帮助学员找到好的学校,帮助教育机构找到好的学生,做深受用户喜爱的教育培训门户平台