mockup 是做什麼的?
當使用者應該透過視覺來選擇時使用:商標方向、色盤、登陸頁面、應用程式畫面、商店頁面、菜單或傳單、貼文模板。無論是否有中心文件(hub doc)皆可運作。
步驟
- 讀取中心文件(hub doc)的簡報(Brief),了解品牌名稱、目標受眾、風格、色盤、商標及應避免事項。如果使用者提供了參考圖片或色盤,請使用確切的顏色(盡可能從圖片中取樣十六進位色值)。
- 規劃3到4個真正有差異的方向,而非微小變化,並為每個方向規劃所有需要的版本(例如:行動版與桌機版;阿拉伯語與英語;正方形與限時動態尺寸)。
- 將它們並排陳列在一個畫布或頁面上,以行排列,以便一眼比較。使用簡報中的真實文案,並對缺失的事實使用佔位符,例如 [PRICE]。
- 檢查對比度:正文文字4.5:1,大字文字3:1。如果某個色盤組合不符合標準,請指出該組合,並說明應如何替代使用(例如僅用於裝飾)。
- 每個方向一行:其想法,以及其主要優點或缺點。要求使用者選擇。
- 使用 to-brief 記錄選擇,並使用 to-tasks 添加後續任務(最終檔案、平面版本、favicon)。
規則
- 切勿複製其他品牌的商標、角色或專有設計。
- 這些是方向;請說明最終工作是否需要向量檔案或設計師。
- 生成的圖像和3D效果在小尺寸時會失效。請務必為圖示規劃一個平面版本。