一个网站的用户视觉体验与网站设计的水平关联甚大,优质的网站设计不但具有高端大气的整体设计风格,更重要的是网站布局设置及视觉体验的细节处理上表现优秀。下面就由美耐思介绍下网站的网页在设计时如何提高网站用户视觉体验方面的一些心得。
网站设计
1,网页的布局设计
网页的布局设计对于网站的视觉体验影响很大,网站布局要简要突出重点,将网站的重点内容放在用户注意力比较集中的区域。页面区块、基准线、栅格的设计要注意和网站的内容相结合,具体分几块、栅格宽度等要根据具体情况予以设计。
2,网站的配色设计
网站的色彩设计从通常的原则来讲,不要超过4种颜色,用多种颜色可能对用户视觉注意力造成分散,对网站的内容降低专注,整体的配色要和网站主题企业的经营业务及logo等相协调。整体颜色搭配要简洁干练。
3,网页内容的段落及文字设计
网页内容中段落的间距、文字行间距、文字的字体及大小都要设置相对合理,对于现代网站来说,12px的字体显得太过小,不利于用户观看及和整体的简洁大气设计风格不符,因此不大采用。文字的字体很多网站采用的是微软雅黑,不过为了增加兼容性和稳妥起见,建议多附加系统默认字体。正文内容文字的颜色在白色背景下不建议用特黑的颜色,对用户眼较为刺激,稍微增加降低些色度会显得视觉体验更舒服。
4,图标和图片设计
图标和图片通常对于用户视觉体验更好,显得内容更加具有吸引力,因此现代网站基本都具有一定的图标和图片作为内容元素。图标建议通常使用icon font和SVG格式,图片要采用高质量的优质图片,要做好图片的压缩,降低网页的加载速度压力。
5,响应式自适应设计
现代网站在移动设备使用更多的环境下,采用响应式自适应网站设计成为一种良好的解决方案,网页在不同的屏幕尺寸下,各个区块的相对比例要设计合理,使得网页在各种浏览设备下都具有优质的视觉体验。