打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
渐变,让界面设计眼前一亮

 渐变作为界面的背景

神秘、优雅、颇具吸引力、简单、只包含必要信息,半透明的解锁条让我们感受到细腻的质感。▼


同样大道至简。整个渐变的色彩搭配很讲究,中心略微模糊的圆圈中包含了清新的字体,流动的背景,纯净的像梦一般。▼


借用了黎明时分的天空渐变色彩。白色元素巧妙的从背景中脱颖而出。大量的留白,灰色的页顶和页底——用来导航——所有的一切完美搭配,形成了这款迷人的界面。▼



焰火色彩的渐变,字体运用的很好,有机的色调让这款界面很突出。▼


放射渐变,纯色菜单,设计师利用背景来衬托导航元素,图标很干净、纤细。▼


背景为突出组建。极度纤细的轮廓和字体与整体搭配的很协调。▼


明亮的渐变令人眼前一亮,用户会更注意到天气预报中的细节,得出能帮助日常生活的信息。▼



具有功能性的渐变效果

这部分的界面设计,渐变不再是“背景”,而具备一些功能性。

可爱的彩虹条,设计师很有技巧的利用渐变的色彩来进行不同选项的区分。整体效果多姿多彩,令人振奋。▼


这个界面比上面那款柔和多了,既然应用主题是日落,便采用了日落的渐变色彩。▼


这款界面使用了冷色调渐变,配合中立的白色,让人感觉颇具科技感、犀利。▼


同样色冷色渐变,有让人眼前一亮的感觉,同时也让人感到冷静,放射渐变效果能够很自然的吸引用户注意,以便阅读信息。▼


暖色渐变,同时区分选项,橙色让人感受到这款应用的动感和活力。▼


很好的布局,可读性极好,渐变功不可没。▼


这款应用的功能和渐变联系紧密,使用不同的色彩来代表温度。背景的渐变除了装饰性外,更注重功能性。▼


设计师通过色彩的不同来区分功能!▼


这个渐变效果不是很好,为何?上面的可读性稍差一点。▼


要记得,渐变,不单单是装饰。当它让人感觉温和的同时,又能够反映功能、人的自然感官的时候,它必然能令人眼前一亮,带来出乎意料的效果。

但是要注意的是,不是使用了渐变就一定会优秀,不要为了使用渐变而去使用,要是反而给功能使用、可读性带来坏的影响,那么即使用出再漂亮的渐变色,也只会是个失败的作品。


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
论多媒体课件界面设计的原则和方法 - cxj的日志 - 网易博客
移动界面设计趋势分析
简约之道 - 最小化界面设计的组成要素及可用性分析
4.2 界面设计原则
工控自动化技术文摘:组态软件人机界面设计步骤
网页界面设计教程
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服