ChatGPTやStable Diffusionなどの生成AIが急速に発展し、社会全体が大きく変化しようとしている。 UXデザインのプロセスや、UX自体のあり方も当然革新されていく。 今回はそうした生成AIによってUXがどう変化していくかを、具体的なメソッドや未来洞察といった具体・抽象を行き来しなが…
![生成AI時代におけるUXデザイン | 生成AIをフル活用したUX設計手法&生成AI時代のユーザー体験の変化について](https://cdn-ak-scissors.b.st-hatena.com/image/square/576f1c1eba60c60d2ae06a8b8bcdddd05ff10409/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Fea38e85e11334ec8bdbea506dd83669f%2Fslide_0.jpg%3F25783631)
# 命令 下記の「構成」を満たすAWSのシステム構成図をMermaidで作成して下さい。 作図を行う際、システムの構成要素は「Mermaid記法集」のデザインを元に記述して下さい。 各種システム構成要素には全てその名称も明記して下さい。 ## 構成 - シンプルな三層アーキテクチャ - ALBの前段にCloudFrontを立てている - ALBはパブリックサブネット内のEC2に負荷分散する - EC2はプライベートサブネット内のRDSにアクセスする - 画像ファイルなどのデータはS3に保存しており、CloudFront経由で配信している ## Mermaid記法集 ### 各種グループの記法 #### AWS Cloud fill:none,color:#345,stroke:#345 #### Region fill:none,color:#59d,stroke:#59d,stroke-
WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。 アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。 Phosphor Icons Phosphor Icons -GitHub Phosphor Iconsの特徴 Phosphor Iconsのアイコンのダウンロード Phosphor Iconsのアイコン Phosphor Iconsの特徴 Phosphor Iconsは、WebサイトやスマホアプリのUIデザインをはじめ、プレゼンテーションやダイアグラムなどさまざまな成果物に使用できるフレシキブルなアイコンのセットです。 7,000種類以上のSVGアイコンが揃っています。 6つのスタイル(Thin, Light, Regular, Bold,
「DICとPANTONEの違いについて、色々と調べてブログにまとめましたが、どうもよくわからない。」ということで、PANTONE(パントン・パントーン)の日本総代理店のユナイテッドカラーシステムズさんに直接電話して聞いてみたら、驚きの結果が!これは日本中のデザイナーさんに知って頂きたい。 PANTONE のインキは無い!? サンコー)「PANTONE(パントン・パントーン)で色指示があり、近似色ではなくPANTONE(パントン・パントーン)のインキで印刷して欲しいので、インキを作ってくれるところを紹介して欲しい。」 ユ:「ユナイテッドカラーシステムズではインキは製造していないのでパントン社とライセンス契約したインキ会社に相談して下さい。」 えっ?・・・ PANTONE(パントン・パントーン)はあくまでカラーシステム(色見本)のみを持っており、実際にインキを作るのはライセンス契約をしている国
CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザイン ラインを使ったCSS見出し HTML <h2 class="heading01">ラインを使ったCSS見出し</h2> CSS .heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); } 蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ね
文字を打ち込むと画像を作ってくれる画像生成AI。3月には自動運転スタートアップのチューリングが、画像生成AIを活用してデザインしたコンセプトカーを発表した。誰でも使えるAIは、誰でもカーデザインできることを意味するのだろうか? 試してみた。 ◆Midjourneyというアプリ チューリングのコンセプトカーの開発で、デザインを担当した開発支援企業の日南は『Stable Diffusion』というアプリを使った。しかしこれ、いろいろ調べたら、筆者のパソコンには荷が重い。動いたとしても、かなり遅くなりそうだ。 そこで選んだのが『Midjourney』だ。こちらは『Discord』というチャットサービスのなかで使う画像生成AI。クラウド上で画像生成するので、端末の性能に依存しない。スマホやタブレットでも使える。ただし『Stable Diffusion』が無料で使えるのに対して、『Midjourne
新年度も始まったということで、去年に引き続き注目トレンドのWebサイトをいっぱい見漁ってきました。 徐々に緩和されつつありますが、移動や外出が制限されていたこともあり、より刺激的な体験をインターネットに求める傾向がありました。また、社外だけではなく社内のコミュニケーションもオンラインが当たり前になっていることから、より効率的なコミュニケーションが模索されてきています。 AIを使ったサービスが爆発的に認知を広げていたりとさまざまな変化があるなかで、Webサイトはどう進化していくのでしょうか。妄想を膨らませながら見ていきましょう。 ※今回こちらの記事を参考にしています。 Top Web Design Trends of 2023 11 engaging web design trends for 2023 9 interactive web design trends for 2023 こんな
架空の営業管理システムを作ってもらう前提で、ChatGPTに要件定義をお願いしてみました。 実験として軽く試すレベルで始めてみたのですが、予想を超えるクオリティでしたので、一部始終を皆様にもご紹介します。 ChatGPTとのやりとり まず、ざっくりと必要な機能の洗い出しをお願いしてみました。 あっという間に必要な機能を網羅的にリストアップしてくれまた。私自身、SFA/CRMをいくつか触った経験がありますが、適切な内容だと思います。 中には、「データのインポート・エクスポート機能」のように、検討初期段階ではつい忘れそうな機能も含まれています。さらに頼んでもいないのにオススメの検討プロセスまで教えてくれました。気が利いてます。 機能ベースだと要件の妥当性が判断しにくく思ったので、画面ベースで要件定義してもらことにしました。 「図で教えて」とできないことをお願いしたところ、やんわり断りつつ、意図
こんにちは。ファンと共に時代を進める、Web3スタートアップのGaudiyに、6月からお試し入社する seya(@sekikazu01)と申します。 ここしばらく話題になっている、OpenAI が提供する ChatGPT を代表とした LLM。この記事では、そんな OpenAI の API を使って Figma からコード生成するプラグインを作ってみた過程を記していこうと思います。 先に背景をちょっとお伝えしますと、Gaudiy ではPSFに向けて、複数パターンのUI・機能を実際に提供しながら検証を回すことを予定しています。 すでに定義したコンポーネントはある程度使い回せるものの、ページ実装の試行回数の増加が見込まれる状況です。ここの作業効率化のために、コンポーネントをしっかり活用しながらも、ちょっといじればプロダクション利用可能な React コードを Figma から書き出すトライとし
enden @enden_nix これまでも牛丼1杯と半熟玉子頼むだけで16回のボタン操作が必要だったりして異常だったけど流石にこれは無いと思う、個人経営のラーメン屋さんがなんとか導入したとかならまだしも大手全国チェーンの最新型機ですよ????
テキストを入力すると、Webサイトやスマホアプリ向けの美しいカラーパレットをすぐに生成してくれるAIツールを紹介します。 「企業サイト向けのクールで信頼感のあるカラーで、ベースはホワイト」「子供向けキャンペーンサイト、海と夏のイメージ」こんな感じにテキストを入力すると、Webサイトやスマホアプリ向けのカラーパレットを生成してくれます。 AI Colors AI Colorsの特徴 AI Colorsの使い方 AI Colorsを使ってみた AI Colorsの特徴 AI ColorsはOpenAIのGPT-3.5を使用して、テキストからAIによりWebサイトやスマホアプリ向けの美しいカラーパレットを生成します。また、他の人が作成したカラーパレットを検索・編集・視覚化することもできます。 利用にあたっては無料で、登録なども必要ありません。
店舗照明とは、物販店や飲食店といった店舗全般における照明を指し、商品や店舗を演出する上で重要な役割を持ちます。 店舗照明は商空間と商品のグレード感や魅力を高め顧客の購買意欲を盛り上げるなど、売上にも大きな影響を持ちます。そのため、住宅やオフィスと異なり店舗の照明計画はさまざまな検討や配慮が必要で、照明計画を専門とする照明デザイナーも存在します。 この記事では、店舗照明の概要、照明計画・デザインを活用するポイント、照明の基礎知識、照明器具の種類と特徴、照明計画の流れ、主要な照明器具メーカーの特徴とリスト、照明計画・デザインの助けとなるサイトやショールーム、店舗の照明デザイン事例などを網羅的に紹介しています。 店舗照明とは? 店舗照明とは、物販店や飲食店といった店舗全般における照明を指し、商品や店舗を演出する上で重要な役割を持ちます。店舗照明は商空間の演出性を高める効果があり、店舗や商品のグレ
おはようございます!! 今日は久しぶりに本業の方で お客様と現場で喋れるので嬉しいです(笑) (一週間家族以外と会ってません(笑)) ということで本日の記事内容は 視聴者様からのリクエストのネタです ロールスクリーンの納め方!! なるほど 確かにそれは大事なことですよね 地味にふれたことがなかったので 今回掘り下げていきます!! ロールスクリーンとカーテンに注目!! 家づくりするにあたって 家づくりは小さなデザインの塊です 小さな愛情の塊です 一つ一つを丁寧につくっていってこそ 空気感のある素敵なお住まいになります その一つを担うのがカーテンです 用途としては目隠しですが そいつをどのように見せるのか どのようにデザインしていくのか これも大きなポイントとなります!! どれが正解とかはありません 家のデザインや空間によって 使い分けてもらうのがベストです 普段ロールスクリーンをよく使うので
2023年のトレンドカラーがPantoneから発表されました。 トレンドカラーは鮮やかで紫がかったレッドの「ビバ マゼンタ(Viva Magenta)」、世界でもっとも明るい染料の一つコチニールの赤にインスパイアされたカラーです。 この活力に溢れたレッドはよろこびをあらわした新しいカラー、大胆でウィットに富み、すべての人を包み込みます。 Pantone Color of the Year 2023 PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」 トレンドカラー「ビバ マゼンタ」を使用した配色 ビバ マゼンタのカラーデータ PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」 2023年のトレンドカラーは、PANTONE 18-1750 Viva Magenta「ビバ マゼンタ」です。 PANTONEのエグゼクティブ ディレクターであるLea
北欧を旅したとき、窓越しに見た忘れられない光景がある。ある家庭のダイニングにとても低く、目線ほどの高さにペンダントライトが吊るされていた。 ペンダントライトの灯りが、ほの暗い部屋でほのかにテーブルを照らしていた .....
WebサイトやスマホアプリのUIデザインにぴったりなSVGアイコンを紹介します。「Humble」の名の通り、主張しすぎない控えめでシンプルなデザインです。 オープンソースで個人でも商用でも無料で利用できます。アイコンはSVGなので、サイズやカラーの変更はCSSで簡単にできます。さらに、Figma用も用意されているのは、嬉しいですね。 Humbleicons Humbleicons -GitHub Humbleiconsは、WebサイトやスマホアプリのUIデザイン用にニュートラルでシンプルにデザインされたSVGアイコンのセットです。MITライセンスで商用プロジェクトでも無料で利用できます。 アイコンはまとめて全部のダウンロードもできます(後述)が、個別に使用することもできます。アイコンをクリックすると、SVGのインライン・スプライトのコードがコピペできます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く