像传统的报刊杂志编辑一样,我们可以将网页看作一张报纸或一本杂志来进行排版布局。虽然网页技术的发展更关注新技术的应用和新模式的推广,但固定的网页版面设计布局依然是必须学习和掌握的。网页布局的基本原理是共通的,在设计时,作为设计者了解网页布局中要注意的问题,遵循网页设计中约定俗成的规则,只有领会了要点和核心,才能做到举一反三,设计出各式各样具有特色的网页。
网页设计示例展示
网页布局需要设计,但也遵循标准或者说符合浏览习惯,只有在此基础上进行设计才能是更好的设计。用户可以创意自己的网页布局,但要先明白网页布局的基本规则。
由于页面尺寸与显示器大小及其分辨率有密切关系,在网页布局时,应首先要考虑显示器及分辨率的大小。
根据目前布局习惯,设置的页面尺寸大小为780×428上下已经成为趋势。620×311大小的页面现在已经很少见了,而1007×600大小的页面在网上也在逐渐增多。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,当显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,增加页面的高度是为网页增加更多内容的惟一 *** 。但按照习惯一个页面不要超过三屏。如果需要在同一页面显示超过三屏的内容,那么更好在网页顶部做个内部链接,方便浏览。
风格的定位要考虑网站的类型,如新闻机构、 *** 机关、科教文化、娱乐艺术、电子商务、 *** 中心等。对于不同类型的网站,应体现同的设计风格。例如,新闻网站风格应稳重权威,娱乐网站应活泼生动,文化教育网站应文雅,商务网站应民俗等。
“T”型布局
指页面设为网站标志和广告条,下方左面为主菜单,右面显示内容的布局。这种布局方式使用比较广泛。布局的优点是页面结构清晰,主次分明。缺点是规矩呆板,如果细节色彩粗糙,很容易让人乏味。
“国”型布局
指页面上面是网站的标题以及横幅广告条,中间是网站的主要内容,页面下面是网站的一些基本信息、联系方式、版权声明等。页面左右两边放置各种小的功能版块、导航、链接和信息提示等,中间是主要内容。也有将四边空出,只用中间的窗口型设计。这种布局的优点是充分利用版面,信息量大,缺点是页面拥挤,不够灵活。
“三”型布局
指页面上横向两条色块,将页面整体分割为四部分,色块中大多放广告条。多用于国外站点,国内用的不多。
“人”型布局
指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型站点。优点是视觉冲击力强,缺点是将两部分页面有机的结合比较困难。
“画面”型布局
指以一张精美图片作为页面的设计中心。常用于时尚类站点。优点是漂亮吸引人,缺点就是文件太大,影响浏览速度。
1.阅后如果喜欢,不妨点赞、评论和关注一下。
2.如果喜欢玩软件,请关注本头条号阅读相关文章。
3.在学习中有什么问题,欢迎与我沟通交流,今日头条号搜索:微课传媒,我在这里等你哟!
一、内链的形式 1.列表式 以最新文章,热门文章,相关文章,文章列表等形式出现 2.嵌入式 在网页中直接加入关键词链接指向其他内页 3.导航式 网站顶部导航,底部导航,面包屑导航,栏目列表...
养狗不是只把狗狗养好就可以,我们也时常见到报纸媒体上一些报道,某某狗主人和它的狗狗做了某些令人不齿的事情遭人谴责,所以,养狗还是个关乎道德的事儿,想把狗养好,可有不少规矩呢! 1、养狗的技...
博客网站排名的7个原则 值得一看 跟着搜索引擎优化行业的鼓起,站长和营销人员需要不绝发明新技能,并通过搜索引擎优化得到更多流量。为了增加搜索流量,你的网站应该在搜索功效中占据有利位置。 百度是中国最先...
大部分的肥胖是吃出来的,只要积极的控制饮食,就是减肥成功的基础,但并不是盲目的少吃,必须要了解如何吃、吃多少,才能让减肥达到事半功倍的效果。 如何通过吃减肥? 1、调整好饮食结构 在减肥期间...
5月28日下午,我国首部民法典经十三届全国人大三次会议审议,正式通过,自2021年1月1日起施行。 66年磨一剑,从1954年首次启动民法制定工作至今,我国终于迎来民法典。 这不是一部普通的法律。...
说起二八法例,相信各人都有所相识。可是它合用于所有场景吗?笔者从本身最近经验的社群事件出发,说说本身的观点。 很想聊聊用户分级,尤其是被人以“二八原则”怼事后! 所以这篇不讲理论,也不拿一些让人头大...