网页设计需要注意哪些事 项?

企业在网页设计上往往搞不清楚自己想做成怎 么样?想实现怎么样的效果?今天小编给大家分析几点关于网站设计的事项:

timg.jpg

一、网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别 论述。
1、“国”字型:
也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来 就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声 明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
2、拐角型:
这种结构与上一种其实只是形式上的区别,其实是 很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种 很常见的类型是最上面是标题及广告,左侧是导航链接。
3、标题正文型:
这种类型即最上面是标题或类似的一些东西,下面是正 文,比如一些文章页面或注册页面等就是这种类。
4、左右框架型:
这是一种左右为分别两页的框架结构,一般左面是导航链接, 有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结 构非常清晰,一目了然。
5、上下框架型:
与上面类似,区别仅仅在于是一种上下分为两页的框架。
6、综合框架型:
上 页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
7、封面型:
这种 类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚 至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
8、Flash型:
其实这与封面型结构是类似的,只是这种类型采用目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功 能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
9、变化型:
即上面几种类型的结 合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。
有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面,是网页元素非常重要的部分,所以导航栏一定要清晰、醒目,一般来讲,导航栏要在“第一 屏”能显示出来,那种横向放置的导航栏要优于纵向的导航栏考虑,原因很简单:如果浏览者的第一屏很矮,横向的仍能全部看到,而纵向的 就很难说了,因为窗口的宽度一般是不会受浏览器设置影响的,而纵向的则不确定性要大的多。
二、设计的原则
设计是有原则的, 无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。
统一,是指设计作品的整 体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。
连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的 一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。
分割,是指将页面分成若干小块,小块之间 有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式 的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。
对比就是通过矛盾和冲突,使设计更加富有生气。对比手法 很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的 时候应慎重,对比过强容易破坏美感,影响统一。
和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线 条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成 的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。 
三、网页的优化
在网页设计中,网 页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。
在资讯类网站中,文字 是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为 12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能 保证浏览者较长时间地浏览网页。
图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍 地提高网页的下载速度。利用Photoshop或Fireworks可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。 一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。
PageAdmin自助建站系统设计出多款符合网页 设计准则的网站模板提供用户选择。用户可以下载最符合自己心目中网站制作的要求。直接将界面修正一下就可以变成自己的网站,非常快捷 和方便,只要你能想到的。PageAdmin都能做到。

免责声明

本文章部分图片素材和内容素材来源于网络,仅供学习与参考,如果损害了您的权利,请联系网站客服,我们核实后会立即删除。

相关文档
05 2019-03
公司如何做好网页设 计? 一个成功抓住用户“眼球”并最终带来经济效益的企业网站制作首先需要一个优秀的设 计,然后辅之优秀的制作。设计是网站的核心和灵魂 ,是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实 现依赖于网页的制作。正所谓“功夫在诗外
04 2019-03
企业网站制作如何体验出 高大上。 许多企业在选择网站制作时,都会有意无意的提到“高端”,想通过 “高端”吸引更多的用户并增加潜在用户的转化率,其实出发点是对的,所谓的高端网站在营销力以及用户体验上都可占据一定的优势,但如 何体现高大上呢?PageAdmin专业建站团队从五个方面
03 2019-03
网页制作软件有哪些 网页制作的方法挺多的,不过当前最主要的两种形式不外乎是找建站公司进行企业网站的制作,或者 是自行制作企业网站,找建站公司进行企业网站建设的方式就不多说了,只要企业准备好钱,那网站想怎么做都行。这里要和企业分享的企业 自己制作网页,这个网页制作软
03 2019-03
网站制作方法和步骤 何制作网站,网站制作需要哪些方法和步骤,今天小编 跟大家简述一遍:步骤一:必须明确想要制作一个什么样的网站,有建站意向的诸位,请先想清楚这三个问题:1、这个网站存在的主要作用是 什么;2、我想把它建设成一个什么样的网站;3、这个网站针对的访客群
02 2019-03
网站建设服务含哪些服务 ? 在 当今竞争激烈的商业环境中,越来越多的商家开始通过实施客户关系管理来赢得更多的客户,并且提高客户的忠诚度。网站建设、erp(企业资 源规划)同bpr(业务流程重组)一起,已成为现代企业提高竞争力的三大法宝。 网站建设是一个不断加强与顾客交流,
02 2019-03
如何选择一家靠谱的网站 建设公司 随着现在科学技术的发展,原先遥不可及的产品现在已经变得家喻户晓了,也可以说是人手一份。尤 其是在互联网行业,十几年前电脑还是一个奢侈品,到了如今已然变成了一个必需品。网站建设在原先看来各种高大上,现今已是谁都可以去 网站建设。企业拥有自己的网站
01 2019-03
网站建设和品牌之间的关 系 在企业进行网站建设时,可能很多时候更多关注网站相关功能和内容的建设,对于企业的品牌重视程度却不够,当然也有的时候,企业在建 设网站时,品牌还没有形成,也没有固定的方向,这样对于企业网站的建设必然会造成一定的影响。企业就很容易的做网站和自助建站
28 2019-02
网站建设中最好加入网站 优化。 虽然经常听到SEO网站优化这个词语,但是SEO网站优化到底说的是什么东西呢,它与建站有什么关系?对于这个问题可能外行人 都不怎么了解,但是网站对于公司来说它是一个专门用来展示公司产品以及企业文化的一个沟通性的平台,但是网站真正被创建出来以后是