マガジンのカバー画像

デザイン&エンジニアリング

41
YUIDEAのデザイナー・エンジニアによる共同マガジンです。クリエイティブの考え方、ノウハウ、制作ストーリーなど発信していきます。
運営しているクリエイター

#デザイン

サイト運営を成功に導く!効果的なサイトマップの作成方法

皆さんこんにちは!かんです! 5月も下旬になり、GWの余韻もすっかり消え、仕事モードに完全に切り替わったこの時期、webサイトのリニューアルや新規立ち上げを計画している方も多いのではないでしょうか。そんなリニューアル時などに欠かせない存在が「サイトマップ」です。 皆さんは、サイトマップという言葉を聞いたことがありますか? webサイトの設計や運営において、サイトマップは欠かせない重要な要素です。サイトマップは、webサイト全体の構造を明確にし、ユーザーが目的の情報にアクセ

Fireflyの新機能 構成参照を試してみます 

YUIDEAのクリエイティブディレクターzackです。 Adobeの画像生成AIであるFireflyが先月大幅アップデートしましたね。 なかでも注目の追加機能「構成参照」が話題になってるのでちょっと触ってみます。 以前にPhotohopの生成AIを簡単に紹介した記事もあるので機能が全然わからない方はそちらもご覧ください。 構成参照機能とは構成参照って日本語訳がちょっとわかりづらいですが、意味的には「レイアウトを参考にする」って感じかと思います。機能自体は従来の「テキストから

UIデザインの暗黙知 - いくつかのケースを考察してみた

先日、社外向けの研修のデモで上司が「UIデザインの暗黙知」についての話をしていました。研修の中で軽く触れていただけなのですが、興味深い内容だったので皆さんに共有したいと思います。 UIデザインの暗黙知、例として以下のようなものが挙げられます。 ・リンクテキストには下線を引く ・ボタンにホバーすると、ボタンの色が変化する このように、UIデザインの暗黙知とは、WEBデザイナーなら知っていて当然の知識(意識せずともデザインに組み込んでいる知識)のことを指します。勿論、デザイナー

メモ XDとFigmaを比較する

AdobeによるFigma買収からデザインツール一本化、と思いきや電撃破談になったので今後XDとFigmaをどう使い分けるか考え中。 どちらも使える環境にあるので今一度整理するためのメモ。 ポイント1 プロトタイプ機能XD ーメリット 簡単な動きなど動的なプレビューが再現できる。 webリンクを吐き出すことができて、デザイナ―以外への閲覧も可能。 閲覧者は任意の場所を指定してコメントを残すことでコミュニケーションが図れる。 XD ーデメリット 書き出されたプレビュ

Photoshop 生成AI塗りつぶしを使ってみる

株式会社YUIDEAのクリエイティブディレクター z.a.c.kです。 ChatGPTなど生成AIを業務で使い始めていますが、デザイン業務にも導入をせねばと焦ってきたので、身近なPhotoshopから始めて見ることにしました。 生成塗りつぶしはphotoshopの機能の延長なので従来のデザイン業務でも使うシーンが多いと思います。とは言え実際に扱いやすい機能なのか疑っていたました…。 使ってみたらメチャメチャスムーズでクオリティも高かったので簡単な使い方を紹介します。 現在、生