建站知识 >
 

媒体聚焦

更多>>
  商务型网站制作的用户体验设计与优
  [中国日报]2015重庆网站建设不容忽视
  [中国经济网]重庆做网站帝玖科技与中
  [泰兴网]给您的业务带来更多的客户
  [企讯网]网站总得来说分四步
  [福州在线]让更多的合作伙伴和客户认
  [重庆热线]重庆做网站的高手讲述怎么
 

联系我们

  • 业务电话①:186 9663 0803
  • 业务电话②:152 2338 4969
  • 大客户热线:189 9649 1519
  • 电子邮箱:401610933@qq.com
  • 重庆市江北观音桥北城旺角E幢9L
  •  
    主页 > 新闻动态 > 建站知识 > 下一篇:网站设计要求

    网页设计要素

    发布时间:2015-03-06   作者:帝玖科技  点击次数:

    简介
    网页设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺、整体规划、功能易用性、气氛情感表达。 一、页面平铺 把页面平铺开,主要的物件有:导航栏、LOGO、Banner、
    网页设计包括甚多,可大可小,我分以下几个要点与大家讨论:页面平铺、整体规划、功能易用性、气氛情感表达。

       一、页面平铺
      把页面平铺开,主要的物件有:导航栏、LOGO、Banner、按钮、图片、文字。下面我就针对最主要的几个部分具体讲解。  

    1.导航栏
      导航栏如果设计得恰到好处,是会给网页本身增色很多(千万不要太花哨,它属于功能物件,喧宾夺主就不好了)。导航栏有一排、两排、多排、图片导航和Frame 框架快捷导航等等各种情况的设计。有时候是横排,有时候则是竖排。另外还有一些动态的导航栏,如很精彩的Flash导航。导航栏设计要点归纳如下: 
    1)导航不多的情况下,通常是一排,横竖都可以,其实栏目超过6个就可以考虑用两排。 
    2)导航栏目很多的情况,也可以多排,甚至不规则地多排(一排个数不同,或长度不同)。商业设计或门户站点通常都会有很多频道,设计起来,就要考虑横向双排。使用竖排,会占用太大空间。 
    3)通常内容不多的情况下,可能无所谓栏目,站点就包括了导航的具体内容,如图1所示。 
    4)双排导航未必要挨在一起,可以自由一些,如图2所示:上排有导航栏,图片分隔开后则另起一排。 
    5)图片式导航,很漂亮,占用页面空间比较大。如图2中每一个孩子图像就是一个点击热点。 
    6)我推荐大家多用Flash制作导航,其体积小、变化多。 
    7)内容很丰富的站点,可以考虑使用快捷导航,即Frame 框架快捷导航,是因为不管你进入哪个页面都可以快速跳跃到另外的栏目,不会失去方向。 
    8)利用DHTML、JS、动态隐藏层等技术实现的多变化的导航,都有浏览器的支持问题。我建议大家不要给信息很多的站点作此导航。 
    9)不是所有的网站都有导航的。大家可根据自己情况而定。 

    2.LOGO(标志)
      关于LOGO的设计我会在以后的“CI行销”一文中具体讲解。这里我暂归纳下列两个设计要点: 
    1)LOGO的位置通常在页面的左上角。根据你的设计,它不是一成不变的,所谓个性的设计,不论商业或个人,都要去大胆尝试。这里为大家列出LOGO在页面上常见的布局情况(图3),以作参考。 
    2)网站的LOGO,虽然有动态的,但是绝对不适宜过分的动感,且不是所有的网站标志都适合选用动态。 

    3.BANNER(广告条)类型
      几种国际尺寸的Banner如下:468×60(全尺寸Banner)、392×72(全尺寸带导航条Banner)、234×60(半尺寸Banner)、125×125(方形按钮)、120×90(按钮类型1)、120×60(按钮类型2)、88×31(小按钮)、120×240(垂直Banner),其中468×60的和88×31最多用,下面就常用的为大家讲解一下。 
    1)468×60 全尺寸Banner 
    虽然尺寸为国际标准,但是在设计页面的时候,完全可以根据你的页面占用空间来制定Banner广告位和广告条大小。 
    (1)一个页面内不易超出两个468×60 全尺寸Banner。两个条的时候,一般是上面一个,下面一个,如图4所示。 
    (2)设计Banner配合页面的两种情况:单看Banner很难看,但是放入网页中,却会使网页设计丰富而炫目,一般也就是468×60的Banner有这本事了。还有设计的时候必须要考虑LOGO跟别站互换时如何更适合他人网页的风格,所以该多做一些不同颜色不同情况的Banner。 
    2)88×31的Banner 
    (1)大家俗称它为LOGO。 
    (2)好的Banner也要符合网站的风格。经常遇到一个很棒的Banner点开却是很难看的主页。虽然有被欺骗的感觉,但是从行销的角度讲,它设计越好,点击率越高,也就越成功。 
    (3)如图4中,区域7内的一般的广告条, 88×31 Banner也可以用来丰富页面。这样的情况很少见,值得注意。 
    3)Banner设计注意点: 
    (1)Banner有动态和静态两种。在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。根据粗略统计,100个Banner里面有1/3是静态的。看来大家对动态的Banner更加看好。  
    (2)Banner的“重量”要轻!以468×60的Banner为例,最好是15K左右,不要超过22K。而88×31的Banner最好在5K左右,不要超过7K。 
    4)设计要点: 
    (1)Banner的文字不能太多,用一两句话来表达即可。 
    (2)广告语要朗朗上口。 
    (3)图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没。 
    (4)图形尽量选择颜色数少,能够说明问题的事物。 
    (5)如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。  
    (6)尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。 

    4.按钮
      网页设计是新的行业,没有很久的历史和规范的教本,长期以来对按钮的定义也不是很清晰。哪些算是按钮呢?如图5中用圈作记的地方:其中“用户登录”、“登录按钮”“More按钮”、“个股推荐”等等类似物件,通常都统称为按钮。某种意义上导航的存在形式也是按钮,只是它的功能很特殊。如果经常做网页,就会感觉到按钮设计的要求已越来越高。

    公司新闻

    更多>>
    01.25让原生APP插上HTML5的翅膀飞翔
    01.252015年HTML5游戏完整产业链报告
    01.25不社交无爆款,支付宝红包的工具属性成桎梏
    11.10传统营销与网络营销对比,优势和劣势
    09.29网站初期运营基础三要素
    09.29网站建设知识企业建网站时选择虚拟主机有什么
    09.29网站建设之域名选购篇
    09.29信息门户网站建设细节上的八大建议
    09.29电子商务对人们生活方式的影响
    09.29网络营销与传统营销的整合

    更多>> 帮助中心| 常见问题

    建站知识

    更多>>
    04.25从建站到优化 最全的新手建站知识
    04.25谈品牌网站建设重要性以及建站常识
    04.25建站知识:站长如何避开搜索引擎陷阱
    03.09做网站之移动网络建站的必要性
    03.09网站seo优化,分析用户的需求
    03.09开通微信支付流程
    01.28如何做网站以及优化seo
    01.28做网站8年的一些事
    01.28帝玖科技带你认识做网站该注意哪些
    01.27做网站网络营销策划流程
    专注于重庆企业网站建设,企业形象策划,企业营销和重庆网站优化等配套服务于一体的创新型科技企业

    重庆帝玖科技有限公司 Copyright 2011,ALL Rights Reserved cqdjkj.com

    地址:重庆市江北观音桥北城旺角E幢9L     服务热线:186 9663 0803 大客户专线:189 9649 1519

    业务QQ:  401610933

    HOME   |   CONTACT US   |   XML

    重庆帝玖科技 版权所有 渝ICP备15000753号