您现在的位置:首页 > 资讯中心 > 网站建设知识 >

浅析网站建设中的页面设计对网站的影响

发表于:2016-09-18 阅读:8792 关键词: 网站建设 页面设计

浅析网站建设中的页面设计对网站的影响


  现阶段,网站建设、网页制作技术良莠不齐,在网页制作的实际操作中仍存在很多问题亟待解决。网页是网站构成的基础,网页制作合理的网页设计将影响整个网站的质量。深圳网站建设公司万狼科技接下来就和大家谈谈网站建设中页面设计对网站的影响,也许有些公司会问,我只是找建站公司帮我建个企业网站而已,这些关于网站设计的事我不用了解,其实不然,如果了解了这些知识,你可以提高自身对网站的辨别素养,那么你就知道建站公司交到你手里的网站是否与你付出相当。


  一、页面设计在网页制作中重要性

  在常规的网页制作中,主要通过各元素的处理方法不同进行页面设计,有一定规律性,页面设计是网页制作的关键所在。页面设计中的网页设计就是将网页中的各构成要素通过一定技术手段进行有效排列。在进行网页制作时,设计人员整体把控各子页面的设计,利用网格协调安排各构成要素,并对其进行充分利用,有效地对现有空间进行分割,将分割出的新空间合理设计,进而制作出优秀的网页。页面设计是网页制作重要的有机组成部分,要求网页制作人员在掌握扎实的网页制作技术的同时,应具有较高的审美素养。合理、科学的页面设计可最大程度满足浏览者所有的需求。优秀的网页制作对设计构造有较为严格的要求,在浏览网页时间过长时,科学的、美观的页面设计在一定程度上可减缓浏览者的疲惫感,为其提供高质量的用户体验。合理的页面设计不仅可缓解浏览者视觉疲劳,还在一定程度上增加网页的承载内容,网页内容的丰富与完善,直接增加网页的浏览量与使用效率。

  二、页面设计的主要形式

浅析网站建设中的页面设计对网站的影响

  1、标题正文型的页面设计

  标题正文型的页面设计在网页制作中最为常见,辩题正文型的页面一般较为简单,没有左右结构的分布。标题存在于页面的上半部分,中间为阐述的主要内容,缺乏较多趣味性内容。标题正文型页面设计主要应用于政府等正式网站。

  2、“同”字型结构的页面设计

  “同”字型的网页页面设计最大化保证内容的填充量。其页面上方为标题栏,可将网站主题及广告进行填充,在一定情况下也会添加辅助的小标题进行进一步的解释说明。在整体的页面设计上,页面左右分布相应的咨询内容,是页面中可持续开发价值相对较高的区域,该部分是网站的动态咨询、附加信息等,内容易被忽略。“同”字型的页面设计中间是其网页的主要内容,按照内容的重要程度从上之下有序分布。页面的下半部分正常情况下没有内容填充,必要情况下会填充网站信息、后台登录的相关常规内容。

  3、封面型页面设计

  封面型页面设计主要应用于网站的首页,利用多种构成元素的综合利用给浏览者以视觉冲击。在页面中将正文链接嵌入到具有鲜明特征的图片或动画中,直接将浏览者带入到主要的相关内容中。封面型的页面设计主要应用于具有个性特者的企业网站中,对树立品牌效益具有一定积极作用。在个人主页应用封面型页面设计在一定程度上会加深浏览者的印象。

  三、网页制作中设计的相关步骤及注意事项

  要应对所新建空白网页进行草案起草。设计草案要求设计者在结合网站实际应用需求的前提下充分发挥想象力,将想法记录到页面上。其次将想法付诸到实际的网页制作中去,基本确定各模块的相应功能,最后将粗略设计进行一对一细化,进而制定出符合设计者设计想法的网页设计。

  在网页制作过程中,网页设计的各构成元素所占比例尤为重要,直接影响网页制作的整体质量,不合理的比例分配影响视觉传达的效果。为达到视觉与审美的完美结合,网页制作人员应赋予文字独特的个性,文字的整体设计符合网页的风格要求,全面传达网页的诉求需求。文字承载着网页大部分的内容填充,根据主题的不同,设计人员应集中凸显文字的相关个性特征,在此基础上加以图片、动画的辅助说明,文字与其他因素的巧妙结合,使主页面与子页面相辅相成,制造出和谐的艺术效果,在一定程度上可提升网页整体的审美感受。网页页面设计将不同维度的媒体构成元素进行有效的组合,草扑建站整理发布,是一种具有强烈个人特征与艺术风格的设计表现形式。

  四、保证网页整体文字设计的规范性

  1、网页设计规范:字体选择

  在选择字体上,建议设计师们尽量选择系统默认的或通用字体,保证浏览器能够正确识别并显示出正常的文字。

  我们以宋体和微软雅黑为例:

  宋体是最常见的中文字体,在没有指定字体的情况下,浏览器往往选择它来渲染。但很多人认为这种字体并不美观。

  NoNoNo,并不是这样!宋体是衬线字体,微软雅黑是无衬线字体,宋体在视觉上更纤细。和宋体相比,微软雅黑的字形不是正方形的,而是稍微的扁宽,字间距很小,这样会使默认的行间距更明晰,同时微软雅黑的字心显得更饱满。所以在同样的字号下,雅黑的单字面积显得更大,更容易识别。

  标题字体使用微软雅黑更适合,正文内容可以根据设计风格和需求灵活选择。不过在手机端查看时,我们很明显感觉到微软雅黑字体更赏心悦目。

  除宋体和微软雅黑字体之外,设计师们还可以根据实际需要选择其他经典通用字体,比如Windows自带的中文字体黑体、仿宋、楷体等,以及英文字体Arial、Vardana等等。

  如果一定要使用特殊字体

  在遇到需要使用特殊字体的情况时,很多设计师最常做的方法是把想要的文字做成图片,但这种方式有几个明显的缺陷:不可能大范围使用该字体,图片内容的文字不易修改,还很不利于网站的SEO。因此我们不建议这么做。

  2、网页设计规范:字号选择

  CSS里面常用描述字体大小的单位主要是em和px。其中em在跨平台设备字体处理上很有优势,在常规网页设计中,我们通常更多采用px作为单位。

  这里以px为例,网页设计中一般使用 14px 作为标准字体,16px 作为中等字体,18px 作为较大字体,12px 作为偏小字体。当然,我们这里说的只是一种比较通用的标准,实际上如何选择字号需要设计师根据网页整体设计布局来确定。

  在页面自适应的设备上,比如手机屏幕分辨率比PC端的低,这些因素也是设计师需要考虑的。


  通过以上分析,大家可以对照自己的网站进行分析,如果你的网站做得好,你可以知道好在哪里;如果不好,你也可以知道不好的地方,可以针对性的提出修改。深圳网站建设公司万狼科技,专业致力于深圳网站建设、网页制作、网页设计领域,公司拥有国内一流的深圳网站制作、深圳网页设计团队,欢迎需要新建网站、网站改版的朋友联系我们。