企业网站设计图文混排方法
2017-09-07 15:54:53
网站首页是整个网站最重要的页面,同时也是考验设计师设计能力的重要考核标准之一,如果网站首页设计存在偏差,就会导致整个网站协调性不和谐。因此,我们在首页网站设计中就需要坚持整洁,美观大方。并且在网站首页还需要坚持图文混排的方式,设计出足够出彩的文字排版。只有这样才能把网站首页设计和制作的完美。网站首页设计如何制作,还有就是图文混排网站技巧和方法。下面小编就说说这其中的秘籍。
1、让文字内容与图片融为一体
做到这一点可以分两种方式,一种是把文字内容用做图软件直接处理到图片上,怎么好看怎么处理,不用考虑字体和一些其它排版的问题,在需要用到的位置,直接插入这个处理好的图片就可以。另一种是把图片当成背景,在图片上方放置上文字内容,但这种方式因为需要用html代码来处理文字的位置、大小、颜色和其它间距的处理,所以还需要有专业的网页排版经验,并且选择的背景跟文字颜色要相响应才可以实现。但第二种比第一种好的地方在于,文字是可以被搜索引擎识别收录的,不像头一种不但打开网页时加载慢,影响网站整体,还不能被搜索引擎识别。
2、网站色彩搭配鲜明,强调整体对比性
网站首页首先要给人一种震撼力,如果网站在首页不足以提供用户文字可读性,那就表明网站存在一种问题。我们在设计网站进行文字和色彩搭配就需用进行强烈的对比差。注重背景在网站首页的使用,在文字和图片中进行配合,让文字衬托出图片从而给人一种错落有致印象。
3、沿着视觉流向排布
沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物,或者产品本身。信息按照视觉流向排布的时候,图片中的主体会引导你去观看文字信息。这两个案例都使用了这种技巧,文字都是沿着人物的面目朝向或者眼神指向来排布的。
4、用瀑布流技术
现在的网站已经不能一味的只规则排版了,还需要可以根据用户添加的文字内容多少,来自动选择合适的位置进行排版。在这一要求上,最新技术瀑布流技术可以实现一部分简单的,让一些列表可以更自然有序的排版。可以不再单纯的必须限制介绍文字的字数,可以让网站展现更多内容的同时不失美观。
5、模糊背景
模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出,以上的两个案例就是如此。
那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。让文本与图片合情合理与直观体现出来,况且这样的方法排版不影响文本排版效果。
1、让文字内容与图片融为一体
做到这一点可以分两种方式,一种是把文字内容用做图软件直接处理到图片上,怎么好看怎么处理,不用考虑字体和一些其它排版的问题,在需要用到的位置,直接插入这个处理好的图片就可以。另一种是把图片当成背景,在图片上方放置上文字内容,但这种方式因为需要用html代码来处理文字的位置、大小、颜色和其它间距的处理,所以还需要有专业的网页排版经验,并且选择的背景跟文字颜色要相响应才可以实现。但第二种比第一种好的地方在于,文字是可以被搜索引擎识别收录的,不像头一种不但打开网页时加载慢,影响网站整体,还不能被搜索引擎识别。
2、网站色彩搭配鲜明,强调整体对比性
网站首页首先要给人一种震撼力,如果网站在首页不足以提供用户文字可读性,那就表明网站存在一种问题。我们在设计网站进行文字和色彩搭配就需用进行强烈的对比差。注重背景在网站首页的使用,在文字和图片中进行配合,让文字衬托出图片从而给人一种错落有致印象。
3、沿着视觉流向排布
沿着视觉流向来排布信息是一项重要的技巧。文字与图片发生逻辑关系,两者相辅相承,所以此时文字不能覆盖到图片的主体部分——比如需要展示的人物,或者产品本身。信息按照视觉流向排布的时候,图片中的主体会引导你去观看文字信息。这两个案例都使用了这种技巧,文字都是沿着人物的面目朝向或者眼神指向来排布的。
4、用瀑布流技术
现在的网站已经不能一味的只规则排版了,还需要可以根据用户添加的文字内容多少,来自动选择合适的位置进行排版。在这一要求上,最新技术瀑布流技术可以实现一部分简单的,让一些列表可以更自然有序的排版。可以不再单纯的必须限制介绍文字的字数,可以让网站展现更多内容的同时不失美观。
5、模糊背景
模糊背景是一种非常简单的处理手法。PS可以很轻易地模糊照片,而照片的模糊带来的直接效果就是让产品本身更加突出,以上的两个案例就是如此。
那些历久弥新的平面设计向我们证明了”保持简洁”也是一种有效的设计手段。玩儿太多花哨可能会适得其反,简洁地将图文放到一起可能就很和谐了。让文本与图片合情合理与直观体现出来,况且这样的方法排版不影响文本排版效果。