此布局適用於企業官網、業務介紹、WordPress 主題等。先看整體風格:
製作流程
- 新建文檔,背景填充 #ece5db(淺灰米)。
- 底部用圓角矩形工具畫區塊,前景 #f6f2ed,添加層樣式(內陰影、漸變、描邊)。
- 頁首畫深色矩形 #2d2b26,複製至底部並加層樣式。
- 頁首矩形下再建一形狀放 Logo,加簡單層樣式。
- 圓角矩形建幻燈片 Banner 區,置入唯美圖片。
- 添加文字導航(大標題+輔助說明),分隔線用垂直線條。
- 放大檢視導航細節處理。
- 置入 Logo,右側加搜索框(圓角矩形+層樣式)。
- 中部版面放圖文內容,設置圖層樣式(投影、內陰影)。
- 填充主體版面內容,調整對齊與間距。
最終效果乾淨專業,層次分明,適合商務展示。