網頁設計師如攝影師、畫家，為字體、功能傾注心血。我常因版式細節喜歡上網站。儘管我是簡潔化 UX 忠實擁護者，小細節卻是吸引我原因。

提供一些網站配圖小竅門。非每頁需圖片，但能使平淡文字整潔生動。不幸的是圖片資源太多，一不小心用不當拉低頁面檔次。關注圖片質量，最終佈局安排才能游刃有餘。

構圖：最難掌握的關鍵

圖片擺放位置與內容同等重要。每個獨立部分需平衡一致，構成有感覺整體。圖片常用於強調或闡明內容。訪問者首次進入，或許注意到辦公室/工作室照片背景圖，給網站更私人化感覺。相反，也用縮略圖強調頁面某些內容。構圖選擇總有限，無論為「看起來更好」做怎樣改變都要基於項目需要。建議參考其他欣賞的相近網站，找出優秀網站，縱使與當前項目無密切關系。通過學習其他設計師作品，妥善完成項目。整合想法重新構建安排內容，誕生好網站。學習啟發網站，挑選有用部分，勿被其他分散注意力。

網頁頭部與大背景

背景大圖指較大尺寸處於頁頭附近的攝影或插圖。給訪問者最直觀印象，體現內容潛在含義。良好編輯技巧使大圖在各瀏覽器、各尺寸屏幕完美呈現。如何將大圖與設計完美結合？先弄清設計風格體現的網站類型。創新型公司/個人常用特別設計圖片體現個性；電商常展示產品吸引顧客。大圖與標題應對現有內容延伸拓展。若佈局迷惑，用圖片適當補充。最終決定前多花時間考慮多種選擇總不錯。

尋找合適資源

有條件強烈推薦自己拍攝：更貼切主題、過程從容。但需好相機、攝影技巧、與客戶商務/位置直接聯系。學習攝影靠練習——如數字設計。一旦掌握一切無比有趣！但非人人如此，還有其他選擇。不會攝影找不到攝影師，最後用圖庫。但很多圖庫只有燦爛模特站舞台圖，避開低質量圖庫。選擇專業圖庫挑選相關圖片。

首推免費圖庫 Pexels：提供免費圖片，所有圖片有創作共享許可，所有項目免費使用。搜索功能強大，能搜到所需高質量圖片。還推薦 Gratisography 和 Unsplash，也許難操作，我更愛 Pexels，但它們也優秀值得收藏。

照片與後期處理

想學攝影立即行動。入門傻瓜相機無妨，學構圖架構知識。更有自信可入手便宜單反。學攝影學技術，獲取基礎知識時間不需想那麼久，但需花精力。練習攝影外，PS 技術也會長進。Photoshop 最強大編輯軟件，能將圖片加工成任何樣子。首學將物體從背景扣出，頁面加入人物/物體時很有用。設計過程中切忌過於悲觀，跳出既有思維創作更有用。試 15 張不同圖片看哪張最搭，或學新編輯技巧。不斷練習總會學到更多創造更好東西。