萬盛學電腦網
網站首頁
作業系統
網路安全
電腦基礎知識
軟體知識
電腦故障排除
手機
程式設計
辦公室軟體
瀏覽器
Windows 10
WPS Office
防毒軟體
資料庫
Excel 教學
檔案管理
Word 教學
網頁製作
裝機必備軟體
Linux 教學
您现在的位置:
萬盛學電腦網
>>
軟體知識
> >>
影像處理
>>
平面設計理論
手繪線框圖實戰 SOP:工具、六步驟、避坑指南
群友詢問手繪 Wireframe 工具與方法,分享個人經驗(現多直接進 Axure,麥克筆幾乎不用,新手可學)。
三大核心工具(挑順手便宜的)
酒精性麥克筆
:Pantone、Copic、NEOPIKO 均可。
只買平頭+硬尖
,別買毛筆軟頭。灰階買 1、3、5 號 + 1-2 支淺色即夠,豔色/深色用不到。貴,能省則省。
油性色鉛筆
:鉛筆/原子筆/水性筆遇酒精麥克筆全髒。淺色油性色鉛筆打草稿,錯了擦得掉,酒精筆抹過不糊,救星!文具店隨便買一支(約 20 元)。
粗黑原子筆
:描框用。ZEBRA Z-1 S 0.7 推薦,便宜大碗。想專業可買針管筆。
六步驟畫出專業手繪 Wireframe
白紙
:iPhone/iPad 尺寸紙。UI Stencils 官網有免費 PDF 模板。
打草稿
:淺色油性色鉛筆畫主要區塊。依據「為何畫 3 次 Wireframe」習慣,這是第 2 版,有第 1 版鉛筆稿為藍本,不易出錯。
上底色
:1 號灰階麥克筆最淺起手,顏色淺可多疊,重了無救。
描邊
:粗黑筆描輪廓,畫面即有模有樣。色鉛筆錯誤被覆蓋。Icon 此階段畫圈圈代替,架構未定前別畫 Icon。
寫字
:0.5mm 以下細黑筆寫字補細節。Uni Style FIT 0.38/0.28 推薦。
上重點色
:關鍵處用深灰或亮色加強,亮色更討喜、視覺有重心。
外框
:最後畫,避免後續加墨克筆弄髒。不畫也可,但加框視覺更聚焦、有神。
避坑與小貼士
很多企劃/PM/客戶不看手繪圖,只認電腦圖,故手繪機會越來越少。
Status bar(訊號、時間、電池)通常懶得畫,除非設計有依賴此欄。
現代人少寫字,字醜推薦《寫字基本功》(附原子筆/中性筆/鋼筆字帖),再進階蕙風堂字帖。粗黑筆拿來練字剛好。
iPhone 隨手拍紙面很醜,不介意。
上一篇軟件知識:
設計師 7 個細微卻高效的習慣:尊重、手寫、即學、優先序、閉目、重視自己、開心
下一篇軟件知識:
應對「說不出哪裡不好,就是覺得能更好」:設計師從執行者轉型決策者的四招
平面設計理論排行
黑板報藝術大爆發:從教室到餐廳公司的創意畫布
戰爭題材海報設計速成法:從構圖到氛圍的實戰拆解
馬泉教授:戶外廣告重構城市視覺秩序——重慶解放碑規劃實踐全記錄
破解「高大上」設計密碼:高在功能、大在對比、上在細節的三維實戰法
溫柔設計的力量:為「老友記」打造的情感化產品關懷
推薦文章
致在校設計師:趁早醒悟,別讓青春留白
印前核心知識問答:從分色原理到輸出實務的 20 個關鍵問題
印刷紙張厚度速查手冊:按類別/克重/工藝分類的單張厚度數據表
讓非設計師聽懂設計:10 大核心理念溝通指南
報紙版面色彩運用四大誤區:從色彩氾濫到易見度被忽視的深度反思
韓風海報設計第二彈:9張作品解構年輕活力的視覺密碼
色彩心理密碼:從物質錯覺到情感象徵的深度解析
設計師獲取客戶高質量反饋的四大溝通策略
扁平化設計進階:圖版率、節奏感、鮮明色彩與減法思維打造「簡潔大氣」
非科班出身,我是怎麼一步步成為設計師的?
萬盛學電腦網
|
日本語版
|
設為首頁
|
加入收藏
copyright ©
萬盛學電腦網
all rights reserved