スマートフォンのカメラなどから手軽に追加情報などにアクセスできるようになるQRコードは、名刺やポスターなどさまざまなものに挿入されることがありますが、デザイナー目線では「もっと目立つQRコードにしたいな」などと感じるケースも多いはず。無料で使えるウェブアプリ「QR designer」なら簡単操作で文字や図形を含むQRコードを作れるとのことなので、実際に試してみました。 Create a swink - swink http://robko.ch/qr-designer/ QR designerにアクセスすると以下のようなページが表示されます。 QRコードを作成するには、まず上部の入力欄に文字列を入力します。今回はGIGAZINEのトップページのURL「https://gigazine.net/」を入力しました。なお、小文字を入力しても自動的に大文字に変更されますが、問題ありません。 QRコ

決済手段としても用いられるようになっている「QRコード」は、一部が破損・汚損していたり読み取り時に隠れていても大丈夫なように誤り訂正機能が盛り込まれています。これを活用して、QRコードと美麗なイラストを融合させる試みが行われています。 AI 生成可扫码图像 — 新 ControlNet 模型展示 https://mp.weixin.qq.com/s/i4WR5ULH1ZZYl8Watf3EPw AIGC All in One https://aigc.ioclab.com/index.html Redditor creates working anime QR codes using Stable Diffusion | Ars Technica https://arstechnica.com/information-technology/2023/06/redditor-creates-

クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 「良いデザイン」とは何か、それをどう評価すべきか。「自分には見る目がない」「センスがない」と悩んでいる方も多いのではないでしょうか。 しかし、デザインセンスは生まれつきのものではありません。そして多くのデザインに触れるだけでは不十分で、「考えながら見る」という訓練が必要なのです。デザインの見方にはコツがあり、それを意識的に実践することで、誰でもデザインセンスを磨くことができます。 この記事は、主に次のような方々に向けて書かれています デザインの発注や修正依頼を担当している方 見る目を磨いて、自分のデザインスキルを向上させたい中級者、初学者の方 記事を読む価値 デザインの良し悪しを判断する基準が明確になり、的確

僕はデザインがもっと上手くなりたいとずっと思っています。 「デザインが上手い」という言葉には、さまざまな意味が含まれます。 Xでフォロワーがたくさんいて、拡散されているデザイナーは ビジネスとしてデザインを使うのが上手いデザイナーが多い印象です。 また、Xのルールで拡散しようとすると、ドーパミンを出す投稿が一番効果が高いため、高いデザインスキルがなくてもハックすることができます。 Xはデザインでビジネスをしている投稿に偏っています。 それでは本当のデザインの広さや美しさや楽しさを知ることはできません。 この記事では、表現アイデア・クオリティが一流のアートディレクター/デザイナーだけをピックアップしていきます。（主な目的は自分用です） もちろん、すごいデザイナーはまだまだたくさんいますし、ここで紹介されているのはほんの一握りです。他にもこんなデザイナー（または会社）がいるよ！というのがあれば

QRコードと言えば、黒と白のドットが無機質に並んだものというのが一般的なイメージとしてあります。このQRコードに色づけしたり形を変えたりして装飾できる「qrframe」というページが公開されていたので使ってみました。 qrframe.kylezhe.ng/ https://qrframe.kylezhe.ng/ 上記のURLにアクセスすると以下のような画面が現れます。 テキストボックスに何らかの文字列を入れるとすぐに対応するQRコードが生成されます。 下部にはQRコードの表示パターンのプリセットがいくつか用意されていて、選択するといろいろなデザインのQRコードを表示させることが可能。 デザインによってはQRコードには見えないものもありますが、ちゃんとQRコードとして認識することができます。 ページをスクロールするとカラーや表示パターンを自分で変更可能。 背景色を変更する「Backgroun

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な

そんな事もあり、4月10日は新しいフォントがいくつか発表された。今年の目玉はなんといっても「和文バリアブルフォント」であろう。 われわれが普段使用するフォントは、同じデザインでも細いもの、太いもの、横が詰まったものなどがそれぞれ個別のフォントとして提供され、1つのファミリーを形成している。 一方バリアブルフォントは、そうした文字の変形を1つのフォントで提供していこうという比較的最近のフォントフォーマットで、米Adobe／米Apple／米Google／米Microsoftが共同開発した。フォントパラメータとして、太さや字幅がバリアブルで変更できるため、従来はファミリーで提供しなければならなかったフォントデータが、1つのフォントで小さく提供できるというメリットがある。 もちろんデザインする側も、細いか太いかの2択ではなく「中間」も選べるし、縦長、横長も選べるので、表現の幅が広がるわけである。た

山本@デレステP @yama_dere 僕は「メイリオ」の行間が気に入らないので、ユニバーサルデザインの「BIZ UDゴシック」「BIZ UDPゴシック」を多用してます。 x.com/piyopiyosakana… ぴよすけ @piyopiyosakana1 ExcelのフォントをMeiryo UIにしてる人の資料はマジで安心感があって信頼できる。 逆に、他のフォントは開いた瞬間、テンション下がって眺める気になれない。

llustrator Factoryは、商用利用可能なフリー素材のイラストなどを提供しているウェブサイトです。 イラストをはじめAdobe Illustratorで利用できるグラフィックスタイル、フォントなどのフリー素材をご自由にダウンロードできます。

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

「いらすと本舗」という、イラストのフリー素材サイトが話題だ。人物や職業、生活シーンなど、さまざまなカテゴリーのイラスト素材を無料配布しているWebサイトで、X上であるユーザーが紹介したところ、注目を集めた。イラストを描いているのは、ある刑務所の受刑者たちだという。 いらすと本舗では、日常生活のワンシーンや職業、動物、建築物、食べ物など幅広いイラスト素材を公開している。中には「岸田文雄」首相など、一部著名人のイラストや、アニメーションによる動くイラスト、3Dレンダリング素材なども。1カ月に数回、イラスト素材を追加しているようで、素材のリクエストも受け付けている。

東京・立川を拠点に起業に関連したさまざまなイベントを開催しているStartup Hub Tokyo TAMA。本記事では、『秒で使えるパワポ術』『秒で伝わるパワポ術』の著者で、シリョサク株式会社代表の豊間根青地氏が登壇したイベントの様子をお届けします。今回は、伝わりやすさの3要素の3つ目「画像」ついて語られました。 前回の記事はこちら 資料に使ってほしい2つのビジュアル要素 豊間根青地氏（以下、豊間根）：最後に画像の話をさらっとして終わるんですが、今、2つのスライドを作りました。 文字と色の話で、バリューチェーンのスライドとお客さまの声のスライドを作った。これだけでも、一応内容としてわかるのはわかるんだけど、なんか寂しいですね。殺風景なわけです。なので、これにビジュアルの要素を足していきます。 ビジネスシーンでスライドを作る時の、使ってほしいビジュアルの要素は2つありまして、「アイコン」と

「このWebサイト、素敵。」と感じさせるモノとは、一体何でしょう。 それはデザインなのか、それとも機能性なのか、または「このフォント、配色が好き」といった特定のデザイン要素かもしれません。 ずばり、この問題の答えはポンと出せるほど単純ではなく、これらの要素を組みあわせることで、素晴らしいWebサイトは生まれます。 この1年間で、デザイン制作の参考にしたいWebサイトを２００以上紹介してきました。 製品やサービスを販売、紹介するサイトや、実験的なサイト、情報を提供する教育的なサイト、政治的なサイト、そして夢中になる体験型サイトまで、業種もさまざまです。 この記事では、デザインアイデアにしたり、トレンドを分析したり、２０２３年の振り返りに最適な５０のWebデザインを厳選してご紹介します。

2023年も終わりに近づき、この1年間に収集したツールを振り返りながら、Web制作に役立つお気に入りを見つけてみましょう。 素晴らしい新ツールや素材がたくさんリリースされ、選定にはたっぷり時間がかかりましたが、カテゴリ別に幅広くセレクションできました。 本当に役立つかどうかだけを考え、「これ、神ツール。」と思えるものをピックアップ。 話題の的だったAIをうまく活用すれば、ワークフローを格段にスピードアップさせ、面倒な作業もストレスなくこなすことができます。 この記事では、そんなあなたの役に立つ2023年公開のWebデザイン制作ツールや素材をまとめてご紹介します。 整理したカテゴリは以下の通り。

資料作成代行サービス「c-slide」を運営する中で蓄積したナレッジから、デザインをパターン化しました。 資料作成時にパワーポイントと一緒に開いてアイデアの種にして役立ててもらえると嬉しいです。 詳しく解説している記事はこちら https://cone-c-slide.com/see-sla/…

アドビは11月16日、漫画のセリフに特化したオリジナルフォント「貂明朝アンチック」をリリースした。Adobe IDさえあれば無料ユーザーでも「Adobe Fonts」から利用できるという。 漫画の吹き出しに古くから使われている、仮名が明朝体、漢字がゴシック体の「アンチック体」を採用。貂明朝アンチックでは、漢字に源ノ角ゴシック、仮名はコントラスト（水平・垂直方向の先の太さの差）を抑え、ゴシック体の漢字とマッチするようにデザインされたという。ウェイトは6種類用意されている。

「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど

こんにちは、HARUです！ 皆さんは日々の業務で「円グラフ」を使っていますか？ 投稿者自身は事業企画領域の職務が長く、セクター別の業績を時系列で表現したり、商品・サービスの収益性をバルーンテイストで表現したりするときにグラフを活用しています。 具体的に実務でよく使うのは、積み上げグラフ、ウォーターフォールグラフ、散布図（バブルチャート）などです。 そのため円グラフの使用頻度はそこまで高くありませんが、ここぞというときにはこだわって作成してしまいます。 たとえば「賛成」「反対」などの２要素を表現する場合、デフォルトの無機質なデザイン（上図左）から、見る人の目に止まりわかりやすくビジュアライズされたもの（上図右）にアレンジできると、毎日のデータ分析や資料作成作業にちょっとした楽しみが生まれますよね！ そこでこの記事では、洗練されたデザインの円グラフ（ドーナツグラフ）を作成する方法を解説します。