网站设计思想Word格式.docx
《网站设计思想Word格式.docx》由会员分享,可在线阅读,更多相关《网站设计思想Word格式.docx(17页珍藏版)》请在冰豆网上搜索。
网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
构成网页的元素:
文字与图片是构成一个网页的两个最基本的元素。
你可以简单的理解为:
文字,就是网页的内容,图片,就是网页的美观。
除此之外,网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键,选择菜单中的"
查看源文件"
,就可以通过记事本看到网页的实际内容。
可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片?
网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
网页的类型.
通常我们看到的网页,都是以htm或html后缀结尾的文件,俗称HTML文件。
不同的后缀,分别代表不同类型的网页文件,例如以CGI、ASP、PHP、JSP甚至其他更多。
网页的分类
网页有多种分类,我们笼统意义上的分类是动态和静态的页面,原则上讲静态页面多通过网站设计软件来进行重新设计和更改,相对的比较滞后,当然现在有网站管理系统,也可以生成静态页面~我们称这种静态页面为伪静态。
动态页面通过网页脚本与语言自动处理自动更新的页面,比方说贴吧,他就是通过网站服务器运行程序,自动处理信息,按照流程更新网页。
关于网页:
当你每次上网时,都会在历史纪录里留下纪录,保存在C盘主要文件的一个文档里,删除时只要右键删除就可以了。
[编辑本段]网页设计
网页设计--------网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。
企业的网址被称为"
网络商标"
,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。
企业网站设计显得极为重要,下面是一些网站设计中应注意的原则。
一、明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。
我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以"
消费者(customer)"
为中心,而不是以"
美术"
为中心进行设计规划。
在设计规划时我们会考虑:
建设网站的目的是什么?
为谁提供服务和产品?
企业能提供什么样的产品和服务?
网站的目的消费者和受众的特点是什么?
企业产品和服务适合什么样的表现方式(风格)?
二、网页设计总体方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。
对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。
有些站点只提供简洁文本信息;
有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;
调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
Web站点主页应具备的基本成分包括:
页头:
准确无误地标识你的站点和企业标志;
Email地址:
用来接收用户垂询;
联系信息:
如普通邮件地址或电话;
版权信息:
声明版权所有者等。
充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。
网页设计的要点
网页设计的两大要点是:
整体风格和色彩搭配。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。
难就难在没有一个固定的模式可以参照和模仿。
给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。
是指站点的整体形象给浏览者的综合感受。
这个"
整体形象"
包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。
举个例子:
我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。
这些都是网站给人们留下的不同感受。
在这里,我提供给大家一些参考经验:
1.将你的标志logo,尽可能的放在每个页面上最突出的位置。
2.突出你的标准色彩。
3.总结一句能反映贵站精髓的宣传标语!
4.相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。
当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。
在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。
这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2.用两种色彩。
先选定一种色彩,然后选择它的对比色。
3.用一个色系。
简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;
或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
三、网页设计的工具
,用与编辑HTML、ASP、JSP、PHP时的辅助工具
跟dreamweaver一样,不过个人感觉还是dreamweaver好。
网页需要画面流动时的首选择
图象处理软件,一般网页都需要有图片相搭配,PS是款很强大的工具。
跟PS一样都是图象处理软件,但FW偏向与对网页的处理。
[个人喜欢PS]
网站设计成功要素
设计一个网站,应该考虑下列九条基本因素,这些因素对网站的成功与否有着重要影响。
1.整体布局
网站主页就好象是宣传栏或者店面--对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?
一般来说,好的网站应该给人有这样的感觉:
干净整洁;
条理清楚;
专业水准;
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从--离开是最好的选择,就象一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。
2.信息
无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者,因为我们人类总是惟利是图,第一个问题总是:
"
对我有什么用处?
所以你必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品--免费书籍、免费入场券、免费度假等,这些"
有价值的东西"
可以是:
信息;
娱乐;
劝告;
对一些问题的帮助;
提供志趣相投者联络的机会;
链接到有用的网页,等等。
如果你经营的是企业网站,需要提供关于产品或服务的信息:
容易理解;
容易查询;
容易订货。
3.速度
我们都知道,页面下载速度是网站留住访问者的关键因素,如果20-30秒还不能打开一个网页,一般人就会没有耐心。
至少应该确保主页速度尽可能快,最好不要用大的图片。
应该时时提醒自己,网站首页就象一个广告牌。
当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。
网**问者也是"
一闪而过"
,保证你的首页简单而快速。
网上有许多关于如何增加速度的文章--检查下载速度,放弃一切显著减慢主页速度的资料。
4.图形和版面设计
图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点,你不必让过分显眼的动画出现在首页--但如果你的网站是游戏站点,动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因,根据经验,把每页全部内容控制在30K左右可以保证比较理想的下载时间。
图象在6-8K之间为宜,每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:
红色和橙色使人兴奋并使得心跳加速;
**使人联想到阳光,是一种快活的颜色;
考虑到你希望对浏览者产生什么影响,请为网页选择合适的颜色。
阅读西方格式文本时,眼睛从左上方开始,逐行浏览到达由下方,插入图象时不要忘记这种特性。
任何具有方向性的图片应该放置在网页中对眼睛最重要的地方,如果在左上角放置一幅小鸟的图片,鸟嘴应该放在把浏览者目光引向页面中部的地方,而不是把视线引走。
这种思路可以用于所有图片:
面部应该"
看"
网页的中部;
汽车的"
停靠"
面向网页中部;
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边,也是出于这种考虑--不断地出现在浏览者的视野之中。
5.文字的可读性
我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。
也许你曾到过一些网站,要么拥挤不堪的文字觉得好象只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好象处于非常狭窄的空间里,而且让人的心情感觉很压抑。
某些背景色的令人阅读困难;
紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式,为方便或快速阅读将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体,通用的字体(Arial,TimesNewRoman,GaramondandCourier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的Gothic,Script,Westminster,orCloister会是怎样的感受)。
因为阅