嫁給RD的 UI Designer

UI/UX 設計、教育訓練、課程演講

高雄-6月份 UI 設計師入門班,報名頁面
Posts match “ Wireframe ” tag:

什麼是 Wireframe ?

| Comments

2.0.jpg老實說我受夠某客戶和某設計公司老是把 Wireframe 喊做 Storyboard 了!每次聽到都要克制翻白眼的欲望。拜託不要開口閉口說「我們很重視 UI、我們很有經驗」,卻連基本名詞都講錯。這跟義大利跟維大力一樣、相差十萬八千里啊!

為什麼要畫3次 Wireframe?

| Comments

我做給畢業展:微波效應用的 App Wireframe每個新案子進來,我通常會畫至少 3 次的 Wireframe,記錄靈感 > 完整繪製 > 電子化。好像重工了喔?可是你哪來的自信覺得設計 App 介面能一次到位呢?靈感乾涸對設計師來講理所當然、RD 都跳坑了才發現設計有錯缺東漏西也很正常、接手修改前人留下的舊案子卻找不到相關文件也不是什麼稀奇的事。為了要避免發生這種慘況,畫 3 次以上的 Wireframe 比較保險。

用 iPad 畫 Wireframe

| Comments

用 iPad 畫 Wireframe最大好處是修改快速、製圖方便。紙本操作無法簡單實現「複製」、「復原」這兩個很常用的功能。若是想在 Wireframe 上加些色彩讓畫面分出區塊更易閱讀,紙本操作和使用 iPad 繪製的時間成本完全不是同個等級。畫 Wireframe 肯定會面臨多次修改的問題,使用紙本光是擦鉛筆線都累了,自從買了 iPad 後我就把創意發想階段轉移到 iPad 上執行。

工作清單:Wireframe

| Comments

Funational MapUI Flow 後,終於到來回修改最多次的 Wireframe 階段了。比起 Funational Map 和 UI Flow,這應該是最多人會接觸到的「規劃」。同時也是最花時間、圖片說明量最大的部份。在這階段修修改改總比都在畫 Mockup 或套程式了才在修改來得輕鬆省力。

手繪Wireframe小技巧

| Comments

群裡有人問起手繪 Wireframe 的工具和方法,我分享下個人經驗。不過現在很少這樣做了,都是鉛筆稿等級就進 Axure 製圖、幾乎沒用到麥克筆。