第三章 方案初选 3.1 网站定位
1.网站主题
本网站的主题是知识产权(包括公司注册、商标注册、专利申请等等的法律知识),给想成立公司、注册公司、申请专利、注册商标等的相关人群予帮助。
2.网站名称
该网站名为“君辉知识产权代理有限公司”,由此可见,这个企业网站以知识产权的相关知识为主,“代理有限公司”也突出了该企业的性质即法律服务行业。一个网站的名字应该要能反映出你想表达的意思,达到一望而知的效果。
3.网站的Logo与Banner
网站的logo用蓝色水晶球内嵌着“junhui”标志,既显目又明确得表达了主题。Banner则形象得表达出我制作设计这个网站的用意,“君辉知识产权代理有限公司”几个字居中,用大字体强调显示,让人更醒目,右边小字体“知识产权 财富之源”是与主题相呼应的,寓意为知识产权可以创造财富,而我们公司是代理知识产权的,所以要找到财富的源头,就来“君辉知识产权代理有限公司” 网,让我帮您用知识产权创造财富。最后以透明flash覆盖在banner上面,即实现了由“静”到“动”的效果,也使原本略显单调的banner变得丰富一些。
4.标准颜色
本网站以蓝白色渐变色为底,以蓝色为主色调,蓝白的相互点缀,给人一种倾心的感觉,蓝色还是天空和海洋的象征,“广阔无垠”的蓝色也同样象征着我们“知识产权”给人们带来的财富也“浩瀚无垠”。
5.标准字体
正文字体主要用的是标准的宋体。
3.2 系统构思
本网站前台包括首页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目。以下是系统构思的图解(如图3-1)
图3-1网站垂直系统图
3.3 网站栏目简介
本网站的栏目有首页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目,下面是对各栏目的简介:
1. 首页: 我们的banner所要表现的就是希望大家能到我们大学生创业
园来一起学习创业知识,交流创业经验。因为这个作品是特别为大学生设计的,所以我们的整个页面都是显示出一种大学生活泼、朝气以及创业的激情。同时首页包含了本站所涉及的主要内容、组成元素、主要话题和网站精髓。
2. 公司简介: 主要介绍公司的历史文化及服务内容。
3. 法律服务: 简单罗列了公司受理的业务,如公司注册、商标注册、专
利申请、电子口岸、版权代理等等。
4. 友情链接: 这个栏目主要是为了方便用户了解有关商标、专利等知识
产权方面的知识而与相关政府部门网站建立的友情链接。
5. 法界动态: 我们特别收集了国家知识产权网上的最新信息,让大家能
及时了解到我国知识产权的最新动态。
6. 法律法规: 这个栏目主要列举了有关知识产权方面的相关法律及法
规,如“中华人民共和国专利法”等,使用户对专利法等相关法律知识有一定的了解。
7. 在线留言: 此栏目设立的主要目的是为了提供给想了解知识产权的用
户一个互动的平台,用以解决知识产权的相关问题。(如图3-2) 8. 联系我们: 通过这个栏目,可以让用户获得我们的各种联系方式,这
样可以更深一步的与其探讨知识产权的问题。
9. 网站公告: 除了单独设立这个栏目外,我还特意在每张页面的左侧做
了一个由下而上的滚动公告栏来吸引大家的眼球,鼠标滑过滚动文字停留,鼠标点击后超链接至“网站公告”这个栏目,内容主要为公司的最新的动态。(如图3-2)
图3-2
第四章 详细设计
4.1 网站制作过程 4.1.1 logo的制作过程
本网站的Logo是把从网络上找到的一些素材图片,通过用Photoshop进行编辑、修改、组合而完成的。为了突出该企业名称“君辉”,特意把“junhui”标志用蓝色水晶球包围,并且“junhui”中“J”这个字母用一个龙头的形状代替,自古以来龙在人们的地位都是至高无上的,同时也衬托出“知识产权”在当今社会的重要地位。在
整个以蓝色为主色调的网页中,调剂整体页面的色调,使页面看起来更鲜活,很是醒目,让人一眼就看到这个logo,了解主题。(如图4-1)
图4-1 网站logo
4.1.2 banner的制作过程
1. 首先需要上网收集一些符合你的作品主题、创作思维以及整体风格的网页相关素材,对其进行修改已获得自己所需素材,或可在Photoshop中绘制出自己所需的图片素材。
2. 接着打开Photoshop,在Photoshop里面新建一个文件,调整底图大小,根据网页的总长度,调节banner的长度和宽度(一般banner不能太宽,不然会显得头重脚轻,当然也不能太窄,都没法让人感觉到有banner存在,所以一定要调整至占整个网页的适合比例。)
3. 设计banner的背景:选用一张蓝色的微带波横的图片为banner背景,将处理好的素材依次放入具体位子,像左边的镜头光晕,右边的发光矩形框等等,按具体需求做具体的改动和修改,这样整个banner的背景就设计好了。
4. 具体内容设计:先在banner左边放入logo(这里为了美观起见,我将logo放大放在了banner最左边,若放在左上角一块窄小的地方,反而凸显不出“junhui”这个标志),按具体情况惊醒调整修