canvas教程

网页设计教程:首屏图文混排10大技巧分享

字号+ 作者:H5之家 来源:H5之家 2016-10-13 17:01 我要评论( )

图文混排是设计中极为重要的一项技术,同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果,你需要一张完美的照片,和足够出彩的文字排版。如果你

图文混排是设计中极为重要的一项技术,同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果,你需要一张完美的照片,和足够出彩的文字排版。如果你准备接受挑战,那么请看接下来这10条技巧吧。

1、强化对比

Packdog

网页设计 色彩对比 首页设计 图文混排

Wearetelegraph

网页设计 色彩对比 首页设计 图文混排

首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。

当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。例如第一个案例,Packdog网站的设计,大图作为背景,用色浓郁,文字则正好相反,轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 北京计算机/网络/通信

    北京计算机/网络/通信

    2016-09-16 11:00

  • ps技巧教程:网页设计中图片的优化技巧

    ps技巧教程:网页设计中图片的优化技巧

    2016-08-31 14:01

  • 体验未来:10个会让你惊叹不已的HTML5画布(canvas)技术应用演示

    体验未来:10个会让你惊叹不已的HTML5画布(canvas)技术应用演示

    2016-05-08 13:00

  • HTML5学习记录-----canvas学习之鼠标选取放大图像

    HTML5学习记录-----canvas学习之鼠标选取放大图像

    2016-03-10 19:41

网友点评
c