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

本

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

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

#UIデザイン

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

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

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

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

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

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

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

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