デザインQRコードが作れるウェブサービス Unitag

スポンサーリンク

いわしブログオリジナルQRコード

カラフルなデザインQRコードが作れるウェブサービス「Unitag」をご紹介します。

自社のホームページをQRコードで紹介する場合は、白黒よりカラフルなQRコードの方が目立つので、スマホからアクセスしてもらえる確率が上がります。

上の画像はUnitagで作ったQRコードです。読み取りできるか試してみて下さい。

スポンサーリンク

QRコードは簡単に作れる

いわしはホームページ制作の他にデザインの仕事もやってまして、主に企業向けチラシやパンフレットの制作をしています。

大抵は自前のHPがある会社なので、そのアドレスも掲載するのですが、最近はスマホからすぐアクセスしてもらえるように、ホームページのアドレスをQRコードにしてチラシやパンフレットに載せることが多くなりました。

QRコードって作るのが難しそうですが、実はとっても簡単です。「QRコード作成」で検索すれば、無料のウェブサービスがたくさん出てきます。

いわしはいつもここでQRコードを作成しています。

http://www.cman.jp/QRcode/

QRコード(二次元バーコード)作成【無料】

ちなみに、QRコードは自動車部品大手デンソーのグループ企業、デンソーウェーブ社が1994年に発表した二次元バーコードの規格で、ISOやJISによる規格が制定されています。

PCやモバイルではURL用が一般的ですが、地図や電話番号でもQRコードが作れます。

ウェブサービスでQRコードを作成してみよう

では、いわしブログのアドレスをQRコードで作ってみましょう。

まずは、先ほどのサイトへ行って「QRコードを作成する文字列」にいわしブログのアドレス https://wind-mill.co.jp/iwashiblog/ を入力します。

「QRコードを作成する文字列」にアドレスを入力

そして、「上記内容でQRコードを作成する」ボタンを押すと・・・

QRコード作成ボタン

はい、たったこれだけでQRコードが完成しました。QRコードが読み込めるスマホやアプリを使って、いわしブログが表示されるか試してみてください。

いわしブログのQRコード

スポンサーリンク

QRコードの色や背景を変更する

さらに、QRコードの色を変更したり、背景に文字やイラストを入れることもできます。まずは、コードと背景色を変更してみましょう。

「QRコードの色」の右側にある「説明&変更」ボタンをクリック。

qrコードの色を変更

下の「カラーパレットから選択」で前景色または背景色を選んで、色見本から好みの色をピックアップします。選んだ色はプレビューで確認できます。

「これで確定!」を押すとQRコードの色が変更できます。右側の「直接色指定」では、カラーコードを数字で直接入力することができます。

QRコード色の変更

文字の重ね合わせや画像の挿入も同様の手順で可能です。ただし、遊びが過ぎるとQRコードが読み込めなくなってしまうので、ちゃんと読み込めるかどうか確認しながら作業してください。

いわしブログqrコード色違い

あとは完成した画像をコピーして、お好きなところに貼り付けてください。いわしは名刺にブログのQRコードを貼り付けています。

デザインQRコードが作成できるウェブサービス

さて、QRコードは簡単に作成できることがわかった・・・でも、白黒ドットのQRコードじゃ何か物足りないという方は、写真やロゴ入りのデザインQRコードが作成できるウェブサービスはいかがでしょうか?

サンプルで掲載されているQRコードは「こんなの読めるのか?」と思うようなものばかりです。

http://www.unitaglive.com/qrcode

Custom QR Code Generator – Free & Premium plans – Unitag

デザインQRコード フォーマットの選択とURLの入力

では、さっそくいわしブログのアドレスでQRコードを作成してみましょう。

まずはStep1から。「Choose the format of your QR Code」とあるので、左側の「QR Code type」からフォーマットを選択します。ブログのURLなら「Weblink」ですね。

Unitag QR Code typeを選択

「Website link」にURLを入力して、「Confirm」をクリックします。

 QR Code generator Unitag URLを入力

さっそく14種類のQRコードがプレビューで確認できます。「こんなので読めるのか?」と思ってスマホを向けてみると、ちゃんといわしブログへ飛んで行きました。

 QR Code generator Unitag QRコードプレビュー

これも読めるとは思えませんが、大丈夫でした。何かよくわからんけどスゲェなぁ・・・

QR Code generator Unitag QRコードサンプル

デザインQRコード 色やロゴ、目の形状の選択

続いてStep2です。「Customize the QR Code as you wish」とあるので、サイト左下「Customizations」から順に色やロゴを選択します。

まずは「Templates」でQRコードを14種類のテンプレートから選びます。

右側のテンプレートをクリックすると、プレビューでQRコードが確認できます。

QR Code generator Unitag テンプレート選択

「Colors」でQRコードの色を選択します。QRコードの色は単色だけでなく、オーバーレイやグラデーションも選択できます。

色に限らず、各項目の操作方法は感覚的に理解できるので、変更はとても簡単です。

QR Code generator Unitag 色の選択

「Look」でQRコードのドット形状と位置合わせ用の目を選択します。通常の四角ドットだけではなく、矢型や丸ドットも選べます。位置合わせ用の目も多数ありますね。

QR Code generator Unitag QRコードのドット形状を選択

「Logo」で画像をQRコードに埋め込みます。画像の位置や大きさも「Manual positioning」で変更できますが、画像が目に被ったり、大き過ぎると読み取れなくなります。

QRコードに画像を埋め込んでみました。いわしブログのQRコードなので、画像は「いわし」です。鰯の頭も信心から・・・(^_^;

QR Code generator Unitag 画像埋め込み

「Eyes」で目の色が変更できます。それぞれ3方の中と外まで色が指定できるとは、なかなか芸が細かい。QRコードにアクセントを付けたいときはいいかもしれません。

QR Code generator Unitag QRコードの目の色を変更

「Options」でQRコードの背景色、影の有無、誤り訂正レベルが変更できます。

QR Code generator Unitag 背景色など変更

背景色を選択した時に、ドットの前景色と近い場合はQRコードが読み取りにくくなるので、このように警告してくれます。これまた芸が細かいなぁ・・・

QR Code generator Unitag 背景色の警告

デザインQRコード 完成したQRコードの取得

最後はStep3、「Download and share your QR Code」です。完成したQRコードは「Download」ボタンを押してゲットしましょう。

QR Code generator Unitag QRコードダウンロード

これが完成したいわしブログオリジナルのQRコードです。読み取りもバッチリOK。

いわしブログオリジナルQRコード

こんなQRコードがあると楽しくなっちゃいますね。とはいえ、これだけぶっ飛んでると、何かのデザインと勘違いされてQRコードとは思ってもらえないかもしれませんけど・・・ちゃんと「QRコード」って書いておかないとなぁ (^_^;

今回の記事はこちらを参考にしました。samulife_yuuさま、ありがとうございます。

http://samulife.com/iPhone/qr-code-generator

デザインQRコードを作成できる無料Webサービス!! ロゴ入りのお洒落なQRコードも簡単

追記です:デザインQRコードが作成できるウェブサービス「Unitag」のQRコード活用事例をご紹介します。

グランフロント大阪北館6階ウメキタフロアにて開催中の「TAISUKE WORLD 衣笠泰介作品展」では、カラフルなQRコードが設置されていて、スキャンすると展示に関係のあるウェブサイトや動画へ飛べるようになっています。

スポンサーリンク
PC用
PC用

フォローする

コメント

  1. 2dimSpace より:

    こんにちは、二次元プロモ(2dimSpace)の管理者です、私達提供されたQRコードは写真とQRコードを混み合わせて作られる写真です、自分のウェブサイトを宣伝する時当時にQRコードとしてもスキャン早いです。もしよければぜひ試してください。今はベータ中、今後も個人的サービスを無料で提供するつもりです。

    • wind-mill_iwashiblog より:

      情報ありがとうございます。さっそく試してみました。
      「回るQR」って何だと思いましたが、ちゃんと読み取れましたよ。なかなかおもしろいですね。

      • 2dimSpace より:

        もし何か要望があればぜひ知らせてください、今はベータテスト中なので(今月末正式運営予定です)、臨時QRやIntouchQRしか作れない、もし何か欲しいなら直接に作れてメールで差し上げます:)