网站建设内页设计的六种设计方式

在首页确定以后,如何保持网站内页与首页的风格一致,是进行内页设计过程中需要考虑的重要方面,根据我们的工作经验,总结出以下六种设计方式:

步骤/方法

  • 01

    结构的一致性:我们知道,网站的统一性在网站营销中占重要地位,而网站结构是网站风格统一的重要手段,包括网站布局、文字排版、装饰性元素出现的位置、统一的导航、图片的位置等等,到国外著名的电子商务网站浏览,你会发现这些网站结构惊奇的一致性,所不同的是色彩或内容,在结构的一致性中,我们要强调网站标志性元素的一致性,即网站与公司名称、企业标志、导航及辅助导航的形式及位置、公司联系信息等,这种方式是目前网站普遍采用的结构,一方面减少设计、开发的工作量,同时更有利于以后的网站维护与更新。

  • 02

    色彩的一致性:保持站点主体色彩的一致,只改变局部色块,优点是一个独特色彩的网站会给人留下很深刻的印象,因为人的视觉对色彩比布局更敏感,更容易在大脑中形成记忆符号。在色彩的一致性中,我们强调的是如果企业有自身的CI形象,最好在互联网中沿袭这个形象,给观众网上网下一致的感觉,更有利于企业形象的树立。一个建议是选取一两种主要色彩,几种辅助色彩。

  • 03

    利用导航取得统一:导航是网站的一项重要组成部分,一个出色的富有企业特性的导航将会给人留下深刻的印象,比如将标志的形态寓于导航之中,或将导航设计在整个网站布局之中等等不一而足,花点力气在导航上,也会设计出一个出色的站点。

  • 04

    特别元素的一致性:在网站设计中,个别具有特色的元素(如标志、象征图形、局部设计等)重复出现,也会给访问者留下深刻印象。比如网站结构在某一点上的变化,由直线变为圆弧、暗色点缀的亮色、色彩中的补色等等。

  • 05

    利用图像取得统一:网页中的图像在使用上一定要甚之又甚,尤其是一些动画,网页中充斥着各种可有可无的动画,而这些动画根本与本企业内容无关!认真检查网页中的动画,将没用的删掉!这里我们所说的利用图像取得统一,决不是在每页中放置几个动画!而是作为网站结构一部分的局部图像,根据网页内容的不同,配以相应的图像或动画,从而给浏览者形成页面的连续性。

  • 06

    利用背景取得统一:从技术上而言,网页背景包括背景色和背景图像两种,一般来说,我们并不提倡使用背景图像,而使用背景色。原因很明显,第一,下载速度,背景色的下载速度忽略不计,而背景图像就得根据图像字节大小下载了,这里需要说明的是,如果你的背景图像比较深,那么最好将背景色置为深色调(默认的背景色是白色),这样在等待浏览器下载背景图片的时候前面的浅色文字可以很容易阅读,因为如果有背景色,浏览器先将其下载,然后下载背景图片;第二,显示效果,经常看到国内一些网站设有背景图像,或者是公司的厂房、办公大楼,或者是产品图片,甚至是某某人物的照片,使得前面的文字很难辨认!给人一种很不舒服的感觉,让人无法停留。

(0)

相关推荐

  • IMCART外贸网站中内页的文字如何排版

    在网页或是移动UI排版中,文字排版是必不可少的,我们在排版这些文字的时候应该注意什么呢!下面分享外贸网站中内页的文字如何排版 操作方法 01 如下关于新闻列表的排版,反映了不清晰的文字层次级如何影响用 ...

  • +互联网网站建设时需遵循的设计原则有哪些?

    网站建设就是为了展示给用户看,包括首页设计.内页设计.前后台编码.网站测试和验收确认工作等流程.而要想成功的建设一个比较好的网站,就要了解分析用户的需求,才能够更好的满足用户,并吸引用户.因此,在进行 ...

  • 网站建设如何用色彩搭配增加网站设计体验效果

    网站设计最重要就是人性化,加上古典气息网站风格,这类网站在装修设计类网站容易常见,给人一种浓厚的文化气息感,网站建设如何运用色彩搭配给网站带来不同的体验效果? 网站不仅仅只是内容的填充,还包括色彩搭配 ...

  • 网站建设:详解网页扁平化设计

    操作方法 01 随着社会的进步,科技的进步,都影响这人们的生活,其实每个小小的变化都会引起连锁反应.随着国外对网页设计思想的不断更新换代,随着win8的Metro到苹果的IOS7.都是采用扁平化设计. ...

  • 网站建设制作时需要根据行业本身的现状设计

    当初想建站的人许多,做站长的人也良多,不仅企业要建站,个人也要建站.现在网络公司已经有很多家,随着互联网行业的新起,网站建设吃这块肉人也越来越多,很多刚入行的新公司或个人只是了解了一些初级的技术就开始 ...

  • 怎样制作目录页(目录怎么设计简单又好看)

    目录是一个系统,它起到检索书籍大概内容的功能.所以我们要让它简洁,并且有条理可循.目录设计无非是图片.文字.辅助图形组成,几种方法值得我们去学习.突出数字我们可以对数字进行一些创意设计,把数字放大或者 ...

  • 广告素材网站都有哪些(免费的设计素材网有哪些)

    最近发现很多朋友在做设计的时候,时常会找身边的同伴请求帮助,寻找设计需要的素材.前段时间听朋友说了一件事:他说公司今天安排设计师设计一张公司宣传海报,他发现那个设计师差不多一半的时间在那里找素材.看各 ...

  • PPT目录页优秀设计欣赏与设计原则

    PPT目录页优秀设计欣赏与设计原则.下面我们欣赏几张优秀的PPT目录页作品. 这是比较喜欢的存在手机里的几张目录,相信这几张目录页很多小伙伴都可以很好的模仿出来,制作难度不是很大,却有着较高的颜值,原 ...

  • 50页电商APP设计模板(Sketch源文件下载!)

    小编:今天给大家带来的是由five.agency带来的50页电商APP设计Sketch版 .Mac OS X系统用户有福啦,这套APP设计排版合理.配色精美,而且有整整50页源文件,参考学习 都是很好 ...