您现在的位置: 华玉生活网 >> 网站建设 >> 教程 >> 动易 >> 正文>> 繁体中文

『动易』动易模板的设计思路

刚刚画完了模板263的“火红”版本和一个朋友委托的版本效果图,吸着烟,喝着啤酒,看着论坛,萌生了写这个说明的想法,希望各位朋友不要见笑。

看到很多朋友在论坛上和在QQ上咨询我,如何设计一个与众不同而又个性化的模板,又看到很多朋友在论坛要求提供模板的制做过程或录像,真的是很着急。我不会录像的软件,但我希望我逐步的讲解能使朋友们明白模板的制做过程。动易本身的系统非常的强大,而函数的调用也相对很灵活,为什么大家做不出个性的模板呢,我本人的分析是这样(个人见解,与他人无关):1、本身设计者没有很好的美工基础;2、设计者对html语言接触只是皮毛(如果您属于这类,劝您先从DW基础学起);3、求大图全,自己混淆了设计思路;4、严重问题,动易的模板固化设计思想(所以就这个问题,我曾经与论坛的某位管理员建议过,去掉默认模板)。
好了,抛开这些问题,我开始解释模板的制做过程,最重要的一步也就是它了。一个好的设计效果图............
首先。您需要确定您站点的类型,选用相关素材;什么?不会?不要紧,抄会吧!!!抄,可能是某些人最为唾弃的,但我从不这么看,我讲的抄,是抄版式、抄颜色、抄做法,而不是单纯的另存图片,这样您永远不会有进步。而我想无论哪一个“高手”都是从抄开始的。我个人做法偏向韩化,所以我看的韩站很多,每一个韩站都有自己的优点,比如版式的安排(版式不懂?我一会要讲)颜色的搭配,部分图片的做法,看不出来的话可以抓屏放大,我看多很多韩站,对于渐变的做法韩国网站最少有10多种的做法,自己慢慢领会一下。

下面就本站的2005 VOL.1版讲解

这个版本原来设计的是为2005核心而准备,但目前我的站点和我所展示的图片是不同的,因为我没有等待2005的核心,而使用的是动易4.03核心,所以有经验的朋友告诉我:你的网站看着不舒服,好像少东西。是这样的,看到这张图,大家明白了吧,因为少了一个商城的板块。为什么少一个商城的板块会产生如此巨大的差异呢?学过美术的朋友一定知道,一副画面是由点、线、面的结合,一副画就是一个大面,而其中的各个板块就是各个点,各个点的连接就形成的面,而缺少了一个点,当然这个面会有问题。而各个板块都是紧密衔接的,当中间的一个点断开,或插入另外一个点,这个面就会被破坏掉。

首先,在设计这个模板的时候您需要屏蔽原来的动易版式(就是动易官方提供的模板)或任何模板的限制和思路。但您必须知道动易函数的特点和JS的调用
然后我们开始讲板块的划分和板块结合。
1、top使用目前比较流行的方式,每什么讲的  :)

2。banner就是一个banner,也没什么讲的,只是这个banner我使用了动易的广告功能,调用了3个广告ID,其一的目的是方便更换banner,其二是为了加快下载速度

3、请注意,这是整站大面里的第一个面,在全屏显示下(1024*768),我们所看到的是“会员登陆”---“模板刻录服务”,这个位置是第一个面。为了加快下载速度,我在这里做了切分,但如何能做到还是一个整体呢?关键的位置在中间,中间使用了一个通长的连接,使这个面变为了统一。而左右都使用了两行式,看到了吗?切分点就在会员登陆的下方。

4、然后我们向下拖动滚动条,进入商城模块。为了破开都是圆角矩形的形式,我在这里做了一个特殊的形状,就是“拉阔网络科技”的广告,但给你的感觉这个位置是不是和商城还是结合在一起呢?这就是一个面的统一。

5、既然上面是两列,下面我们就做一个三列的设计吧。满屏状态下,和下面的“图片更新”又结合了。注意“图片更新”了吗?这里使用的是一列一行式,目的就是要把上面的三列统一起来。

6、唉,里面有几个文章栏目,如果做成4列或2行2列,会不会感觉这个画面太破裂了呢?那么好,我们把这四个栏目做在一起好了,利用竖向的栏目导航做切分吧。

7,呵呵,模板263当然图片最多,因为在一个屏看,是不是文字有些太枯燥了,放些图片调剂一下吧。

基本的设计思路先说到这吧,一边喝着啤酒一边写的,喝的也不少,也瞎说了不少。朋友们有问题就跟贴问吧,我尽量回答。但拜托不要加我QQ,除非你要给我Money,呵呵~~~~~~~

困了,不检查说些什么了。附图:模板263 2005 vol.1版

 

 



 



  • 扩展阅读
  • 上一篇文章:
  • 【返回网站首页】 【返回动易】
  • 下一篇文章:
  • 【字体: 】【】【发表评论】【加入收藏】【告诉好友】【打印此文
    文章 软件 电影 商品

    相关文章

    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    | 服务声明 | 充值中心| 华安五金电器 | 收费标准| 论坛| 留言| 实用查询| 会员中心| 下载帮助| 设为首页|

    技术支持:瑞达科技 即时交谈QQ:237013889 QQ群:13810759 E-Mail:237013889@qq.com
    非盈利网站,如有侵权,请来信来电告知,第一时间处理,谢谢!
    桂ICP备17008104号 华玉生活网网站统计
    tj