当前位置:首页>>网站建设文章>>网站建设知识

常见网站建设布局结构主要方面

发布时间:2020-08-13 11:23:14     发布者:     官网浏览次数:99次

  1.“T”形布局

  所谓“T”形布局就是指页面顶部为横条网站标志与广告条,下方左面为主菜单,右面显示内容的布局,因为菜单条背景较深,整体效果类似,英文字母“T”,所以我们称之为“T”形布局,这是网页设计中用得广泛的一种布局方式。这种布局的优点是页面结构清晰,主次分明,是初学者容易上手的布局方法。缺点是规矩呆板,如果细节色彩上不注意加工,很容易让人“看之无味”。

  2.“口”形布局

  这是一个象形的说法,一般就是页面上下各有一个广告条,左面是主菜单,右面放友情链接等,中间是主要内容。这种布局的优点是充分利用版面,信息量大。缺点是页面拥挤,不够灵活。也有将四边空出,只用中窗口形布局。

  3.“三”形布局

  这种布局多为国外站点使用,国内用得不多。特点是页面上横向两条色块,将页面整体分割为三部分,色块中大多放广告条。

深圳建站公司

  4.对称对比布局

  顾名思义,采取左右或者上下对称的布局,一半深色,一半浅色,般用于设计型站点,优点是视觉冲击力强,缺点是对两部分进行有机的结合比较困难。

  5.POP布局

  POP引自广告术语,就是指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。这种布局常用于时尚类站点,优点显而易见:漂亮,吸引人。缺点就是速度慢。

  对于全屏展示的网页,又分为自适应和响应式。

  深圳建站公司认为自适应是根据浏览器的分辨率大小自动适配尺寸布满全屏,它所呈现的样式一直都是一个终端的(如PC端)效果,通常前端会给这种网页设定一个最小值(min-width),当浏览器的分辨率小于这个值的时候,浏览器会出现横向滚动条。

  另外一种就是近几年超流行的人们常说的H5响应式布局(栅格化布局),一般把浏览器分辨率三等分,在每个等分区间展示的布局都不尽相同,也就是我们说手机端、平板、PC端的展示,并且在每一个区间的分辨率的缩放也应包括了自适应。因此在设计这种网页时,通常要做三种尺寸的设计。

  响应式布局网页固然有很大的优势,但是在很多约束的现实情况,后台设计(一般指信息/数据型的管理系统)并不会采取这种方式,而是选择自适应的PC端设计,当然如果产品需要,一般开发上会分开做成两种形式,PC端和移动端。正因为是PC端的后台,它的分辨率(浏览器分辨率)仍然有大有小,全屏自适应的布局会根据分辨率的大小而改变。PC端后台界面会设计一个最小宽度min-width,如果浏览器小于这个值,那么只能用滚动条拖动了。

  既然是布满全屏的网页,那么新建的画布尺寸就可以更主观了,一般就按照自己使用的显示器的更佳 分辨率来设置,至于在什么样的尺寸展示什么样的布局,那是前端的技术,设计只提供各个分辨率展示的效果图,但是,你必须理解其中的原理,否则前端直接跟你说做不了你也没辙。

  深圳建站公司对于后台设计,布满全屏的网页尺寸在当下的环境显得更为主流,因为后台的更新优化实在是太频繁了,固定宽度有时候很难满足交互需求。

  • 【专业靠谱】凭借对深圳网站制作设计的热爱,与众多网站建设公司不同的是,是一个更注重与客户互促共生、价值同在的深圳网站建站公司。具备十多年深圳网站开发经验,网站建设制作费用价格合理,如果您有定制高端网站设计、品牌企业网站设计制作、企业网站建设开发外包的需求,可以联系我们!深圳科技有限公司招聘网站建设销售。深圳网站建设、网站优化和推广全包一条龙服务!让您建立网站无后顾之忧!

相关新闻

最新资讯