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

本

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

運営しているクリエイター

#Webデザイン

仕事効率アップ！この夏オススメの優良サイト3選

皆さん、お久しぶりです！かんです。梅雨が明け、いよいよ夏本番ですね！暑さが苦手な私は、少し外に出るだけで汗だくになります。なので、自宅のエアコンは常に22度設定です！笑そんな夏は、自宅で涼みながら快適に仕事をしたいですよね。そこで、今回は自宅での仕事が捗るオススメの優良サイト＆ツールを3つご紹介します！ただし、ご紹介するサイトやソフトのセキュリティについては保証できないので、各自の責任でご利用してください。不安な方は、一度会社などで確認してみてくださいね。そ

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

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

簡単にデザイン作成ができると噂のAdobe Expressを使ってバナーを作ってみた

みなさんGWはいかがお過ごしでしたでしょうか。私はこれでもかというほど遊び倒しておりました。その反動でしょうか、まったく仕事に精がでません。（自業自得）自分のNoteの担当日は刻々と近づいているのにやる気がでない….（クズ過ぎる）。そのNoteの記事を書く上で私がいつも時間がかかるなと思っているのが、サムネイルの作成。「そうだ、記事内でサムネイルを作ってしまえば一石二鳥ではないか。」ずるがしこい山口青年はそう考えたのです。ということで、個人的に気になっていた「Ad

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

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

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

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

Figmaのフォルダ構成について

AdobeのFigma買収断念、XDの単体販売の終了等の報告で、XDをメインで使っていた私ですが、このままXDを使い続けて大丈夫なのか…と漠然とした不安から、「Figma」に乗り換えるべく日々奮闘しています。（会社的にもFigmaへ乗り換える動きが進んでいます。）デザインツールの世界のシェア率はFigmaが圧倒的。既に充分といえる程の機能は備わっていますが、今後も新しい機能やプラグイン等でさらなる成長が見込めるツールになっていくと思います。そりゃFigma使いたいし、覚え

メモ　XDとFigmaを比較する

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

デバイスフォントとWEBフォントの使い分けについて

YUIDEAデザイナーの山口です。 WEBデザイナーなら誰しもが直面するデバイスフォントとWEBフォントの使い分け。この記事では、それぞれのフォントの概要からメリットデメリット、使い分けまで詳しく説明していきます。「デバイスフォント」「WEBフォント」とは？それぞれのフォントについて詳しく説明していきます。 1.デバイスフォントデバイスフォントとは、WindowsやMac、Iphoneなど、各端末（デバイス）にダウンロードされているフォントのことです。各端末には、M