媒体ごとのQRコードによる集客の計測 | 広告デザイン：エムズクラフト
QRコードパラメータを使った計測集客を考える際に計測したデータを次に生かすことが必要不可欠です。しかし、DMやチラシなどの紙媒体や、看板などオフラインメディアの計測は出来ないとお考えの方も多いのではないでしょうか。 ホームページにアクセスしてもらうのが目的のQRコードですが、QRコードで読み込むURLに計測用のパラメータをつけることで、グーグルアナリティクスの参照元で計測することが出来ます。 QRコード用のパラメータの条件を考えるGoogleアナリティクスで流入経路を判別するためには、URLの末尾にカスタムパラメータという文字列を追記します。 例として特定日時のダイレクトメールからのアクセスを計測する場合は、 ☆リンク先のURL ： https://mz-craft.net/ ※メディアにあわせた各ページURLでももちろんかまいません。 ☆計測したい施策：ダイレクトメールからのアクセスを計
できるクリエイターへの近道、話題の最新Webツール・デザイン素材50選
Webサイトやデザイン制作で、やたらと時間がかかってしまうとお困りのクリエイターの方へ。 この記事では、SNSなどでいま話題の最新ツールやフリー素材を50個まとめており、制作時間を短縮したいというひとに選ばれています。 日頃のワークフローに活用して、ストレスのないクリエイティブな制作ライフを実現しましょう。 AI関連ツール RenderNet – Create AI images with Unmatched Control 一貫性のある同一人物によるキャラクター画像を生成できるAIツールで、人種やスタイル、性別などはもちろん、顔はそのままでポーズの変更や、背景の再生成などが可能。 Textify — Fix text in images — Storia AI 元の背景を維持したまま、シームレスに文字テキストのみを変更できるAIツール。既存のフォントスタイルに合わせることも、新しいものを
情報を分かりやすく伝えるインフォグラフィックの作り方を学べるデザイン書 -インフォグラフィック制作ガイド
※本ページは、アフィリエイト広告を利用しています。 情報を解りやすく伝えたい、そんなときに活躍するのがインフォグラフィックです。インフォグラフィックとは情報の関係を視覚的に表現したもので、電車の路線図などもイングラフィックの一つです。 路線図には、駅と駅の関係、駅と路線の関係、路線と路線の関係、現在地と目的地の関係といった情報の関係がグラフィカルに表現されています。インフォグラフィックの実践的な作り方、情報を解りやすく伝えるためのデザインテクニックもしっかり学べる解説書を紹介します。 著書はビジュアルシンキングの運営者でもある櫻田 潤氏、本書は情報を解りやすく視覚的に伝えるための基本知識と制作方法を実践的な手順に沿ってまとめたインフォグラフィック制作の解説書です。 同著者による「たのしいインフォグラフィック入門（Amazon）」は入門書として基本知識がメインでしたが、本書ではインフォグラフ
洋裁CAD
洋裁CADは趣味洋裁用に開発されたフリーのアパレルCAD、パラメトリック設計方式の2D/3D-CADです。 こちらからダウンロードできます。 従来のアパレルCADにはない、優れた機能を備えています。 寸法、デザインを簡単に変更 一度書いた型紙は、後から数値を変えるだけで。簡単にサイズやデザインを変えることが出来ます。 下の図は、ワンピースの裾を数値を変更してフイッシュテールに変更しています。 パターンのライブラリー化 原型や衿、袖、人体寸法などを個別ファイル、ライブラリー化し、必要に応じて読み込み調整することが可能です。 読み込んだファイルは差し替えできるため、人体寸法を差し替えて別の人のサイズに替えたり、原型を差し替えて女性体型を男性体形にする変更が簡単に出来ます。 下の図では人体寸法を女性サイズから男性サイズ、原型を女性から男性、袖を半袖から長袖に入れ替えています。 ３つの出力機能 型
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
「ステップ・フロー」のUIを集めてみた｜パーツ別デザインまとめ｜nanami
こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPや提案資料などでよく使用されるデザインパーツ「ステップ・フロー」のUIを集めてみました。 「パーツ別デザインまとめ」シリーズも第３弾となりました。 今後も地道にUIパーツの収集・調査を続けていく予定です！ （前回までの記事も是非ご覧ください ↓） はじめに「ご利用の流れ」や「お申込の流れ」など、時系列に並んだ項目をわかりやすく可視化する手段として用いられるステップ・フローのセクションは、サービスやプロダクトを訴求するLPや提案資料にかかせない存在です。 今回はそのステップの整列パターン別に、PC・SPでどのようにレスポンシブされるのか？という調査も含めデザインを収集しました。 💡横に整列宅トラカードの中に手順の概要やイラストをまとめている形式です 中身の情報量によりますが、4ステップ程度だと丁度よいサ
生成AIで瞬時に大量の絵型生成 通販大手スクロールの生成AIサービスが爆走中のワケ - WWDJAPAN
東証プライムの通販大手スクロール子会社のスクロールインターナショナルは、生成AIを使ったアパレルデザイン生成サービス「ライトチェーン（LIGHTCHAIN）」が、ユーザーを急拡大している。自社のデザイナー・パタンナーでも簡単に使えるよう使い勝手を磨きながら、技術は中国有数のベンチャー企業と組んだ。繊維商社やOEM会社、アパレル企業、小売チェーンなどをターゲットに、数年内にスタンダートなサービスへと普及させる。 「ライトチェーン」は、デザイン生成やスタイル変更、生地・柄変更、ディテール変更、ボタンやレースなどの副資材の追加・変更が数クリックでできるサービス。ユーザーは自社のアーカイブ写真データを読み込ませることで、AIに特徴を覚えさせ、生成したいアイテムの写真などを読み込ませることで、上記のようなデザイン生成や変更を数クリックでできるようになる。月々の使用料を支払い、ブラウザ上でログインして
Figma初心者でも大丈夫！ レスポンシブWebデザインをFigmaで作るための3つのポイント
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。 また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。 利用状況 2022年のインターネット利用率（個人）は84.9％となっており（図表4-11-1-2）、端末別のインターネット利用率（個人）は、「スマートフォン」（71.2％）が「パソコン」（48.5％）を22.6ポイント上回っている。 （出典）総務省「通信利用動向調査」 このようにスマホ、PCどのデバイスでも見ることが
Eagle で画像収集・管理が驚くほど簡単に！デザインワークを加速する私の使い方 - Techtouch Developers Blog
はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl
テキストだけでウェブサイトが作れる！ 最新AIツール3選 | ライフハッカー・ジャパン
サイト作成にあたっては、さまざまな質問に答えていくことになります。 たとえば、「ウェブサイトにはどのようなタイトルをつけたいのか」「どのような内容のウェブサイトにするつもりか」「どのような機能が必要か」「特に伝えたいメッセージはあるか」といった質問です。 やりとりは、ChatGPTやGeminiを相手にする場合と大差ありません。 また、プロンプトごとに、AIに質問を言い直させたり、答え方を教えてもらったりできます（つまり、こちらが言うことの選択肢を提案してくれるわけです）。 そのほか以下のような特徴があります。 ウェブサイトの外観が生成されるたびに、微調整を加えたり、ゼロからやり直したりが可能細かい部分は思いどおりにならないWixとWix ADIは、無料で利用できますが、月額17ドルからのプレミアムプランもあり（日本語版は1200円の「パーソナル」プランから）。FramerFramerなら
Canva、Affinityを買収 Adobe対抗のデザインツール大手
オンラインデザインツール「Canva」を手掛ける豪Canvaは3月26日、プロフェッショナル向けデザインツール大手の英Affinityを買収すると発表した。取得額など詳細については明かしていない。 Canvaは2013年に設立。オンライン上でアクセスできる統合型のデザインツールで、スライドやポスター、SNS用のバナーといったデザインから、写真・動画編集にいたるまで、さまざまなデザインニーズに対応することができる。無料でも利用できる点やユーザーインタフェースに優れていることもあり、全世界で1億7500万人のユーザーを抱えるまでに成長している。 一方Affinityは、PCやスマートフォン、タブレット用のデザインツールを手掛ける企業。現在、ベクターベースのグラフィックソフト「Affinity Designer」、写真編集ソフト「Affinity Photo」、ページレイアウトソフト「Affin
デザインが楽になる、ずるい最新ツール・素材40個まとめ
「毎日のように数えきれない数のツールやサービスが登場し、どれが本当に必要なのかわからない」という方へ。 今回は、2024年に入って公開されたデザインに役立つ無料素材やツールをまとめてご紹介します。 「こんなのあったら便利なのに、」を叶える、かゆいところに手が届く便利ツール・素材を中心に、無料で利用、ダウンロードできるものをセレクトしています。 2024年のデザイントレンドでも何度も挙げられていた、「AIの力をうまく利用したツール」も増えています、合わせて確認してみましょう。 配色ツール Color Palette Generator キーワードを入力するだけで、それに合った配色を生成、見つけてくれる直感的なカラーツール。 Colors for Branding | Unlimited Graphic Design – Draftss 人間の感情に基づいて厳選したカラーパレット集。若々しい配
Hexo製ブログを公開してGoogle検索できるようにする
手元で作成したHexo.js製ブログを、GitHub Pagesで公開して、Google検索できるようにするまでの手順を、この記事にまとめました。 GitHub Pagesでサイトを公開しようと考えている方の参考になれば幸いです。 はじめに前後編に分割した理由下記の二つの理由を持って、記事を前後編の二つの記事に分割することにしました。 PageSpeed Insights で、ページ内の DOM 要素数が 800 を超えていると、警告を受けたから。テンプレートやスタイルのリファクタを頑張ったが、800 を下回れなかった。技術的な内容にも関わらず、長すぎて可読性が落ちていると思ったから。いくつか記事を書いた結果、読了時間が 10 分程度だとバランスが良いという結論になった。この記事の存在意義読者様が、ブログ作成シリーズの記事をひと通り読んだ後に Hexo.js + GitHub Pages
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デジタル庁デザインシステムβ版
ABWとは？（基礎編）～フリーアドレスとは何が違うのか～ | 資料・コンテンツ | ITOKI
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
商用無料、新作フリーフォントがリリース！ 柔らかで穏やかな、紙面を彩る見出し用ゴシック体「紙モノゴシック」
Design System 1.4.1 | Figma