Blog 247/365：【學新知】開始練習創造自己的UI 單色稿
🤔為什麼要寫這篇小記？
學習六角學院的《Adobe XD：網頁設計真容易》課程也到了尾聲，課後作業也從單純的按照老師的指示做出成品，變成開始練習自己的創作，原來UI設計的困難現在才開始。
要自己從0 -> 1 畫出一個網頁產品的UI，真的是一件非常困難的事情！
我曾在《【學新知】打造自己的人脈資料庫，善用Google Form + Google Sheet》分享過打造自己的人脈資料庫，這件事情給我為 "人脈資料庫" 設計一個網頁產品的想法，我決定就用這個主題放製作期末作業。
🤔終於懂軟體設計師的痛
課程指定在繪製出成品之前，先繪製網站的 "單色稿"，也就是比純粹的"線框圖(Wireframe)" 在增加一些顏色細節，在這個階段可以先看出網站產品的大致樣貌，參考圖片。
雖然這個成品看起來簡單，但實際在畫畫面時會不斷卡關，總會覺得這個畫面的元素擺放位置怪怪的，卻又不知道如何調整。這個時候真的才能體會到，原來Wireframe超級重要！
Wireframe不一定要用電腦軟體畫，一支筆跟紙就可以開始規劃，這個過程設計者只需要專注在畫面的元素，不需要考慮元素的實際樣子、顏色等細節。
這個過程讓我體會到，一個工具或方法存在的意義，有時候必須親身經歷一些痛苦才能領會。如果不確定這個工具是做什麼用的，最簡單的方式就是不要使用該工具直接硬幹，親身體驗痛苦後才知道工具或方法的價值。
