使用3个对比的方法提升网页的视觉效果

 2020-09-30 17:09:38  651 浏览  0 评论   赞

对比方法:元素之间相互接近,或者相互远离,以区分不同的元素;利用视觉提示将用户眼球引导到指定位置;复杂与简单的对比同样可以引导用户视觉

接近与分离

接近与分离_使用3个对比的方法提升网页的视觉效果

图815-1:颜色对比

将设计要素进行整理,然后合理地进行分组,以此去提升要素之间的关联性,这就是接近的形式去打造视觉对比效果。同样,反之,则是分离的形式,帮助用户去有效区分要素的不同。

视觉提示

视觉提示_使用3个对比的方法提升网页的视觉效果

图815-2:大小对比

良好的视觉提示,需要直观,即所见即所得,这样才能够起到强调、突出的作用。

复杂与简单

复杂与简单_使用3个对比的方法提升网页的视觉效果

图815-3:虚实对比

复杂与简单其实就等同于接近与分离,运用好视觉装饰,形成强烈的对比效果以帮助用户进行区分。其次,视觉效果上不会过于花哨与单调,比较中和。

复杂与简单_使用3个对比的方法提升网页的视觉效果

图815-4:繁简对比

 

转载请注明:网创网 www.netcyw.cn/b815.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com