网站策划的重点

               

网站策划的重点

进行一个网站的设计之前,明确网站设计的风格和特点是很重要的。下面介绍网站建设整体策划设计的一些基础知识。网站设计包含的内容是非常多的,大体分两个方面:

一方面是利用制作网站的软件,如Dreamweaver,进行网页设计、文字排版、链接的设计、动态网页的设计等。注意前期还要利用Photoshop或者是Fireworks等平面设计软件实现平面设计、静态无声图片设计,根据需要,还可以利用Flash实现动画效果。

另一方面是网站的延伸设计。它是指脱离软件,在网站建设之前与之后进行的网站建设与策划,主要包括网站的主题定位和浏览群的定位、智能交互、制作策划、形象包装、宣传营销等。

特色栏目的设计

当明确网站的主题和风格后,下一步就要围绕主题制作相应的内容。首先选择相应的网站题材,也就是说给网站定位。

以下为一些常见的网络栏目的题材,希望对读者有一定的启发。

(1)关于商业类的一些网站栏目

公司简介、公司动态、在线搜索、购物消费、网上招聘、产品介绍、在线加盟、股市信息、流行情报、阳光服务、支持下载、网上公告等。

(2)关于娱乐生活类的一些网站栏目

国画画廊、古典音乐、武器博物馆、古今佳句名言、游戏排行榜、游戏天堂、金庸客栈、象棋世家、能吃是福、GIF动画库、陶艺园地、漫画天地、中国足球、摄影俱乐部、幽默轻松、体育博览、电子贺卡、旅游天地、电影世界、影视偶像、天文星空、MIDI金曲、宠物猫、儿歌专集等。

VI形象必不可少

所谓VI,通俗地讲就是通过视觉来统一网站的形象。一个好的企业网站和实体公司一样,也需要整体的形象包装和设计。准确的、有创意的VI(Visual Identity,视觉识别)设计,对网站的宣传推广有事半功倍的效果。在网站主题和名称确定后,需要思考的就是网站的VI形象了。其实,现实生活中的VI策划比比皆是,例如,肯德基公司全球统一的标志、色彩和产品包装,给人的印象极为深刻。

接下来,介绍一下网站VI形象的一些主要内容。

1. 网站Logo的设计

网站Logo就是网站的标志。网站Logo是站点特色和内涵的集中体现,关键想让浏览者看见Logo,就能联想起对应的站点。目前国内、国际的网站非常多,跟别的网站进行Logo链接交换是很有必要的。简单地说就是在别人的网站上放一个自己网站的Logo,用来链接到自己的网站。若Logo很引人注目的话,网站的浏览量就能相应地增加。

Logo标志的设计创意来自用户自己的网站的名称和内容,可以是中文、英文字母,也可以是符号、图案,还可以是动物或者人物等。例如:百度公司就是以“Baidu”加一个小脚丫及中文字“百度”作为象征性标志的,很吸引人。

设计 Logo 不单要考虑在电脑高分辨率屏幕上的显示效果,还应该考虑到网站发展到一定程度时,相应的推广活动所要达到的效果,使其在应用于各种媒体时,也能充分发挥Logo的视觉效果。另外,应考虑到网络Logo在传真、报纸、杂志等传媒介质上的单色效果与反白效果、在织物上的纺织效果、在车体上的油漆效果、制作徽章时的金属效果、墙面立体的造型效果等。

2. 网站的标准色彩

不可否认,网站给人的第一印象来自视觉效果,确定网站的标准色彩是相当重要的一步。不同的色彩搭配将产生不同的视觉效果,可能会影响到浏览者的情绪。网站色彩的选择和确定,是根据网站所选择的题材和用户的个人性格特点所决定的。

“标准色彩”就是指能体现网站形象和延伸内涵的色彩。例如:麦当劳的红色条块、163邮箱首页的天蓝色等,都给人很贴切、很和谐的视觉效果。

一个网站的标准色彩通常不超过三种,太多则会让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。当然其他色彩也可以使用,但只是作为点缀和衬托,绝不能喧宾夺主。通常适合于网站标准色的颜色有:蓝色、黄/橙色、黑/灰/白色三大系列。

建议:

1. 建设网站之前,一定要了解网站所要传达的信息和品牌。选择可以加强这些信息的颜色。例如:在设计一个强调稳健的金融机构的网站时,首选冷色系,柔和的颜色,如蓝色、灰色或者绿色。在这样的状况下,如果使用暖色系或活泼的色系,可能会破坏该网站品牌。

2. 还要了解此网站的浏览群体。文化差异可能会使色彩产生非预期的反应。同时,还要知道,不同地区与不同年龄层对颜色的反应也会有所不同。

3. 网站的设计不要使用过多的颜色。主色系及修饰色共选择四或五个颜色就够了,太多的颜色会导致混淆,同样也会分散浏览者的注意力。

4. 在阅读的部分使用对比色。因为如果颜色太接近,无法产生足够的对比效果,也会妨碍浏览者阅读。通常白底黑字的阅读效果最好。

5. 通常在设计网站时,采用灰色阶来测试对比。当用户在处理黑色、白色和灰色以外的颜色的时候,有时候会很难决定每个颜色的相对值,为了要确认色盘能提供足够的对比,可以建立一个仿真网站,并将它转换成灰色阶。

6. 设计网站时,选择颜色也要注意时效性。同一个色彩很容易就充斥整个市场,且消费者很快就会对流行色彩感到麻木。换一个角度来看,用户可以使用几十年前的流行色彩,引起人们的怀旧之情。

7. 在用软件设计网页的时候,选择颜色时请考虑功能性的颜色,别忘了将关键信息部分设置为功能性的颜色,如标题和超链接等。

8. 还要注意网站色差问题。每一个网站开发人员都知道,即使是网络通用颜色,在跨平台显示的时候也会不同。

在色彩的运用过程中,还应注意的一个问题是:由于国家、种族、宗教和信仰的不同,以及地理位置、文化修养的差异等,不同的人群对色彩的喜好有着很大的差异。所以在设计时需要考虑主要用户群的构成和背景。

一般来说,不同的色彩所传达的含义亦有不同,例如:

红色:代表了热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的信号,用于警告或禁止一些动作。

紫色:代表了创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。

蓝色:代表了忠诚、安全、保守、宁静、冷漠、悲伤。

绿色:代表了自然、稳定、成长、妒忌。绿色在某些文化中与环保有关。

黄色:代表了明亮、光辉、疾病、懦弱。

黑色:代表了能力、精致、现代感、死亡、病态、邪恶。

白色:代表了纯洁、天真、洁净、真理、和平、冷淡、贫乏。

3. 设计标准字体

标准字体是指用于标志、标题、主菜单的特有字体。通常网站默认的字体是宋体。当然为了体现网站的“与众不同”,可以根据需要选择一些特别字体。例如:为了体现专业,可以使用粗仿宋体;体现设计精美,可以用广告体;体现亲切随意,可以用手写体等。总之,要根据自己网站所表达的内容,选择贴切的字体。

目前常见的中文字体就有二三十种,常见的英文字体有近百种,网络上还有许多专用的英文艺术字体可以下载,所以要寻找一款满意的字体,并不困难。需要说明的是:要使用非默认字体,就必须把文字内容设置成图片的格式,因为一部分浏览者的计算机里没有安装这些字体,无法正常显示,这样辛苦设计的作品便会付诸东流。

宣传广告定位

网站的宣传标语在不同程度上会体现网站的精神、网站的目标,即用一句话甚至一个词来高度概括了网站的内容,类似于实际生活中的广告金句。例如,动感地带的广告语“我的地盘,听我的”、麦当劳的“我就喜欢”。

当然,企业如果有自己的宣传语,就可以直接用做网站的宣传标语,如果是推广产品型的网站,最好使用产品的宣传广告语。

结构框架的定位

确定网站的框架,就是在明确目标的基础上,完成网站的构思创意,即总体设计方案。这是在题材选定之后很重要的一步,要做到主题鲜明突出、要点明确,就要以简单明确的语言和画面体现站点的主题。调动一切手段充分表现站点的个性和情趣,体现出网站的特点。

网站应具备的基本成分包括以下几项内容:

(1)页头:准确无误地标识用户的站点和企业标志。

(2)联系方式:如企业的地址、电话和E-mail地址。

(3)版权信息:声明版权所有者等。

要全面仔细地规划和架构一个网站,通常可以采用树状结构,把每个页面的内容大纲列出来。尤其当用户要制作的网站比较大时,规划架构好网站就非常重要了,同时还要考虑到以后可能的扩充性,免得做好后又要对架构一改再改,浪费资源与精力。

大纲列出来后,还要考虑页面与页面之间的链接关系,是星型、树型,还是网型链接,当然这也是判别一个网站优劣的重要标志。链接混乱、层次不清的站点会造成浏览困难的问题,影响内容的发挥。

为了提高浏览效率,方便资料的寻找,一般的网站框架常采用“蒲公英”式,即所有的主要链接都在首页上,主次超链接相互之间的链接是可逆的,如图1-7所示的“蒲公英”式,其中,“流行动态”、“最新专辑”、“在线听歌”、“音乐教室”、“星光灿烂”为大版块,搜索引擎、歌曲排行、友情链接在首页上做一个简单的功能或者链接就可以了。

框架确定下来之后,就可以有条不絮地往下进行,框架会为网站将来的发展打下良好的基础。

 

本文选自《赢在电子商务网站制作与营销:B2C版 》一书

图书详细信息:http://blog.csdn.net/broadview2006/article/details/7530702

 

 

           

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
项目建设方案书 网站建设目标 ------------------------------------------------------------------------------------------8 1.1网站目标 ------------------------------------------------------------------------------------------9 1.2 网站目标与期望 --------------------------------------------------------------------------------9 1.3 网站设计原则 -------------------------------------------------------------------------------- 9 1.4解决方案 ----------------------------------------------------------------------------------------10 二、网站分析与建议---------------------------------------------------------------------------------- 10 三、网站整体结构 -----------------------------------------------------------------------------------------11 四、主要栏目及网站管理功能说明 --------------------------------------------------------------------12 4.1网站首页 ----------------------------------------------------------------------------------------13 4.2新闻中心 ----------------------------------------------------------------------------------------13 4.3介绍 ------------------------------------------------------------------------------------------13 4.4服务展示------------------------------------------------------------------------------------------13 4.5销售网络 ----------------------------------------------------------------------------------------15 4.6企业文化 ----------------------------------------------------------------------------------------16 4.7用户社区 ----------------------------------------------------------------------------------------16 4.8系统功能需求 ----------------------------------------------------------------------------------16 五、网络推广 -----------------------------------------------------------------------------------------------17 六、网站建设进度及实施过程 ------------------------------------------------------------------------18 6.1 项目合作与成员 ---------------------------------------------------------------------------18 6.2 项目实施时间表 ---------------------------------------------------------------------------18 七、费用预算 (附件一)-
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值