ピン留め：QR コード生成サイト qrbtf.com をご覧ください
QR コードは、オフラインからオンラインへの転換における最も重要な架け橋だと言われています。実店舗、ソーシャルメディア運営者、キュレーター、印刷メディア編集者など、QR コードは重要な要素となっています。しかし、標準的な QR コードは単調で高コントラストであり、ポスターの「美的価値を下げる」ことがよくあります。
起源
QR コードとは何か？
大学時代から、ジェネラティブアート — コンピューターアルゴリズムを使用して作成された視聴覚アート作品に広く触れてきました。ある時、私は考えました：QR コードもジェネラティブアートの一形態になり得るのではないか？
『Generative Art』からの図版
数年前のある午後、初代Apple Watchを開封したときのことを覚えています。ペアリング時に表示されたアニメーションは決して忘れられません。ペアリングを完了させる—そしてアニメーションを楽しむ機会を失うまでの5分間、じっと見つめていました。後に、そのアニメーションをもう一度見たくて、時計を再セットアップしてしまいました。なぜそれほど魅了されたのでしょうか？アニメーションが特別「美しい」からではなく、カオス的で、一見ランダムに見えるダイナミックパターンをスキャンすることで、情報認識と時計のペアリングが完了できることに驚いたからです。
この体験は私に深い感銘を与えました。
情報伝達がこれほど芸術的になれること、そしてジェネラティブアートの背後には「復元の芸術」があることを知りました。後にこの動画がオンラインで見られるようになり、Appleが5年前にこの技術を「特許取得！」していたことを知りました。「Invisible optical label for transmitting information between computing devices（デバイス間の情報伝達のための不可視光学ラベル）」と呼ばれる技術です。
この技術は光学ラベルから始まりましたが、私が本当に興味深いと感じたのは「不可視」という言葉です。これこそが、今日私たちがQRコードに求めているものなのです。
QRコードのデフォルトスタイルは非常にコントラストが強く、ソルト＆ペッパーノイズのようです。私たちは様々な方法で、それを控えめにし、背景に溶け込ませ、「不可視」にしようとしています。これがQRコードの美化とアーティスティックなQRコードに関する多くの人々の共通認識です。
既存のソリューションに満足できず、自分のQRコードジェネレーターを作った
QRコードの美化には多くのアプローチがあります。
手動デザインは一つの方法で、商業的な見積もりは数千円から始まります。タオバオでの解決策は別の方法で、1コードあたり6元ですが、テンプレートは醜く、修正もできません。既存のオンラインエディターは別の選択肢ですが、機能が多すぎて直感的ではありません。
これらのソリューションは大きく3つのカテゴリーに分類できます。第一に、純粋な手作業で、クライアントのURLを変更するだけで頭を抱えることになります。第二に、テンプレート選択で、品質が低く、カスタマイズもできず、ほとんどのテンプレートは背景画像と色の変更しかできません。第三に、専門的なエディターで、学習が非常に困難です。
1 週間前、私は気づきました。私が本当に欲しかったのは、自分のニーズを満たし、品質要件を満たし、豊富な選択肢を提供し、自分のワークフローに適合する QR コード生成ツールだったのです。
まさに「自己中心的な」デザインですね。
push pull push
今日、才能ある同級生と共に1週間で数百回のプッシュを重ね、学習、設計、開発を行い、最初の使用可能なバージョンをリリースしました。フロントエンドフレームワークをゼロから学び、バックエンドの知識にも触れました。こちらが成果です：
ウェブサイト：qrbtf.com
一緒に作成したウェブページ、
「若さゆえの大胆さ」の証
テスト段階で作成したスタイル
学んだことを振り返ると、QR コードリストをオーバーフローボックス内に水平に配置しました。モバイルでは、Apple の優れたデザインを借用しました：1 ページに 2 つの QR コードを配置し、3 つ目を部分的に表示させるのです。このデザインは、対称性を保ちながら、そのエリアがスクロール可能であることをユーザーに示唆します。この示唆はどのように機能するのでしょうか？ゲシュタルトの閉鎖の法則から、ユーザーは見える部分の背後に完全な QR コードがあると想定し、デザイン心理学から、このセクションはシグニファイアとして機能します — テキストプロンプト、トグルボタン、スクロールバーよりもはるかに優れた比喩です。
自分のニーズだけを満たせばよかったので、ウェブサイトは「パラメトリックデザイン」に焦点を当てました。
パラメトリックデザイン
パラメトリックデザインとは何か？
過去には、伝統的なアート制作プロセスには「リニアデザイン」の痕跡がよく見られました—水彩画を描くことやエッセイを書くことのように—不可逆的で、初期条件が変更された場合は完全なやり直しが必要でした。このモードは、アーティストに創作に完全に集中することを強制し、奨励します。一つのミスで作品全体が台無しになる可能性があります。ビデオ編集の分野では、従来のリニア編集が大規模な映画制作プロジェクトに適応できなくなったことから、ノンリニア編集が導入されました。工業デザインの分野では、エンジニアリング要件が設計プロセスにさらなる要求を課し、プログラム的、手続き的、パラメトリックな方法が登場し、障壁を下げながら可能性を高めました。
子供の頃、私たちは Scratch —モジュラープログラミングで遊びました。本質的に、これは手続き的なデザインの一形態です。エントリーレベルのアプリケーションだけでなく、Grasshopper、Houdini、UE4、Blender などの業界アプリケーションもこの方法を採用し、魅力的な「ノード接続システム」を作り出しています。ノード接続を通じたデザインは、間違いなく創造性とアートの解放です。
プログラム的（コーディング）であれ手続き的（ノードの接続、ブロックの構築）であれ、これは間違いなくパラメトリックな、コンピューター支援設計の一形態です。この QR コードツールを作成する前に、ユーザー体験を中心に、学習コスト、創造的体験、創造的制限を考慮し、数分かけてこのプリセットスタイルジェネレーターを調整可能なパラメーターで設計しました。エディターの代わりに QR コードスタイルを提供することで、学習と制作時間のコストを削減し、統一された美的コントロールを可能にします。調整可能なパラメーターを提供することで、より自由で標準化された統一調整オプションに対する私や同様のユーザーのニーズを満たし、SVG エクスポートによってデザイナーの二次創作を可能にします。
私のビジョン：現代的なデザインプロセスを活用し、
より興味深い QR コードデザインを触発する
同級生のオリジナルハンドクラフトデザイン
私のデジタル再現
リニアデザインとノンリニアデザインの両方に、興味深く価値のある側面があり、それぞれに問題もあります。私のツールが必要なI/Oを提供し、私のワークフローに統合できることを願っています。一見完璧に見えるノンリニアデザインでも、時には「閃き」が必要です—例えば、QRコードを生成した後、デザインツールにインポートし、中央の情報ポイントを削除し、アバターを追加する。この手順は、プログラムを書くのと手動調整のどちらが良いと思いますか？
現代的なデザインプロセスを活用することで、大幅な人的資源の節約が可能です。例えば、過去にはQRコードの情報ポイントサイズを変更するには、ソフトウェアの深い機能やグラフィックコードの修正が必要でしたが、今ではウェブサイト上のパラメーター一つで済みます。このウェブサイトの設計と構築には、QR コード公開プラットフォームを作成する野心も込められています。興味がある方は、お気軽にご連絡いただき、設計と開発にご参加ください。
最後に、JZ Creative の記事「八分の九」QR コード美化メソッドから素晴らしいインスピレーションをいただいたことに感謝します。
また、QRコード生成ツールを mdnice.com に統合する作業を進めています。これは Markdown、数式、CSS スタイル編集をサポートする WeChat の公式アカウントエディターです。ご期待ください！
終わり。