2018年10个在网页界面中应用渐变效果的原因（一）

　　1.创造更有吸引力的背景

　　渐变效果能创造视觉吸引力来引导浏览者观看界面。注意力会在一个颜色区域上停留，而色彩色调、亮度之间的变化有助于引导视觉焦点在屏幕上的移动。渐变效果可以是一个非常有用和吸引用户的设计工具，并为许多种类的项目巧妙地增加亮点。虽然有很多使用渐变的设计方法，但最流行的方法之一是将渐变作为背景，将包含图像、文本和其他元素的主体放置在渐变背景上层。下例中巧妙使用这种方式。用柔和的渐变颜色为眼睛提供了一个居中的舒适区域，并将要突出的标题、产品等内容放置在从屏幕的左上角到右下角的45°焦点区域。渐变贯穿整个页面，并将logo，下载按钮，发现更多放置在页面顶部底部的深色区域，这样不仅能突出这些内容组件，而且让浏览者在大面积的色彩中有了边界，不至于迷失反向。
 

 

　　http://media.swatch.com/skin/
 

　　2.标题渐变效果，创造出视觉焦点

　　就像渐变效果可以应用在背景图片一样。渐变效果同样可以用于前景主体元素，比如文字标题。渐变颜色是一种非常通用的设计手段，所以它被广泛应用在网页设计中。在单调的背景上，对前景主体元素使用渐变颜色进而突出主体，极大地吸引视觉注意力。网站建设中渐变颜色选择必须是有针对性的，这样就可以最大地保持画面的对比度和可读性。
 

 

　　3.使用渐变叠加的图片

　　带有颜色叠加的图片的设计已经流行了一段时间了，因此从单色叠加转换到渐变色叠加，没啥可惊奇的。对大图而言这种效果是非常好的选择，例如关键的头部能够帮助用户把焦点放在重要的设计元素上，也能留出一块空间用于输入文本，或者进行行为引导，使之更加具备可读性。把渐变色叠加在图片上，这种方法使图像和颜色之间达到了某种平衡。色彩能够跟图片的含义相匹配吗？你能一直非常清楚地了解并且理解图片所表达的故事？ 为了保留图片的完整性和全部信息，这些渐变元素需要以一种十分巧妙的方式结合起来。
 

 

http://www.comment.fr/