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