无锡做网站:正盛行的网页设计和配色趋势
时间:2019-11-05 16:18来源:无锡做网站公司
任何一个网站都不会一成不变,企业网站改版客户其实是为了适应新时代的审美。越来越多的设计师学习世界上很多先进设计理念,将网站做得更加惊艳。
一、网页设计
扁平化+响应式+HTML5&CSS3结合的网页设计将会越来越流行,扁平化网页作品的排版设计非常丰富,值得参考学习!
扁平化网站设计风格之所以风靡,得益于它简洁、清晰的网页结构,更加便于设计和编码。
随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。
在扁平化设计中目前最有力的典范是Win8 metro界面,不得不说Microsoft不愧为PC用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。
我们发现在Win8 metro界面中,使用了完全的扁平化设计;在苹果产品及IOS系统中,看到了部分扁平化设计影子,在Google中,我们也同样看到了准扁平化设计模式,并且在Google中我们体验良好,而在Win8 metro中受到的评论并非这么乐观,所以不管是属于什么设计,设计的美在于是否适合,我不敢说扁平化设计就比谁好,这种非黑即白的理论并不适合。
【案例参考】
别凝视设计师的眼睛哦
单色调的设计
丰富插画
清爽简洁交互
https://www.squarespace.com/customers/sadie-williams
极简CMS云
Garden 色彩搭配
二、关于网页的配色
1、渐变色
渐变色在近几年也非常流行,其中有一种比较特别,即从暖色过度到冷色且饱和度很高的渐变色,比较典型的有从青色到玫红色的渐变。
这种颜色给人一种不安和躁动感,且具有一定的促销氛围,所以经常用于促销类和互联网设计中,例如天猫双11的活动页面设计就是用的这种配色。
注意事项:在软件中创建此类渐变色时,只吸取首尾端的两个颜色来拉渐变,出来的效果会比较温和,中间的色调会偏灰;如果想要更鲜艳的效果,可以在色条中间增加一两个过渡色,例如在青色到玫红色的渐变中可以增加蓝色和紫色,前后两个效果有很大差别,你可以根据自己的需求进行选择。
2、高饱和度对比色
在色轮上夹角为120度-180度之间的两个颜色被称为对比色,比较典型的对比色有红黄蓝。关于对比色以往的主流用法是,一个颜色的明度和饱和度较高,而另一个颜色的明度和饱和度则相对较低。
然而,近几年这种高饱和度、同等明度的对比色搭配也变得非常流行,这种色彩组合的特点是年轻时尚,且具有很强的视觉冲击力,广受以年轻人为主要消费群的品牌所青睐。
3、柔和色
柔色从直观感受来说就是那些看起来比较柔和、清新、舒适的颜色,这类颜色的明度和饱和度比较高,如粉色、浅紫色、浅绿色、浅蓝色等等。
适用于食品、护肤品类的设计。
4、黑色与柔色组合
高明度与高饱和度的柔色与黑色形成强烈的反差,能创造出强烈的视觉冲击力,一般的用法是在大面积的黑色中加入小块柔色,或者在大面积的柔色中加入小块黑色,起强调、调和的作用。
注意事项:在做设计时,有意在黑色色块中加入柔色的元素,或者在柔色色块中加入黑色元素,都会加强两者之间的联系。
本文部分摘录自设计师网站、搜狐博客,给设计师提供参考。
声明:除非注明,本站内容由无锡网站建设马氪软件原创发布©,转载请联系我们授权合作。