您当前的位置是:首页 - 设计理论 - 正文

企业网站首屏设计技巧
发布日期:2014-12-16  浏览次数:1128次   优化北京网站建设  

网站首屏是用户打开网站最先看到的内容,第一印象如何直接影响用户继续浏览的兴趣,因此,网站首屏设计往往最考验设计师的技巧。当然,很多网站拥有非常出色的设计,总结出来的经验也非常适用所有网页设计师。


企业网站首屏设计技巧


1、沿着视觉流向排布

沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物,或者产品本身。


信息按照视觉流向排布的时候,图片中的主体会引导你去观看文字信息。无论是否是网站首屏,都很注重遵循用户视线来排版的方法。


企业网站首屏设计技巧


2、强化对比

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


当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。


企业网站首屏设计技巧


3、简化

那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。处理图像的时候,使用简单直观的排版和清晰明了的照片,确保照片是最重要的组成部分,文字与图片主体之间没有阻碍和干扰,并且文字清晰可读。


企业网站首屏设计技巧



4、令文字成为图片的一部分

有的时候你需要让文字成为图片的一部分,甚至让文字成为图像本身来达到效果。当然这种处理方式所需的条件比较苛刻。要么你使用足够清爽简单的图片来和文字进行搭配,或者使用原本就包含图片的文字(当然,你也可以将文字妥妥儿地P到图片中的主体上,文字的角度、形变和纹理一定要融入进去)。


企业网站首屏设计技巧


5、模糊背景

模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出。


企业网站首屏设计技巧



6、将文字置于框中

当照片中光影交叠,色彩丰富的时候,将文字置于框中会是个不错的选择。根据文字和图片的形态选择圆框或者方框,然后设置好色彩,确保对比度。适当地调整透明度,让框、文字于图片完美地糅合到一起。


企业网站首屏设计技巧




7、放大

当你不知道要怎么处理素材的时候,试着放大吧。这不仅仅针对图片,它还适用于文字的处理,放大的元素更容易抓住用户的眼球。


企业网站首屏设计技巧


8、色彩对比


通过色彩对比可以提高整个首屏的趣味性,能够吸引用户的关注。



上一篇:网页设计中颜色搭配的技巧
下一篇:网页设计的三大设计原则
点击查看更多设计理论新闻   丨   点击返回上一页