來聊聊Wireframe吧!(下篇)

終於要進入主題了
怎麼開始?從哪邊開始?用什麼工具開始?

這部份沒有標準答案。
依大家習慣方便運用的工具即可

有人用手繪,有人用線上付/免費工具
由於我們內部都是設計師,所以盡可能以設計軟體優先
如果你不是設計相關背景,初期要熟練需要花點力氣

我們早期使用illustrator,後來轉戰SketchAPP
優點是當你完成Wireframe,只要元件跟規劃內容準確
其實可以直接取用,快速進入設計戰鬥模式。

來聊聊Wireframe吧!(上篇)

這兩年除了視覺設計以外
我們收到最多需求的應該就是Wireframe規劃了
當然,有些時候是我們主動跟客戶端要求的

很多客戶會說,這個很簡單啊 …
就畫幾張圖排一下格子,排一下位置而已啊
直接進視覺設計,排版不是比較快嗎?

根據我們的經驗,最花時間的就是修改
特別是把某塊單元整個抽掉或是原本有兩個區塊,突然變成一塊
最後畫面會突然留出一大片空白
設計師要想辦法重新補上,同時要兼顧原先頁面的調性
加上來回跟客戶重新確認內容

這樣的時間累積,可想而知。