网页设计中最重要的元素是什么?你不知道?思考一下:你是如何将信息传递给用户的?你是如何展示产品的?现在你明白了吧,答案很简单,用文字将信息传递给用户,用图像展示产品。两者结合之后,表达能力呈几何级上升。
图像胜过文字
大多数人认为图像比文字易于理解,这已经不是什么秘密了。通过观看的形式,图像更容易表达情绪,也更容易让用户铭记。用户很可能因为页面中一幅动人的图像而记住你的网站。
在网上,你可能看过很多信息图。信息图的绘制规则很简单——人们更喜欢读图。很多人宁愿从图像中学习知识,世界上三分之一的人喜欢用图像作为学习的工具。
背景图确实能够起到营造氛围的作用
和信息图的道理很相似,你可能会注意到很多网站的背景都采用质感佳、意境好的大图。这种设计方式连我都挑不出毛病。这种背景图营造出特殊、出众的网站氛围,要注意根据品牌的特点选取恰当的大图。
关键所在
间断的介绍之后,我们来讨论一下:用户浏览网站,期望得到怎样的第一印象。从评论中我们得知,用户喜欢那种简约理念的网站,所以我们就放上一张效果惊人的背景照片,背景上面再写上几行字,就能满足用户需求。
文字解释似乎有点含糊不清,可以看看下面的案例便能明晓。这种设计方法非常行之有效,效果很形象化。我前面已经说过,用户期望先看到一张大图,既舒服,又能了解大致内容,有个心理准备,然后再看文字,详细的了解内容,这样的信息传达更加到位。
这种方式下,用户会在你的网站停留更久、会获取更多公司信息、会了解更多你的产品。
但是,功能大于形式,如果在某些情况下,继续用文字向用户传达信息,又希望通过大图的方式来吸引用户怎么办?
请看案例
慵懒而又清新的背景,美好阳光初现的早晨,手握平板,上网冲浪,这张大图很美,但是如何强调性的表现文字内容?答案是做一些模糊处理

大背景图片很酷,怎么体现文字的内容?答案是,文字要更酷、更大

黑云压城城欲摧,文字凸显主题开,原谅这首拗口的打油诗吧,黑色、单一的背景,先用彩虹伞做一个区域聚焦,然后白色的标题自然而然的形成了强烈对比。

这张图太棒了:1.引出并强调了文字 2.一种妙趣横生的聚焦手段 。当然,文字还是做主角。

黑白背景的对比,强调出文字。2.水平上杂乱的纸屑引导用户阅读。

永远都那么有力的黑白配

图片虽然比文字易懂,但是若只有图片,表达效果很模糊,只有文字,让人不免枯燥。
无论图片有多大,我依然认为文字代表的是”主题”,图片起解释作用,大图片背景网页设计中,如何防止喧宾夺主、以小博大,真的是一门学问。
情非得已
21个Sketch实用高频小技巧2019-02-15
25款值得收藏的优秀网站模板免费下载2015-09-16
20套高质量的免费网页模版PSD素材2013-09-02
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
CSS实例教程:十步学会用CSS建站2011-10-05
网页设计师:浅淡网页BANNER设计2010-09-27
网页细节教程:WEB设计精确点滴2010-09-13
网页设计中的点滴细节把握2010-09-01
总结交互组件创新的四种方式2010-06-28
最全的国外电子商务CSS模板下载2010-06-18
设计师解读如何让扁平的网页更出彩
相关文章10302018-12-07
5个网站设计实例解析网页设计趋势
相关文章4452018-11-29
详解网页图文组合的三种布局方式
相关文章3752018-11-13
实例分析9款惊艳的网页设计作品
相关文章5142018-10-10
11款2018年最值得关注网页开发博客
相关文章2022018-08-14
10种网页设计中字体的运用方式
相关文章3472018-05-10
优秀的网页设计和开发资源干货集合
相关文章5102018-05-10
精选5月最流行的网页设计趋势
相关文章4832018-05-10
