相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

优秀网页教程(2) 设计时尚的电子商务型网站

Ryan_Wang发布于:2012-6-9 07:21 |原作者: 王羽枫| |来自:国外教程
Ryan_Wang
吉林省 长春市 
发私信 + 关注
简介: 在本教程中,我将告诉你如何用时髦的布局方法制作电子商务型的在线购物网站。
你可以使用这个布局做出任何你喜欢的电子商务购物平台及CMS系统。

11、在导航栏中创建另一个形状,然后将它栅格化。我选择用橡皮擦工具,删除上部的形状,然后将添加黄色。

12、有时候,做页面切片时,你需要一些焦点状态,表示当前鼠标操作时间。
这就是接下来要做的,使用矩形工具创建按钮,继续使用黄色的图层样式。

13、向导航内添加一些文本。如下图所示。

14、制作banner,随着Apple网站UI设计的成功范例,越来越多的网站采用赶紧大版面的banner图片吸引大家的注意力。
所以,在导航栏中我将添加一个MacBook Pro笔记本电脑图片。

15、然后在banner图片内添加一些圆角矩形工具按钮。

16、在banner下方,创建一个白色区域,用于添加一些产品。

17

好评
10

差评

刚表态过的朋友 (27 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

Ryan_Wang
吉林省 长春市 
+关注 发私信
发表评论

最新评论

引用
wjkrfaie发布于:2012-6-21 17:17
挺好的教程,导航配色很漂亮
引用
晨儿发布于:2012-6-13 11:14
非常感谢咯,正在学网页设计,这个对我太有用了。

查看全部评论(2)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计