如何製作行動條碼(QR Code)？-網站設計公司-iBest - 愛貝斯

有很多的線上工具可以產生行動條碼(QR Code)，功能大同小異。

我們以線上工具Calm9為例，教大家如何一步一步做出QRCode。

首頁 設計i日誌 設計i日誌 所有日誌 SEO優化 網頁設計常見問題 網頁新知 網站工具說明 數位行銷 網頁設計介紹 26 Nov.13 網站工具說明 如何製作行動條碼(QRCode)？ 回上一頁 網站工具說明 有很多方法可以免費產生行動條碼(QRCode)，像在上一篇《如何掃描行動條碼(QRCode)？》中提到的APP「QRDroid™」，就可以產生QRCode。

但利用手機輸入資訊實在有點慢，本文將介紹可以免費產生行動條碼的網站。

其實只要搜尋「行動條碼產生」，就可以找到許多類似的網站，功能也多大同小異。

我們以calm9網站為例做介紹： 步驟一 開啟calm9網站，網址是http://qr.calm9.com/tw/。

想必不少朋友看到介面就大概知道怎麼操作了吧~讓我們先介紹一下操作介面： 區塊1：選擇你的行動條碼的資訊內容 區塊2：行動條碼的資訊 區塊3：條碼格式設定 區塊4：設定好區塊1~3後，點選「產生條碼」 區塊5：產生出來的行動條碼 步驟二 我們在《什麼是行動條碼(QRCode)？》一文中提到，行動條碼可以用來記錄網址、文字、聯絡人資料、電話…等各種資訊。

先在區塊1選擇你要建立的是什麼內容的行動條碼，網址就選「連結」，文字就選「文字」，聯絡人資料就選「聯絡人(中式)」或「聯絡人(西式)」。

區塊1選好以後，區塊2就會出現對應的欄位，逐欄輸入即可。

選「聯絡人(中式)」，區塊2就會顯示對應的欄位 步驟三 在區驟3選擇行動條碼的格式，通常只要設定尺寸跟圖檔格式就可以了。

。

尺寸：看你所需要的行動條碼大小，M是87×87pix，XXL是261×261pix。

。

圖檔格式：可輸出PNG、GIF、跟JPEG檔。

步驟四 點選區塊4的「產生條碼」後，你可以看到區塊5會跑出一個不同的行動條碼。

建議先用手機試掃一下，確定這個QRCode的資訊是正確的。

在行動條碼上點右鍵滑鼠，選擇「另存影像」或「另存圖片」，就可以將你的行動條碼存到自己的電腦裡了~   產生彩色版的QRCode 看膩了黑白的QRCode嗎？其實行動條碼不只可以七彩繽紛，中間還可以放上公司logo或個人圖示哦～ 但目前彩色QRCode產生網站多為英文介面，且彩色版QRCode需經反覆測試，避免因為對比不夠等問題，造成QRCode無法正常讀取，反而造成使用者的困擾，失去QRCode便利、快速的原意。

提供常用的2個彩色QRCode產生網站，有興趣的朋友可以試試看~ Unitag https://www.unitag.io/qrcode QRCodeMonkeyhttps://www.qrcode-monkey.com/   客製化網站設計打造專屬營銷計劃，就交給愛貝斯! 為什麼「客製化網頁設計」是百大知名企業品牌推薦的網站建置作法? 掌握客製化網頁設計不可不知的7個建置流程與細節 SEO是什麼?怎麼做SEO？分技術面與內容面分析給你知道   客製化網頁設計立即洽詢 使用行動條碼有哪些技巧，可以幫助行銷曝光呢？ 如何掃描行動條碼(QRCode)？ 18 Aug.20 網站工具說明 網頁設計如何挑選主機？要給網站設計公司主機代管嗎？ 27 Jul.20 網站工具說明 利用文字編輯器產生「目次」教學 27 Nov.13 網站工具說明 使用行動條碼有哪些技巧，可以幫助行銷曝光呢？ 25 Dec.19 網站工具說明 架設網站前，應該準備什麼資料給網頁設計公司？ 21 Jul.18 網站工具說明 這個網頁無法正確載入Google地圖?GoogleMapAPI開始收費了愛貝斯網頁設計教你怎麼申請GoogleMAPAPIKEY 網站設計報價洽詢 填寫基本資料 聯絡人姓名＊ 先生 女士 聯絡電話＊ 電子信箱＊ 公司名稱＊ 公司電話 產業類型＊ 公司網址 從何得知本網站 Google搜尋 Yahoo搜尋 朋友介紹 我的需求主題(可複選) 案件報價 合作提案 使用線上訂房系統 其他洽詢問題 預計完成時間＊ 網頁建置預算＊ 參考網站 請簡述您的需求＊ 確認送出 網頁設計案例 設計費用 服務項目 設計流程 報價洽詢 TEL：04-3609-8678 FAX：04-2310-9978 E-MAIL：[email protected] ADDRESS：台中市西屯區大墩二十街99號4F ©2020iBestallrightsreserved. 報價洽詢