卓越网站构建艺术,高效网页创作秘诀揭秘
网页构建技艺
网页构建技艺
网站的核心页面,亦称副首页、次级页面,大型网站通常框架页即主页面,如众多门户网站。框架页是网站内部主要栏目的主页面,注重风格的一致性,并与主页相呼应。以下是我汇总的网页构建技艺,希望对您有所帮助!
一、页面铺展
将页面铺展开来,主要元素包括:导航栏、标志、横幅、按钮、图像、文字。
1.导航栏
导航栏若设计得恰到好处,将为网页增色不少。导航栏有单排、双排、多排、图片导航和Frame框架快捷导航等多种设计。有时横排,有时竖排。此外,还有一些动态的导航栏,如精彩的Flash导航。
2.标志
标志并非每个网站都必须拥有,它是网站为了向大家提供一个直观的信息表达工具。标志的位置通常在页面的左上角。这个地方最为明显和直观,可以第一时间给人留下深刻印象;网站的标志,一般以静态的为主,也有动态的,但标志的特点都是在表达网站的信息,是一个网站的直接展现窗口。
3.横幅(广告条)类型
横幅设计注意事项:横幅有动态和静态两种。在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久而久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。设计要点:横幅的文字不宜过多,用一两句话来表达即可;广告语要朗朗上口,可以第一时间让人抓住表达的重点;图形无需过于复杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没;图形尽量选择颜色数少,能够说明问题的事物;如果选择颜色复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑;尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。
4.按钮
按钮设计要点:设计按钮要同页面的整体协调,不能过于显眼;有的页面很单调,还要依靠花哨的按钮来提升一下;选用的字体、插图,或插图及字体搭配,都要考虑字迹清晰,色彩简单一些,不要超过四种;较长的按钮可能就是框架的分界,尽量要细一些,否则页面会显得臃肿。
5.图像
为了美化页面,图像是任何一个页面都要用到的,图像的运用要合理。图像运用要点:图像的主体最好清晰可见;图像的含义最好简单明了;图像内所含文字应该清晰容易辨认;背景与主体明度对比比例应为3∶1到5∶1之间为宜;淡色系列的背景有助于整体和谐;淡色材质背景最佳,能与主题分离之浅色标志或文字背景亦可。
6.文字
文字也是设计的。设计要点:每一行文字的长度最好20到30个中文字(40到60个英文字母);行距与字距已由软件内定。设计时注意段落与段落间空行及首行缩排方式以辅助阅读;标题以H1到H3字号为佳,内文Font size=3到4级为佳;同版面字型最好在三种以内;文字的颜色最好也是三种以内;文字在颜色上要与背景区别;内文的排列向左对齐并与左边界保持适当距离。可以用表格填入文字以达到此效果;表格或清单内的字运用相同字型与字体大小,以利辨别。
二、整体规划
有共性,才有统一,有细节区别,才有层次;防止设计与实现过程中的偏差;设计的各部分,要配合整体风格;不仅页面上各项设计要统一,而且网站的各级别页面也要统一;信息不要过于集中,以免文字编排过于紧密;不要有太多分散注意力的点。动态闪烁要适中;页面留白部分,要根据平面设计原理来设计,注意分栏式结构不宜留白;还要考虑到浏览器上部占用的屏幕空间,防止图片截断等造成视觉效果不好;首页设计图像+导航,这是一种比较强的网站表达,可以根据时间的变化更改图像。
三、功能易用性
导航栏应最先加载,以便访客快速前往所需信息空间;页面长度要短,使得用户在信息空间内可迅速移动;导航设计方向要一致。支持导航的层次按钮应当从上到下或从左到右,但不要两者都用,不要混用方向。
网页构建的5大技艺
一、主题不能超过三个
主题也就是网站所要表示的主要内容,主题要小而精,定位小,内容精,如果你想打造一个包罗万象的站点,将所有你觉得精彩的元素都放在上面,结果往往会事与愿违,给人的感觉是没有主题。
二、网站的标准色彩不可有3种之多
标准色彩是指体现网站形象和延伸内涵的色彩,一般一个网站标准色不超过三种,太多则让人眼花缭乱,标准色彩主要用于网站的标志、标题、主菜单和主色块,给人以整体的感觉,至于其他色彩的使用,只可作为点缀和衬托,绝不能喧宾夺主。
三、网站的目录结构三忌
网站的目录是指你建立网站时创建的目录。目录的结构是一个容易忽略的问题,大多数人在创建站点时都是未经规划,随意创建子目录,目录结构对浏览者并无影响,但对于站点本身的上传和维护,以后内容的扩充和移植有着重要影响。
四、网站的链接层次结构不可多于三层
网站的链接结构指网页之间相互拓扑结构,简单的说,每一个网页都是一个固定点,链接则是在两固定点之间的连线。
层次不要超出三层,只是针对一些个人站点和小网站而言,这样不但能使网站结构清晰,一目了然,而且更便于你网站的日常维护,如果链接目录结构不能控制在三层以内,建议你在页面里显示导航条,可以帮助浏览者明确自己所处的位置。
层次不宜过高,主要针对个人站点及小型网站来说,这样做不仅使网站架构清晰,易于辨识,同时也便于对网站的日常管理。若链接目录结构超出三层,建议在页面上添加导航栏,以便浏览者能够清楚地了解自己的位置。
五、首页三大忌讳
首页应避免出现自我介绍等内容。请记住,访客浏览您的网页,并非为了了解您个人,而是为了获取网站的相关信息。若您的网站内容丰富,访客自然会想要了解您。若您认为有必要,可在主页设置一个链接,专门创建一页来介绍自己。
关于网页制作的五大诀窍,青藤小编便在此与您分享至此。如果您对页面布局、网站设计、图像处理等方面有极大兴趣,希望这篇文章能对您有所裨益。如果您渴望了解更多关于平面设计素材及技巧的相关内容,可以点击本站的其他文章进行深入学习。