萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

Photoshop 設計歐美風商務網頁模板

此布局適用於企業官網、業務介紹、WordPress 主題等。先看整體風格:

製作流程

  1. 新建文檔,背景填充 #ece5db(淺灰米)。
  2. 底部用圓角矩形工具畫區塊,前景 #f6f2ed,添加層樣式(內陰影、漸變、描邊)。
  3. 頁首畫深色矩形 #2d2b26,複製至底部並加層樣式。
  4. 頁首矩形下再建一形狀放 Logo,加簡單層樣式。
  5. 圓角矩形建幻燈片 Banner 區,置入唯美圖片。
  6. 添加文字導航(大標題+輔助說明),分隔線用垂直線條。
  7. 放大檢視導航細節處理。
  8. 置入 Logo,右側加搜索框(圓角矩形+層樣式)。
  9. 中部版面放圖文內容,設置圖層樣式(投影、內陰影)。
  10. 填充主體版面內容,調整對齊與間距。

最終效果乾淨專業,層次分明,適合商務展示。

copyright © 萬盛學電腦網 all rights reserved