[转帖]动易模板的设计思路
作者:lanzyer
来源:动易论坛
点击数: 次
发布时间:2005年04月08日
刚刚画完了模板263的“火红”版本和一个朋友委托的版本效果图,吸着烟,喝着啤酒,看着论坛,萌生了写这个说明的想法,希望各位朋友不要见笑。
看到很多朋友在论坛上和在QQ上咨询我,如何设计一个与众不同而又个性化的模板,又看到很多朋友在论坛要求提供模板的制做过程或录像,真的是很着急。我不会录像的软件,但我希望我逐步的讲解能使朋友们明白模板的制做过程。动易本身的系统非常的强大,而函数的调用也相对很灵活,为什么大家做不出个性的模板呢,我本人的分析是这样(个人见解,与他人无关):1、本身设计者没有很好的美工基础;2、设计者对html语言接触只是皮毛(如果您属于这类,劝您先从DW基础学起);3、求大图全,自己混淆了设计思路;4、严重问题,动易的模板固化设计思想(所以就这个问题,我曾经与论坛的某位管理员建议过,去掉默认模板)。
好了,抛开这些问题,我开始解释模板的制做过程,最重要的一步也就是它了。一个好的设计效果图............
首先。您需要确定您站点的类型,选用相关素材;什么?不会?不要紧,抄会吧!!!抄,可能是某些人最为唾弃的,但我从不这么看,我讲的抄,是抄版式、抄颜色、抄做法,而不是单纯的另存图片,这样您永远不会有进步。而我想无论哪一个“高手”都是从抄开始的。我个人做法偏向韩化,所以我看的韩站很多,每一个韩站都有自己的优点,比如版式的安排(版式不懂?我一会要讲)颜色的搭配,部分图片的做法,看不出来的话可以抓屏放大,我看多很多韩站,对于渐变的做法韩国网站最少有10多种的做法,自己慢慢领会一下。
下面就本站的2005 VOL.1版讲解
这个版本原来设计的是为2005核心而准备,但目前我的站点和我所展示的图片是不同的,因为我没有等待2005的核心,而使用的是动易4.03核心,所以有经验的朋友告诉我:你的网站看着不舒服,好像少东西。是这样的,看到这张图,大家明白了吧,因为少了一个商城的板块。为什么少一个商城的板块会产生如此巨大的差异呢?学过美术的朋友一定知道,一副画面是由点、线、面的结合,一副画就是一个大面,而其中的各个板块就是各个点,各个点的连接就形成的面,而缺少了一个点,当然这个面会有问题。而各个板块都是紧密衔接的,当中间的一个点断开,或插入另外一个点,这个面就会被破坏掉。
首先,在设计这个模板的时候您需要屏蔽原来的动易版式(就是动易官方提供的模板)或任何模板的限制和思路。但您必须知道动易函数的特点和JS的调用(详见/pe2005/Template/336.html )
然后我们开始讲板块的划分和板块结合。
1、top使用目前比较流行的方式,每什么讲的 :)
2。banner就是一个banner,也没什么讲的,只是这个banner我使用了动易的广告功能,调用了3个广告ID,其一的目的是方便更换banner,其二是为了加快下载速度
3、请注意,这是整站大面里的第一个面,在全屏显示下(1024*768),我们所看到的是“会员登陆”---“模板刻录服务”,这个位置是第一个面。为了加快下载速度,我在这里做了切分,但如何能做到还是一个整体呢?关键的位置在中间,中间使用了一个通长的连接,使这个面变为了统一。而左右都使用了两行式,看到了吗?切分点就在会员登陆的下方。
4、然后我们向下拖动滚动条,进入商城模块。为了破开都是圆角矩形的形式,我在这里做了一个特殊的形状,就是“拉阔网络科技”的广告,但给你的感觉这个位置是不是和商城还是结合在一起呢?这就是一个面的统一。
5、既然上面是两列,下面我们就做一个三列的设计吧。满屏状态下,和下面的“图片更新”又结合了。注意“图片更新”了吗?这里使用的是一列一行式,目的就是要把上面的三列统一起来。
6、唉,里面有几个文章栏目,如果做成4列或2行2列,会不会感觉这个画面太破裂了呢?那么好,我们把这四个栏目做在一起好了,利用竖向的栏目导航做切分吧。
7,呵呵,模板263当然图片最多,因为在一个屏看,是不是文字有些太枯燥了,放些图片调剂一下吧。
基本的设计思路先说到这吧,一边喝着啤酒一边写的,喝的也不少,也瞎说了不少。朋友们有问题就跟贴问吧,我尽量回答。但拜托不要加我QQ,除非你要给我Money,呵呵~~~~~~~