makeinfo 使用方法

從範本開始

從空白頁開始，第一個區塊該放哪裡就會卡住。按工具列的範本挑一個接近的樣式，只替換內容會更快。

範本的排版和配色已經調好了。不需要的區塊刪掉，留下要用的就行。若想完全從零開始，用清空所有區塊。

用區塊堆疊出頁面

makeinfo 的畫面由區塊組成。在左側清單點選需要的區塊即可新增。

區塊可以自由移動。可以在清單裡調整順序，也可以歸到資料夾把相關的整理在一起。歸好之後，移動父區塊，裡面的區塊會跟著走。

對齊 — 別靠眼睛估

頁面看起來不夠專業，最常見的原因是區塊的左邊緣差了幾個像素。近看不太察覺，整體一看就顯得亂。

有兩個工具。

• 吸附 — 會像磁鐵一樣吸到畫布格線和其他區塊的邊角。拖到附近就會自動對齊。
• 吸附到區塊 — 放到其他區塊的四條邊上就會對齊。放左右會並排在同一列並均分列寬，放上下會縱向排成一行並繼承 x 座標和寬度。只在靠近邊緣時生效，從區塊正中間經過不會有任何反應。

想微調時，選取區塊後用方向鍵，按一次移動 1px。

只調整某一個區塊

右側屬性面板只作用於選取的區塊。

• 內容大小 — 把該區塊的文字和留白一起放大或縮小。只放大文字的話，留白會顯得相對變窄而擁擠，所以兩者一起動。
• 各元件大小 — 只放大商品名、價格保持原樣，像這樣按區塊內的元素分別設定。
• 自由變形 — 開啟後內容會像圖片一樣被拉伸壓縮。縮小外框，裡面的文字也會跟著變小。和 PowerPoint、Photoshop 的自由變形是同一種行為。

縮放控制點不會改變文字倍率。用控制點縮小時內容不變、只有外框變小，所以縮到比內容還小就會被裁切。想連內容一起縮小時用的就是自由變形。如果是帶照片的區塊，還可以把照片比例設為符合框內 — 照片會隨區塊高度縮小，文字保持原來的大小。

顏色和字體在主題裡統一設定

逐個區塊挑顏色，之後想改整體風格就得全部重來。在樣式分頁的主題裡定好基準色和字體，所有區塊都會跟著走。

某個區塊需要不一樣時，用僅調整此區塊設例外。預設跟隨主題、例外盡量少，之後改顏色才輕鬆。

也可以使用自己上傳的字體。匯出時只會把用到的文字所需的部分一起打包進檔案，所以在別的電腦開啟字體也不會變。

標題工作室

要給標題文字加漸層、外框、陰影，還要每行用不同字體，需要調整的項目就多了。所以標題區塊會全螢幕開啟。

在這裡做的標題仍然保留為文字，之後還能改文案。從預設樣式開始、只改顏色是最快的做法。

鍵盤

復原按操作動作分組。拖曳一次算一步，輸入也按句子分組，不會一個字一個字地回退。

自動儲存，但只存在這個瀏覽器裡

作業會自動儲存，下次開啟時最後的專案會原樣還原，不需要按儲存按鈕。

關鍵在於儲存在哪裡 — 在這個瀏覽器裡，不會上傳到伺服器。所以遇到下面這些情況，作業就沒了。

• 清除了瀏覽器的瀏覽紀錄或網站資料
• 在無痕視窗裡作業後關閉了視窗
• 在別的電腦或別的瀏覽器開啟（根本看不到）

所以做完之後請用整張 PNG 匯出一次。那個檔案就是你的工作檔。要換到別的電腦時，也只需帶上那一個檔案。

四種匯出格式

記住一點 — 上傳的檔案和保存的檔案是兩回事。上傳了分割 PNG，就另外留一份整張 PNG。

匯入直接拖進來即可。整張 PNG 或工作檔 zip 會整個專案還原，普通圖片會變成圖片區塊，PSD 會按圖層變成區塊。

需要畫圖的時候

需要簡單作畫或修圖時，開啟左下角的繪圖編輯器。在新分頁畫完可以直接作為圖片區塊帶回來，不必在多個軟體之間來回切換。