美女图 快捷导航

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面

时间:2017-09-06 18:00:00 编辑:U视觉 来源:网络

关于web页面设计, 也是视觉设计的范畴。如今有很多很多的Web站点。有的在视觉上赏心悦目,有的往往不注重设计,那么,如何设计一张赏心悦目的Web页面?今天小编就能和小伙伴说一说。

〈文〉 U视觉

每一位从事Web设计的设计师,都想设计出一张张打动客户的Web页面。那么,今天小编给正在从事Web设计的小伙伴们一个小技巧。

一个漂亮的Web页面首先从漂亮的图片开始

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面

为了营造一种宽阔的视野,所选取的背景图片的宽度一定要宽,无论网页窗口拉大拉小,我们都要保证背景图片以及网页内容仍然居中。

使用具有强烈视觉焦点的简单背景图片

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面

一个清晰明了的顶端,居中的视觉焦点给了一个Web页面浏览的视觉起点。在进行设计时,我们应该使用那些具有很强中心焦点的图片。寻找具有大量开放空间其细节很少的照片,避免使用繁琐或焦点偏离中心的图片,否则会使整个Web页面显得更复杂,这样导致了用户的注意力。

设置大小和分辨率

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面

其实,如何你想得到一张漂亮其锐利的图片一个较好的方法就是在Photoshop中进行图像大小设置,比如一张图片的分辨率是300,那么你只需要设置为72分辨率就可以。

找出图像的视觉焦点

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面

找出图片中一个合适的视觉焦点,确定宽度裁剪区域。接下来需要让图片文件大小尽可能小,所以在Photoshop中另存为WEB的设备使用格式,尽可能让图片质量变差而且保持图片大小不会变得太大,最后保存即可。

今天小编就分享到这里,更多的视觉技巧,小编会在今后的文章中继续分享。

视觉设计篇:巧用图片做背景,设计一个身临其境的Web页面