Contact

0574-27729591
city@city-design.cn

Address

中国·宁波·江北区同济路
云汇中心3号1312

WeChat
menu

实用干货!6个小技巧让网站设计不拘一格

2019-04-23
网站制作中,我们最常接触的布局无非这么几种,上下左右、垂直居中对齐,横平竖直、方方正正的看着舒服,信息布局清晰易读,表面看没什么问题,但如果整个页面都是如此,难免会有让人感觉有点死板,缺乏一些设计感。如何在网站设计中突破页面布局,让设计更具活力,下面通过几个小技巧来解决页面布局的问题。

1、延伸
古词中“满园春色关不住,一枝红杏出墙来”,就是这个感觉,让主体内容不局限于页面的条条框框之内,适当的延伸出去,横跨两个模块,不仅能够打破规则的布局,而且能够让两个模块有一定延伸感和连接感。下图中电脑的图片不局限在蓝色背景区域,延伸到了下一个模块,除了掩盖掉两个模块间死板的分割线,更能让用户在阅读时能够流畅的从A区域过渡到B区域,中间不会出现断节。



2、曲线
曲线元素在网页设计中应用得越来越多,对于几个内容模块得分割,如果是常规的直线,画面看起来会略显得死板,我们可以通过改变直线的方式,比如曲线、斜线等来解决这个问题,就能够让页面瞬间变得灵动起来。


3、过渡
当然更多时候,我们无法避免分割中的直线,也不可能把所有的直线都改为曲线,这时候我们可以适当利用一些元素,让模块之间有个过渡。左右分屏是最近一年比较流行的布局方式之一,这种布局能够更加强调品牌的色彩调性,避免图片与文字的叠加干扰阅读,带来的问题就是中间死板的分割线,设计师将输入框横跨了两个模块,巧妙地打破了这个死板的形式。


4、隐藏
有些信息不一定完整的展示出来,可以只展示最重要的部分,将不重要的置于画面之外,适度的隐藏,更有利于突出重要信息,也能够让画面有一定的延伸感。并没有展现全部的图形,部分留于浏览器之外,给人更多的遐想,让画面更显得大气。


5、层叠
将图形、图片、文字等信息进行层叠,打破传统的左右、上下布局,增加画面的透视与层次关系。不是一张图干巴巴的诠释,利用多个元素层叠交错,营造出画面的层次、透视与场景。


6、错位
将图形、图片、文字等信息进行错位布局,不拘泥于条条框框之内。图片与背景块错位布局,是设计师精心的布局方式,让画面充满动感,同时图片的投影也让这部分信息顿时有了层次感。日常网站设计中,不妨试试这种手法,可以给网页带来意想不到地惊喜。

最后用一张图总结归纳下,宁波网站建设中,布局的细微改变,不拘泥于常规,就可以让界面更具特点的视觉形式。在实际网站制作中,恰当地运用起来,大胆尝试各种布局方式,做出创新与特色。

相关新闻
work案 例
about关 于

联系我们

Tel

0574—2772 9591
158 2427 9580

     WeChat
很遗憾,您现在使用的是低版本的浏览器,为了更好的浏览体验,建议使用Chrome(谷歌浏览器)访问我们的网站。