當前位置: 首頁 > 設計教程 > 網頁設計教程 > 基本的網頁布局設計

基本的網頁布局設計

這篇教程主要是運用矩形選擇框工具(M),添加圖層樣式。難點可能在于創建那3個主題圖標,需要自己琢磨下。
先看下結果圖:

效果圖

 

新建文檔:寬1200px,高1500px,背景層以顏色(#e9e3c9)填充。

一、創建網頁頭部(head)
1、新建圖層,選中矩形選擇框工具(M),在畫布頭部添加矩形,寬1200px,高度大約100px,并設置如下圖層樣式
“漸變疊加”

step1

 

“描邊”
step2


頭部將會是這樣子:
step3

 

2、在頭部添加網站的標題,廣告語和Logo和一點公司簡介。大概布局是這樣的:
step4

 

對于標題Design.Studio,應用了如下樣式:
“陰影”
step5

 

“漸變疊加”
step6

分享到: 
打造一款酷黑導航條
Photoshop制作絲帶紋理風格網頁導航

熱門推薦

上海时时乐开奖結果