萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

高手教你規劃網頁設計草圖:手繪思維的效率革命

計劃網頁設計不必全賴電子設備。手繪草圖具備攜帶便利、溝通直觀、創造力釋放、成本可控四大優勢,是大公司與自由職業者必備技能。客戶更愛參與手繪討論(電子稿像成品反而抑制建議),手繪也能減少佔位圖使用、節省素材成本。

為什麼要手繪?

  • 方便、簡單、創造力強、屢試不爽
  • 客戶更願意在草圖階段提建議修改
  • 速寫快速記錄靈感,減少電腦前時間,聚焦創作
  • 減少佔位圖依賴,省成本

線框圖文字過多、難表達風格素材

手繪草圖與最終 PS 稿佈局高度相似,更能表現藝術風格

從手繪草圖到最終樣本的進化

如何開始練習?

熟能生巧。利用排隊、喝咖啡、等火車等碎片時間速寫所見所想,隨身帶速寫本。隨練習深入,風格將從塗鴉進化為正式繪畫語言。

Doodlers Anonymous 社區練習交流

Urban Sketchers 國際手繪觀察社區

簡筆畫無法打動客戶,需達到可正式展示水平

草圖階段必問關鍵問題

  1. 我是否理解將用到的所有元素?(重設計列清單;新項目做競品分析+用戶需求清單)
  2. 客戶有偏愛設計風格/參考網站?(色彩、字體、語言、視覺趨勢、圖片分享、情緒板)

典型項目流程

  1. 收集關鍵內容(便利貼/文檔)
  2. 從多個創意中挑選手繪,視覺非正式利於客戶決策
  3. 縮略圖→粗糙手繪確定內容主次/佈局→正規線框圖(含具體文案/圖標/圖片)
  4. 手繪線框測試 UI 元素可用性
  5. 正式匯報時用墨水繪製增加正式感,上色不擔心石墨模糊
  6. 建立個性化設計流程,享受手繪帶來的自由

私立學校網頁草圖:充分展現佈局、不浪費渲染時間

由草圖轉化的 PS 成品

手繪最棒之處:隨時隨地記錄創意,讓設計真正自由。

copyright © 萬盛學電腦網 all rights reserved