网页排版布局框架怎么样(网页排版布局原则及

访客4年前关于黑客接单764

像传统的报刊杂志编辑一样,我们可以将网页看作一张报纸或一本杂志来进行排版布局。虽然网页技术的发展更关注新技术的应用和新模式的推广,但固定的网页版面设计布局依然是必须学习和掌握的。网页布局的基本原理是共通的,在设计时,作为设计者了解网页布局中要注意的问题,遵循网页设计中约定俗成的规则,只有领会了要点和核心,才能做到举一反三,设计出各式各样具有特色的网页。

网页排版布局规则多,最重要的是掌握这三点

网页设计示例展示

网页布局需要设计,但也遵循标准或者说符合浏览习惯,只有在此基础上进行设计才能是更好的设计。用户可以创意自己的网页布局,但要先明白网页布局的基本规则。

1.页面尺寸

由于页面尺寸与显示器大小及其分辨率有密切关系,在网页布局时,应首先要考虑显示器及分辨率的大小。

  • 当分辨率为640×480时,页面的显示尺寸为620×311个像素。
  • 当分辨率为800×600时,页面的显示尺寸为780×42个像素。
  • 当分辨率为1024×768时,页面的显示尺寸为1007×600个像素。

根据目前布局习惯,设置的页面尺寸大小为780×428上下已经成为趋势。620×311大小的页面现在已经很少见了,而1007×600大小的页面在网上也在逐渐增多。

浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,当显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。

在网页设计过程中,增加页面的高度是为网页增加更多内容的惟一 *** 。但按照习惯一个页面不要超过三屏。如果需要在同一页面显示超过三屏的内容,那么更好在网页顶部做个内部链接,方便浏览。

2.页面风格

风格的定位要考虑网站的类型,如新闻机构、 *** 机关、科教文化、娱乐艺术、电子商务、 *** 中心等。对于不同类型的网站,应体现同的设计风格。例如,新闻网站风格应稳重权威,娱乐网站应活泼生动,文化教育网站应文雅,商务网站应民俗等。

3.页面布局

“T”型布局

指页面设为网站标志和广告条,下方左面为主菜单,右面显示内容的布局。这种布局方式使用比较广泛。布局的优点是页面结构清晰,主次分明。缺点是规矩呆板,如果细节色彩粗糙,很容易让人乏味。

“国”型布局

指页面上面是网站的标题以及横幅广告条,中间是网站的主要内容,页面下面是网站的一些基本信息、联系方式、版权声明等。页面左右两边放置各种小的功能版块、导航、链接和信息提示等,中间是主要内容。也有将四边空出,只用中间的窗口型设计。这种布局的优点是充分利用版面,信息量大,缺点是页面拥挤,不够灵活。

“三”型布局

指页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。多用于国外站点,国内用的不多。

“人”型布局

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

“画面”型布局

指以一张精美图片作为页面的设计中心。常用于时尚类站点。优点是漂亮吸引人,缺点就是文件太大,影响浏览速度。

1.阅后如果喜欢,不妨点赞、评论和关注一下。

2.如果喜欢玩软件,请关注本头条号阅读相关文章。

3.在学习中有什么问题,欢迎与我沟通交流,今日头条号搜索:微课传媒,我在这里等你哟!

 

相关文章

不会找产品卖点?建立框架提炼出“超级卖点”!

不会找产品卖点?建立框架提炼出“超级卖点”!

本文笔者将与各人报告:电商产物文案的框架以及分享一些相关案例,让你在业绩翻倍的同时,在对付产物运营的常识技术举办翻倍。 作为一名电商产物运营官,也作为一个正常利用网购的普通客户,经常看到一些店肆,然...

iframe使用方法,iframe框架标签详情介绍!

iframe使用方法,iframe框架标签详情介绍!

很多站长为了美化自己的站点,使用iframe框架调用大型站点的数据、样式的,iframe可以与任意一个站点同步,那么iframe如何使用呢,今天我给大家详情介绍一下iframe框架结构的网页!...

粤澳合作框架协议内容(协议重点工作)

新华社广州7月21日电(记者胡林果)广东省日前公布2018年实施《粤澳合作框架协议》的重点工作,包括建立粤港澳大湾区跨境金融合作统筹协调机制、推进220千伏对澳输电第三通道线路工程建设、举办“2018...

用“七宗罪”的框架,助你理解用户内心的真实需求

用“七宗罪”的框架,助你理解用户内心的真实需求

用户什么都想,可是他们的需求有时候却连本身都搞不清楚。这里,我实验用“七宗罪”的框架辅佐你领略用户心田的真实需求。 相信我们无论在学校,照旧在企业,有关于营销最耳熟能详的一句话就是:“我们要满意消费者...

网站被框架了怎么办,预防网站被框架降低降权风

网站被框架了怎么办,预防网站被框架降低降权风

很久没有看统计工具了,最近网站被K站了,仔细分析了一下我的统计工具,无意中发现有不少的网站直接框架我的站点,我不知道他框架我站点的目的,但至少我们要清楚,框架了我们的网站,对我们网站的好处不多。...

电商运营方案怎么写?这有1份完整的思维导图框架供你参考

电商运营方案怎么写?这有1份完整的思维导图框架供你参考

如果你是经历级别正在为活动安排而烦恼,那么这份导图正好适合你。如果你是活动运营人员那么这份企业网络运营方案同样适合你,它能帮助你从大局上了解一次活动的框架、活动重点;你也可以从中了解一次活动种怎么有条...