当前位置: 首页 > 设计教程 > 网页设计教程 > 基本的网页布局设计

基本的网页布局设计

这篇教程主要是运用矩形选择框工具(M),添加图层样式。难点可能在于创建那3个主题图标,需要自己琢磨下。
先看下结果图:

效果图

 

新建文档:宽1200px,高1500px,背景层以颜色(#e9e3c9)填充。

一、创建网页头部(head)
1、新建图层,选中矩形选择框工具(M),在画布头部添加矩形,宽1200px,高度大约100px,并设置如下图层样式
“渐变叠加”

step1

 

“描边”
step2


头部将会是这样子:
step3

 

2、在头部添加网站的标题,广告语和Logo和一点公司简介。大概布局是这样的:
step4

 

对于标题Design.Studio,应用了如下样式:
“阴影”
step5

 

“渐变叠加”
step6

关注设计帝国微信公众号

打造一款酷黑导航条
创建清新、色彩生动的网页布局(上)

热门推荐

我要评论