网站设计的基础
1.了解客户的需求
网页设计是一个感性思考与理性分析相结合的复杂过程。它的方向取决于设计的任务,它的实现依赖于网页的制作。
网页特点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户的需求,以消费者为中心,根据市场的状况、企业自身的情况等进行综合分析,从而做出切实可行的设计计划。
总体设计方案要主题明确。在目标明确的基础上,完成网站的构思创意。对网站的整体风格和特做出定位,规划网站的组织结构。
一件完美、完整的网站设计作品,是设计师与客户不断进行沟通而设计出来的结果。
网站开始构思的时候需要充分的了解客户的需求,要达到什么目的、效果。因此前期的投入是很有必要的,以便准确、完善地满足客户预期的要求。
产品种类、特性以及所针对的人的特点如年龄、性别等,这些都是设计师们需要了解的方面。与此同时,经验丰富的设计师们有必要再做一些适当的引导。设计师们所面对的客户里,文化背景、性格类型等的差异体现了各种各样的审美情趣。有些客户对于建立站点的目的并不是很明确,设计师就需要做一些推广建议。具体表现为:是建立信息门户网站还是企业网站?或是前期作为企业网站出现、后期逐渐发展演变为信息门户网站?以什么样的内容服务形式出现?主要针对的客户体是什么?在设计形式方面,有的客户要求自己的企业网站具有信息门户网站形式的框架,有的客户则希望自己的网站颜单一,以上这些要求就需要设计师们静下心来,站在客户的角度耐心解释,共同探讨,以达到网站最终想要达到的目的和效果。
了解市场规律,具有丰富的营销、策划经验,通晓互联网,再加上高尚的职业道德观念,这些都是一个网页设计师所应该必备的。
2.网站的项目规划
一个成功的网页设计作品是艺术与技术的结合和统一,以主题鲜明、形势与内容保持一致、把握整体风格为设计原则。艺术是设计手段,而不是最终目的。
规范的网站策划大致具有如下几个方面:
(1)网站的目标。
(2)网站的主题。
(3)网站的内容。
(4):网站的风格。
(5)网站的标准。
网站的性质不同,设计要求也不同。例如:门户网站,注意页面的分割、信息结构的合理、页面与图片的优化、界面的亲和等问题;企业网站重在突出企业形象、产品热点,要求设计样式、图片质量相对较高。
网站的主题要求小而精,有针对性,尽量向专业靠近;题材尽量要新颖,不要随处可见,这样才能吸引用户一看再看;网站名称要有特,方便记忆,要考虑到为以后网站的形象和宣传做推广。
下面推出8条目前网站应该体现的内容,根据不同的需求和建站目的,内容也会增加或减少。在建设网站之初,一定要进行细致的网站规划,这样才能达到预期的效果。
1.建设网站前的市场分析
(1)相关行业的市场是怎样的,市场有什么样的特点,是否能够在互联网上开展公司业务。
(2)市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。
(3)公司自身条件分析、公司概况、市场优势,可以利用网站提升那些竞争力,建设网站的能力(费用、技术、人力等)。
2.建设网站的目的及功能定位
(1)要建立网站,是为了宣传产品,进行电子商务,还是建立行业行网站。
(2)整合公司资源,确定网站功能,根据公司的需要和计划,确定网站的功能,是产品宣传行、网上营销型、客户服务型或电子商务型。
(3)根据网站功能,确定网站应达到的目的作用,了解企业内部网的建设情况和网站的可扩展性。
3.网站技术解决方案
根据网站的功能确定网站技术解决方案
(1)采用自建服务器还是租用虚拟主机
(2)选择操作系统,用Unix、Linux还是Window2000/NT,分析投入成本、功能、开发、稳定性和安全性等。
(3)采用系统性的解决方案(如IBM、HP)等公司提供的企业上网方案、电子商务解决方案,还是自己开发。
(4)相关程序开发,如网页程序ASP、JSP、CGI、数据库程序等。
4.网站内容规划
(1)根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务内容、价格信息、、网上订单等基本内容。
(2)电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、订单确认、付款、个人信息保密措施、相关帮助等。
(3)如果网站栏目比较多,网站内容是网站吸引浏览者最重要的因素,所以网站内容的设计很重要。
5.网页设计
(1)网页美术设计一般要与企业整体形象保持一致,要符合CI规范。要注意网页彩、图片的应用及版面规划,保持网页的整体一致性。
(2)在新技术的采用上要考虑主要目标访问体的分布地域、年龄阶层、网络速度、阅读习惯等。
(3)制定网页改版计划,以便以后作调整。
6.网站维护
(1)服务器及相关软硬件维护,对可能出现的问题进行评估,制定响应时间。
(2)数据库维护,有效的利用数据是网站维护的重要内容,因此数据库的维护要受到重视。
(3)内容的更新、调整等。
(4)制定相关网站维护的规定,将网站维护制度化、规范化。
7.网站测试
网站发布前要进行细致周密的测试,以保证正常浏览和使用。主要测试内容有:
(1页面设计是什么)服务器稳定性、安全性。
(2)程序及数据库测试。
(3)网页兼容性测试,如浏览器、显示器等。
(4)根据需要的其他测试。
8.网站发布与推广
(1)网站测试后进行发布的公关、广告活动。
(2)搜索引擎登记等。
3.网页设计的框架
网页设计发展的初期,设计师们发现无法完全保证自己设计内容能完全不变的展现在网页中。许多著名网站的制作重点都倾向于对可操作性、功能性的把握。现在,网页设计制作的技术已不断地发展成熟,这种顾虑几乎没有了。为了把自己的创作思维更好的还原展现出来,可以设想“网页”为一张“白纸”,这样在创作构思的时候,就更容易释放自己的灵感,任意挥洒自己的设计才思。
如果说网页是网站构成的基本元素,那么网页的框架结构无疑就是网页的骨骼。
框架的版面结构是为了能够让浏览者更清楚、便捷地理解网站所要传达的信息内容,由此
所进行的巧妙、规律的排列方式。
网页版面布局以导航栏位置为界,大致可分为:上下结构式、左右结构式、上左右结构式、上左中右结构式、综合结构式、无规则结构式。
上下结构式
上下结构式是一种上下框架结构式,通常上方为导航条,或者动态的企业形象、广告区域。下方为正文、内容部分。此类结构在内容较少的企业网站或者个人网站较常出现。有时只在首页使用,二级页面另换相应结构。
左右结构式
左右结构式又称二分栏式。清晰的分列两旁的框架结构。一般左侧为导航条,右侧是正文。
由于网站内容较少,因此多数网站都采用上下结构式和左右结构式为框架,展示区域添加大的图片作为公司形象、新产品的展示,以提升公司的整体形象。
上左右结构式
上左右结构式是大中型企业较喜欢的框架式。通常上方为主要的菜单导航条,左侧为点击出现的细分栏目导航条,下方为较主要栏目及小广告等,右侧为内容区域。
随着网站内容的逐渐增多、框架结构的逐渐细分,上左右结构式也更多地应用于跨类别的各类网站。
上左中右结构式
上左中右结构式又称三分栏式,是大型企业、电子商务、政府网站、教育机构较喜欢的框架式。同上左右框架式稍有区别的是中间部分为内容区域,右侧为网站较重要的内容导航区域,或是登陆、搜索区域、小广告等。
综合结构式
综合结构式网站较复杂,特点是功能模块多,信息分类详细,因此根据需要采用区域版面
结构较合适。如有些著名网站,第一页很可能采用的是上下结构式,而 第二页根据内容的需要改为上左右结构式,有可能根据区域的需要划分为多种框架结构。又有的在同一页面或纵深页面里,可以拆分出几个不同的框架结构类型,都是为合理配合信息内容的需要,有针对性地进行排版设计。较常见的是信息储量大的门户网站,框架中的结构变化,使该网站风格有别于其他网站。
不规则结构式
不规则结构式有别于上面的框架结构式。相对来说,页面的信息量少,通常一张形象、广告图片下来,重在渲染这个网站的气氛。类似封面类型,有点击进入下页的入口。无规则框架式风格较随意自由,凸出网站个性意图,能给浏览者带来强烈的视觉冲击,以致于以产品宣传为目的的企业和个人网站的爱好者,都热衷于此种框架式。
少见的结构式
通常使用这类结构式的网站有两种情况,一是放置更多的信息栏目和内容的网站;二是追求个性的企业、组织或者个人的网站
4.网页设计的布局概念
网页布局在多数情况下是在顶部放置重要的信息,如公司名称、广告条、标志及导航条,或将导航条放置于左侧右侧是正文等,这样的布局结构清晰、易于使用。当然也可根据网站性质的需要,尝试这些网页布局的变化方式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航;或正文不等式两栏布局,通过背景区分,分别放置图片和文字等。当然在网站设计中要多多吸取一些优秀网站的精髓。
页面尺寸
网页页面尺寸与显示器的大小及分辨率有关,目前有两种常用的尺寸:一是分辨率在800*600的情况下,页面的显示尺寸为778像素*435像素;二是分辨率在1024*768的情况下,页面的显示尺寸为1003像素*600像素。以上的尺寸主要是考虑到了滚动条及浏览器的工具栏,可以看出分辨率越高,页面的显示尺寸就越大。
浏览器的工具栏影响着页面的显示尺寸。最好恢复默认的浏览器工具栏,这样与网页最终设计的作品差别不会太大。
第一屏
所谓的第一屏,是指一个网站页面在不拖动滚动条的情况下,在屏幕上能够看到的部分。一般来说,800*600的屏幕显示模式下,在IE安装后默认的状态内能看到的部分为778*435,通常考虑多数人的习惯,以这个大小为基准。在网页设计过程中,向下拖动页面是惟一给给网页增加内容的方法。页面长度原则上不超过三屏。这并不意味将整个页面分割开,而孤立的进行每一屏的设计。图像和文字的延续性可以使浏览者看到完整统一的视觉感受,保持页面风格的整体感。除了著名经典的信息门户网站外,通常企业网站都是用一屏左右。除非站点内容的特殊能够吸引人拖动到下一屏,否则除影响速度外还真是有点画蛇添足了。
但是有时第一屏可能会小于上面所说的435像素,基于这点,那种横放的导航条要优先于纵向的导航栏考虑。原因很简单:如果浏览者的第一屏很矮,横向的仍能全部看到,而纵向的就难说了,因为窗口一般是不会受浏览器设置影响的,而纵向的不确定性要大得多。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论