秀米固定布局-tft每日頭條

目标：學會使用秀米編輯器的自由編輯，實現排版自由

使用工具：秀米編輯器

學習成果：如下圖所示

秀米固定布局（5分鐘掌握秀米的自由布局）1

秀米編輯器學習成果

我常常在公衆号編輯的時候出現這樣幾個痛點：

1.艱難地在海量的模闆中找到一個心儀的，想在一些細節的地方做一些修改的時候，卻往往發現所有的組件的位置都無法移動。

2.運用基礎組件拼接出來的公衆号，顯得比較中規中矩，缺少一些設計感。

在不懈的尋找中，我終于發現了秀米編輯器的自由布局功能，這個功能完美幫助我實現了設計師的夢想。

下面我将以文章開始的學習成果為例，詳細地做步驟拆分。

①如何進入自由布局？

【步驟】進入秀米編輯器→選擇新建圖文→點擊布局→點擊自由布局→點擊最後一個布局類型（注：自由布局有很多的選項，鼠标下拉，選擇最後一個）→删除文中的文字→選中邊框，點擊編輯後進入自由布局界面。

秀米固定布局（5分鐘掌握秀米的自由布局）2

秀米固定布局（5分鐘掌握秀米的自由布局）3

秀米固定布局（5分鐘掌握秀米的自由布局）4

秀米固定布局（5分鐘掌握秀米的自由布局）5

自由布局的設計界面

②如何添加圖片？

秀米固定布局（5分鐘掌握秀米的自由布局）6

添加圖片

【步驟】點擊左側導航欄的我的圖庫→點擊上傳圖片（從電腦中選擇需要上傳的圖片）→在圖片庫中點擊需要添加的圖片

秀米固定布局（5分鐘掌握秀米的自由布局）7

分成兩步走，第一步是上傳圖片，第二步是添加圖片

③如何添加文字？

秀米固定布局（5分鐘掌握秀米的自由布局）8

【步驟】點擊頁面組件→點擊文字→點擊小标題→鼠标下滑，點擊最後一個文字類型（注：自由布局中組件的位置不固定，在左邊的庫中選擇文字後，長按鼠标左鍵，可以直接拖到畫布上的任何一個位置）

秀米固定布局（5分鐘掌握秀米的自由布局）9

秀米固定布局（5分鐘掌握秀米的自由布局）10

可以設計字體的樣式，顔色等基礎内容

④組件添加

【步驟】點擊頁面組件→點擊素材→選擇自己需要的素材類型→選中圖片，長按鼠标左鍵，拖到布局頁面中。

秀米固定布局（5分鐘掌握秀米的自由布局）11

秀米固定布局（5分鐘掌握秀米的自由布局）12

通過以上幾個基本操作，我們就能夠利用秀米編輯器設計出自己喜歡的公衆号版式了。其實，換言之，通過自由布局的設計，有點類似于ppt的頁面設計，在空白的畫布上，通過組件的組合，設計出自己細化的頁面。

同時，當遇到想要對别人的模闆進行細微的修改的時候，也可以點擊需要需要的版面，進入編輯頁面，這時候，你會發現，之前無法移動的組件，變得十分的靈活。

秀米固定布局（5分鐘掌握秀米的自由布局）13

#公衆号##設計##技能##學習#