[ 原创 ] coreldraw实例教程——制作网页界面

教程 - CD图文教程 - 综合实例   2015-07-03 21:22发表  578 浏览  

lunjia

上月收入 0 素材数量 0

第一步   经验/步骤

我们一起来用coreldraw做个网页界面,用CD做网页界面的好处是界面、图标等图形容易对齐,绘制界面简单,对矢量图的处理也方便,界面设计要掌握其整个布局的协调性,如图片颜色,底色,文本颜色及大小等的统一,再就是对公司文化的把握,如商务、电子一般以蓝色居多,象征着稳重、科技;医药、食品以绿色居多,象征着希望和生命等。下面还是先来看下界面完成效果。

首先可确定网页的基本布局,确定各布局中的色彩及内容,本列布局很简洁,大致如下:

页头的绘制:根据需要,确定Logo,登陆框、导航菜单,甚至最顶端还有顶部导航等,搜索框有的在Logo的右侧,本例放在页面头下部,总之页头要简洁明了,搜索框要显眼。

产品图册:本列采用现在比较流行的拼图方式,大多是受windows新版界面的影响,首先绘制方格,根据自己的爱好可大可小,但中间的间距必须要一致,我们可以使用平均分布、对齐工具进行对齐,最后可将视图调为“简单线框”,使用一个矩形形工具作为参考,将各个间距调整统一,如下图:

将产品图片导入,使用“效果”菜单→“图框精确裁剪”→“放置在容器中”,将所有图片放置在各个矩形框中,得到下图:

系列介绍:一般放置产品或公司情况的一系列介绍,本例仅作演示,无实际意义,本例所示的“扁平化图标”也是目前流行的表现方式,图标可以自己绘制,也可以在相关网站中下载,如本站图库:pic.coreldraw.com.cn可以查找下载,将图标对齐,配上标题及简要说明文字。

新闻留言:本版块为公司新闻、客户留言等内容,为了让网站活跃,在图标颜色上使用了彩色图标,使用“标注形状”工具绘制外框,再将图标放置其中,填色,将图标对齐,配上标题及简要说明文字。

页尾:页尾一般是快捷菜单的导航及版权说明,本例直接输入文字,将其对齐,效果如下:

最终效果: