在写本文之前,很抱歉的告诉大家,最近由于天气等各方面的原因,身体不是很舒服,向学校请假了,教程没有及时的发布,在此很对不起大家。也非常感谢你的支持。也衷心的祝愿你健康快乐。
接下来我们要学习的是怎么样去定位风格与色彩取向,填写好策划书中的风格那一栏。至于版式设计那一项目,我们会在创意与设计阶段详细讲解。由于我们所做的服装网站的面向对象是25-40岁的成熟女性,所以我们做出来的网站的风格应该要高雅、成熟、同时也要着力体现这一群女性的充满魅力的一面,那么要达到这样的风格我们在表达方式方面要通过图形图像以及动画表达外,在用色方面要注意的是尽量少用过于鲜艳和活泼的颜色,也就是色彩的明度和饱和度都比较高的颜色,这类颜色比较有活力,适合于20多岁的年轻人。我们要体现高雅、成熟那么就决定采用柔和一些的色彩。也许有的朋友可能不知道哪些色彩是柔和,哪些色彩是强烈的,哪些又是高雅的……不要紧,你可以点此下载我们为你提供的色彩的搭配案例,你可以认真的看看。我们初步确定的色彩取向如下所示:(这个色彩并不是最终的色彩,只是一个取向,因为现在我们还没有设计页面,没有把设计元素放在一起设计,所以是无法最终确定色彩的,色彩会随着设计而有所改变的。)
灰色是一种中性色,它给人感觉柔和、细腻、大方、舒适、优雅、安静等,具有智慧、斯文的气质。所以在上面的色彩取向中我们取向大多集中于灰色中。
接下来我们要进行的是网站的内容的设计。为了让你的设计制作流程流畅,顺利,我强烈的建议你要把你的网站的内容规划设计好。
进行内容的设计主要是进行内容的安排规范化,使得别人访问你的网站的时候导航清晰。这个很容易完成的。
首先,我们观察原网站所有的栏目安排,然后把栏目做如下的结构安排:
起始页 |
一级目录 |
二级目录 |
三级目录 |
首页 |
公司简介 |
公司简介 |
均无 |
品牌介绍 |
|||
联系方式 |
|||
产品展示 |
无 |
||
诚邀加盟 |
加盟条件 |
||
加盟流程 |
|||
加盟申请表 |
|||
加盟优势 |
|||
店面形象 |
无 |
||
销售网络 |
无 |
||
客户留言 |
无 |
这样做就把我们要做的网站的内容组织起来了,一看很明了。有哪些页面要做的我们都很容易的知道。
接下来我们要考虑交互和技术的实现方案:
在这个方案中,前台从上到下为目录进入结构图,箭头标明方向,音乐为除后台外,全站都有。前台有两个栏目:产品和留言要后台来控制的,其他的栏目由于不必要经常的更新,所以作成静态的FLASH,在页面中直接安排制作即可。音乐为了方便切换,所以也决定把它弄为后台管理。后台为ASP页面程序的,在此不做ASP程序的详细讲解,大家如果对ASP有兴趣可以找一些ASP的相关书籍来阅读。
在FLASH交互方面,交换的过程主要如下:
Loading主框架和首页内容 (点击菜单按钮)--> 贴出共用loading (loading完毕)--> 加载对应动画到目标
其中,贴出loading是指loading使用贴加技术实现