Godzilla. 2018-08-08
网站建设
2018年10个在网页界面中应用渐变效果的原因(二)
1.引导视线移动
一个精彩的渐变效果能为浏览者创建一个有意图的视线移动方式。众所周知,大多数网页浏览者遵循F型浏览模式,从页面左上方向下逐行浏览。使用纵向渐变颜色方案引导视觉移动。例如下例眼睛会先进入左上角最浅的颜色区域,然后再移动到更暗的地方。设计渐变颜色以加强这种浏览时的眼球运动。
https://www.8vodesigns.com/
2.创造一种令人印象深刻的意境
随着渐变颜色在网页设计中越来越流行,每一种不同的渐变混合效果都会创造出令浏览者感受不同的意境。一个精妙的渐变组合可以突出展示你的内容,帮助浏览者记住你的品牌或内容信息。有目的的设计渐变效果有助于制造能引起浏览者共鸣的意境。如果设计师善于使用渐变效果,可以让渐变和图片场景很好的融合在一起。
https://koa.com/
3.通过品牌渐变颜色强调品牌
如果品牌颜色不唯一可以尝试将品牌颜色做成一对对渐变效果。在品牌或网站设计中使用品牌渐变颜色,这是一种强调宣传品牌,巩固品牌与受众联系的有效方式。思考如何将相同的渐变风格融入到品牌的多种用途中,或者用于社交媒体信息传播的印刷品或广告活动物料中。在不同的场景中使用相同的品牌标准渐变颜色,将会通过渐变颜色的运用加强受众对于品牌的识别度。下例很好的提现了这一方法。在网页logo,内容重要区域及背景中多次使用品牌渐变颜色,进一步突出了品牌及品牌色。
4.渐变效果很容易被创造
在图像中添加一个渐变效果或从空白画布创建一个渐变效果很简单。在绘图软件中选择两到三种颜色,然后为渐变选择一个形状,以及颜色应该从哪里开始、停止和重叠。从形状到方向,从左到右,从上到下,亦或是放射状,颜色的变化也可以从一个点以圆形的方式散发出来。设计可以包含一种或多种风格的渐变。选择合适的渐变颜色可能是比较重要的一步。使用在色环附近的颜色系列将会产生互补和自然的渐变,但筛选渐变颜色方案的方法并不唯一。如果在创建渐变时遇到困难,网络上也可以搜索到很多有用的渐变生成工具。
https://codepen.io/supah/pen/prVVOx
浏览次数: 2062 次
文章评论: