提到網站中最常使用的元件，相信大多數的人都會想到「按鈕」，現在的網頁中隨時都會有著按鈕這個元件，而按鈕除了可以讓瀏覽者與網站進行互動之外，行銷上來說一個好的按鈕設計甚至能夠大大增加目標的轉換率，進而得到更好的營收。
不過如何設計出一個好的按鈕就是一門深奧的學問了，如果使用者本身並沒有什麼設計的基礎，也不會使用相關軟體的話，就很難能夠設計滿意的按鈕，這時除了可以參考別人的設計之外，也可以使用今天站長所要介紹的線上設計工具 Da Button Factory 來提高設計按鈕時的方便性。
Da Button Factory 是一個線上按鈕設計工具，可以讓使用者快速設計出自己想要的按鈕外觀，並藉由字型、顏色與形狀等不同的設計搭配，製作出漂亮且實用的按鈕，設計完成的按鈕能夠以圖片的方式下載保存，此外進階一點的使用者也可以選擇直接輸出 HTML 和 CSS 程式碼來安裝到網頁上，非常的方便。
網站連結：https://www.clickminded.com/button-generator/
Da Button Factory 使用教學
STEP 1
進到 Da Button Factory 網站後，使用者可以看到網站中間有按鈕的預覽圖，而左右兩側則有等等設計按鈕時要使用的各種設定選項，除此之外 Da Button Factory 還有貼心地提供上一步與下一步的復原按鈕，當設計不滿意時也能夠直接復原剛剛的選項。
Undo：復原
Redo：取消復原
STEP 2
網站左側的位置，使用者可以在 Button text 的欄位中輸入想在按鈕上顯示的文字，由於 Da Button Factory 是國外的工具，所以對英文的支援度會比其他的語言好。
然後在 Font 的選項裡，使用者可以調整與字型相關的所有設定，其中比較需要注意的是，如果剛剛使用者輸入的按鈕文字內容是中文的話，請記得要選擇像是 Zenhei 這種有標註「CJK support」的字型，否則文字可能會無法正常顯示。
Bold：粗體
Italic：斜體
Size：字體大小
Color：字體顏色
Text shadow：文字陰影
Distance to text：陰影與文字的距離
Shadow color：陰影顏色
最底部的 Button size 選項則可以調整按鈕的大小，使用者可以選擇 fit to text 選項來根據文字內容的長度調整按鈕大小，或是 fixed 選項使用固定的按鈕大小。
Horizontal padding：按鈕與文字的水平間距
Vertical padding：按鈕與文字的垂直間距
Width：按鈕寬度
Height：按鈕高度
STEP 3
網站右側的 Button style 選項可以調整按鈕的背景形狀，rounded rectangle 是圓角矩形，而 fully curved sides 則是按鈕兩邊完全彎曲的形狀。
再來第二個的 Background 選項則能調整背景的顏色，目前總共有四種模式可以選擇，單一顏色 unicolored、兩種顏色 bicolored、簡單漸層 simple gradient 與金字塔漸層 pyramid gradient，這部分使用者可以依照需求來調整。
Color：背景顏色
Bottom color：背景底部顏色
Swap colors：交換顏色
Bubble effect：氣泡效果
第三個的 Border 選項可以設定按鈕的邊框，第四個的 Shadow 選項則可以設定按鈕的陰影，而這兩個選項都能夠分別調整大小與顏色，此外 Shadow 選項裡還可以進一步地設定按鈕陰影的方向，功能上非常完整。
Size：大小
Color：顏色
Orientation：陰影方向
STEP 4
當按鈕設計完成後，使用者就可以在網頁的中間預覽設計的成果，而下方還可以看到按鈕的尺寸與檔案大小等相關資訊。
設計確認無誤的話就能夠在最後面的選項選擇想要下載的檔案格式，目前 Da Button Factory 提供了 PNG、GIF、JPG、ICO 四種的圖片格式可以選擇。
STEP 5
選擇完圖片格式後，使用者就可以點擊右下方的 Download 選項來將按鈕的圖片給下載回來，而比較進階的使用者也可以選擇將按鈕輸出成網頁用的程式碼，只要點擊左下角的 Embed 嵌入選項就能夠顯示按鈕的圖片連結與 CSS 程式碼。
