导航:首页 > 万维百科 > 网站设计的规律

网站设计的规律

发布时间:2020-10-03 11:44:55

1、网页的设计原理是什么?

网页设计,网页设计原则理念
(1)内容和功能决定表现形式和界面设计
做一个良好的网页设计,需要了解客户的东西很多,比如:
1、建站目的(是主推产品还是平品牌,是主要注重seo还是用户交互等)。
2、网站类型。
3、栏目规划及每个栏目的表现形式及功能要求。
4、主色调、客户性别喜好、联系方式、旧版网址、偏好网址。
5、根据行业和客户要求,哪些是着重表现。
6、是否分期建设、考虑后期的兼容性、是否要开发其他语言版本。
7、客户是否有强烈的建站欲望。
8、你是否能在精神意识上控制住客户。
当把上述的内容都弄明白了的时候,大脑中就已经给这个网站有了全面而形象的定位了,这时才是有的放矢去做界面设计的时候了。
(2)界面是弱化的,突出的是功能
一个好的界面设计它的界面是弱化的,它突出的是功能,着重体现的是网站业提供给使用者是主要什么。这就涉及到浏览顺序、功能分区等等。要让访客在0.5秒内就能把握网站的行业性质,1秒内就知道该从哪个地方开始使用这个网站,能点一次的,绝不点第二次。当然上面说的是大多数功能性网站,对于宣传展示性网站,诸如加特效的或flash网站,可能就不得不花哨一些,但不能太过分。网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越来越小,心理承受能力越来越低。效果可以体现意境,点到为止。
(3)模块化和可修改性强
模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度。这里就设计一些尺寸、模数、宽容度、命名规范等等知识了,不再冗述。
无论是架构还是模块或图片,都要考虑可修改性强。举个简单的例子logo、按钮等,很多人喜欢制作图片,n个按钮就是n张图片。如果只做3-5类按钮的背景图片,然后用在网页代码里打上文字,那么修改起来就简单,而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几类:
宋体12px |宋体12px粗体|宋体14px |宋体14px粗体|黑体20px | verdana 9px | arialblack 12px+ |
(4)创意是可耻的,分析能力远比创意来的重要
设计界动辄就大谈什么“创意”,需要指出的是,还没有搞清目的意义和内容,还没在技术制作上臻于完善的基础上,用创艺和特效来迷惑客户和访客是可耻的。一个网站设计者的分析能力远比创艺来的重要。

2、网页设计中所需要注意的通用规则

1、HTML定义
2、网页的分类
3、网页的三要素
4、网页三剑客包括什么
5、框架的特点是什么
6、设置各种超链接的方法
7、新建文档的快捷键
8、层和表格可以相互转换(了解即可)
9、对文档中创建的层如何进行微调
10、站点地图都包括哪几个关系
11、表但的定义,表单中所包含的所有元素
12、行为的定义,行为在时间轴上所起到的作用(在网页设计范围内所起到的作用)
13、创建网站的时字体搭配 几步(从开始到最终)
14、在网页中插入的图像都包含哪几种格式,格式之间特点是什么,用途是什么。
15、设计网页过程当中需要注意什么,及通用的规则是什么。(使用自己的语言,不可能完全一样!!)

3、网页设计的基本原则是什么?

审美原则
好的创意必须具有审美性。一种创意如果不能给浏览者以好的审美感受,就不会产生好的效果。创意的审美原则要求所设计的内容健康、生动、符合人们审美观念。
目标原则

创意自身必须与创意目标相吻合,创意必须能够反映主题、表现主题。网页设计必须具有明确地目标性。网页设计的目的是为了更好的体现网站内容。
系列原则
所谓系列化就是在具有同一设计要素或同一造型、同一风格或同一色彩、同一格局等的基础上进行连续的发展变化,既有重复的变迁,又有渐变的规律。从视觉心理上来说,人们厌弃单调划一的形式,追求变化,连续系列的独特性会令人们耳目一新。系列原则也符合“寓多样于统一之中”这一形式美的基本法则,组成连续系列的每一幅界面虽然是一个独立的单元,但由于整体结构内容的相关性,风格基调的一致性,使网站在变化中求统一,形成多样统一、对比而又和谐的艺术效果。

4、网站设计的原则

网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。

01 明确内容

如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

02 抓住用户

如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03 优化内容

内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。 Chanels网站(www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

04 快速下载

没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

05 网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

06 坚持基本原则

即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。 为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。

07 学习HTML

用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。

08 用笔画一个网站的框架

圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

09 “在计算机上永远也找不到好的方案”。 ——专家忠告

10 网站地图

许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。

11 “睁大你的眼睛,留意所有的事情。”

“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告

12 点击规则

听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

13 特殊字体的应用

虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

14 “使用切合实际的简便的命名规则。” ——专家忠告

15 检查错别字

好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

16 避免长文本页面

在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

17 不要使用卷滚条

人们厌恶在网上使用卷滚条。Trouble网站(www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

18 专家最喜爱的Web设计工具

1.Adobe Photoshop

2.Macromedia Flash

3.Adobe Illustrator

4.Adobe ImageRead

5.Dreamweaver

6.Macromedia Fireworks

7. Allaire Homesites

8.Microsoft Notepad

9. Macromedia Director

10. Lightwave

11. Macromedia Freehand

12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

19 网站介绍

你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

20 “网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告

21 闪烁让人头痛

通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。

22 背景颜色

背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。

23 向前和向后按钮

应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。

24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” ——专家忠告

25 点击记数器

不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。

26 不要用框架

与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。

27 去掉图像

在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。

28 重复使用图像

一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。

29 避免使用过大的图像

不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

30 “避免使用炫耀的技巧。” ——专家忠告

31 选择使用Flash动画

许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。

32 尽量少使用Flash插件

虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。 但是,最好还是取消使用Flash做各接口的想法。

33 让用户先预览小图像

如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

34 动画与内容应有机结合

确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

35 慎用声音

声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。

36 少用Java 和AxtiveX

在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。

37 设计成功的网站

www.bmw.co.uk ——内容和关联性很好

www.yugop.com ——图形下载很快

www.comicrelief.org.uk ——设计简单明了

www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viact.co.uk

38 慎用插件

在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。

39 使用著名的插件

如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

40 使用先进技术

跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。

41 自己创建图像和声音

使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时,应该花足够的资金来创建图形,以增强公司的宣传。

42 “无论是游戏、图像、动画还是电影,想想你喜欢的设计是怎样的,这将激发你的创作灵感,使你创作出新的和更好的网站。” ——专家忠告

43 平台的兼容性

要为用户着想,必须最少在一台PC 和一台Mac机上测试你的网站,看看兼容性如何。

44 用软件分析工具找错

使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。在网址www.weblint.org/validation.html中,你能够找到更多有效的HTML工具。

45 避免错误链接

网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站上。

46 给观众成熟的东西

如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。

47 在搜索引擎上登记网站

任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。

48 设计一个留言板

浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。

49 测试网站

在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。

50 “尽你所能反复测试所设计的网站,直到你不能发现新的东西为止。” ——专家忠告

51 演示即将发布的网站

在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。

52 动画点缀

网页上的动画最多只用一个

53 “倾斜的按钮看起来不会太好,最好不要使用。” ——专家忠告

54 内容组织

在开始创建新的网页前,仔细考虑网站内容的组织。决定好想让访问者浏览的内容,然后设计导航系统。

55 “空白万岁”

注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。

56 “利用空白去吸引注意力。为了吸引眼球,Web设计者使用各种方法,比如:闪烁、旋转等,但是利用空白会吸引更多的注意力。” ——专家忠告

57 图像压缩

为了保持小的图像,可以使用类似GIF向导的程序,它能自动对图像进行压缩。 先声明图像的大小,在图像显示之前最好能详细说明图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

58 设计失败的网站

www.boo.com ——在它上面找一件T恤衫要花一个小时 www.miniheroes.co.uk ——不吸引人,主页太雷赘

www.saturn.com. ——设计太差

www.e13.com. ——没有新意

www.song.com. ——导航不知所云

59 图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

60 用户注册

如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。

61 使网站具有交互功能

在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。

62 图片更新

尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。

63 在网站上提供游戏

游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。

64 挑选工具软件

仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。

65 使用最新版本的软件

尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级。

5、网站设计要遵循哪些原则?

1、响应式布局:自适应PC、手机、平板端,网站的可访问性非常重要,越来越多的人使用手机搜索访问网站;
2、安全稳定:网站从本质上来说一款软件,是软件都会需要升级,因此使用专业的建站系统搭建网站除了功能完善,还可以在线升级
3、尊重知识产权:当前很多所谓的定制建站公司为了节省成本或受限于自己的技术水平,模仿抄袭建站行业的标杆企业模板或是模仿同行,从而会给公司埋下严重的侵权法律风险。

6、网页设计的基本原理与规则是什么?

网站设计原则
1 设计风格符合网站主题
2 符合大众审美
3 易操作容易阅读 板块清晰 结构明确
4 ..........
都是些大而化之的语言。。。。

7、网页设计中要遵循哪些原则

每个网页设计师在 设计网页的时候都有自己的一套思路和方法,但是不管怎么样,都遵循了几个最基本的设计原则,我大概总结了主要有如下几点:
一、对称与均衡
对称分为左右对称、上下对称、重复对称、旋转对称等形式。对称的造型在大自然中比比皆是,同时也是版式设计常用的构成形式。对称的形式给人以稳定平衡的感觉,但也容易流于刻板、单调。为打破这种局面,设计上往往采用均衡来代替对称。均衡与对称的区别在于各元素与轴心的分布排列不等,呈不规则状态,从形式上是对称的破坏,然而两边在视觉上的分量的相等的。整个画面还是处于势的平衡中,给人以后总动中有静或静中有动的动态美,富于变化和趣味。我们称之为:对等不对称,等量不等形。
二、重复、相似和变异
一个形体的反复出现,会加强对受众的视觉刺激。这是最简单的节奏,好像某几个音节在乐章中的反复出现,会加深听众的印象。在平面设计中有时也把近似的形象并置在一起,大道重复的效果,这称为相似。但有的时候,我们又把很有规律的一段乐章其中的一个或几个音符加以变化,使之产生强烈的反差,这就是变异。变异可以理解为对规律的破坏,这种表现手法更容易吸引人的注意力,引发浏览者的兴趣。
三、节奏与韵律
节奏、韵律是来自音乐的概念。在构成中,形体有规律的排列和变化就形成了视觉的节奏与韵律。它会带给受众舒适的视觉感受。除了前面提到的重复,还有形的渐变,包括大小、长短、明暗、形状、位置等方面的变化,这些构成上的变化会使画面产生和谐的艺术效果。这些形式上的美,如果赋予页面的主题、个性和情感,就有了韵律感,好像音乐中饭的旋律,不但有了节奏,还有情调,有意境。它能增强页面中的感染力和艺术表现力。
四、网页中的对比
对比就是利用异质元素的并置产生差异,更鲜明地突出各元素的个性特性。缺乏对比的画面的平淡、乏味的,是没有吸引力的;而对比会产生强烈的矛盾和冲突,从而对观者产生视觉刺激。
五、网页中的调和
调和是指通过网页中各要素之间存在的共性所构成的页面统一性。调和是产生和谐与稳定的前提,我们可以通过保持画面造型元素的某种特征的一致性,如形状,色彩等,形成调和。另外前面讲到的对称、均衡、渐变、重复等构成方式也会形成调和的页面效果。以调和为基调的页面中各部分之间保持一种内在的统一和协调,从而加强页面的整体性和完整性。调和的构成中,要注意局部的对比效果。避免页面产生模糊。
 我们一般采用三种方式进行页面的调和:
大小调和:使页面的元素面积大小相近,或者使一种元素面积大于其它元素,并占有绝对优势,保证其在页面中起主导作用。
形状调和:页面中的造型元素保持相似的外形,并且把这种外形特征贯穿于整个网站。
色彩调和:通过页面中的元素色彩的一致性,进行页面调和。
网页设计师在其设计思路中都遵循以上几个网站设计原则,所以特别是对刚学网页设计的新手来说深刻理解并遵循设计原则是必要的,甚至决定了你网页设计的成败! 东莞汇鑫--企业邮箱,网站建设

与网站设计的规律相关的知识