マガジンのカバー画像

UIデザイン

5
本
ツールの便利な使い方やデザインtips・UI考察など
運営しているクリエイター
remmyk

#デザイン

アラートUIの色と使い方

WEBサイトや管理画面でよく使うアラートメッセージUIですが、ステータスの色と文言の使い分けがいまいちよくわかっていませんでした。 なんとなくテキストとアラートの色が合っていないな…と思うことがあったけど、うまく言語化できてなかったので調べてみました📕 セマンティックカラーについてセマンティックカラーとは、意味をもって定義された色のことです。 いろいろなデザインシステムやフレームワークをみていると、アラート関連は、次のようにセマンティックカラーとして定義されていることが多い

remmyk

使ってみて便利だったAdobe XDプラグインを紹介

Adobe XDの10月のアップデートで、ついにプラグインが使えるようになりました！ 毎日追加されるプラグインを、ぽちぽちとインストールしては試しています。そこで便利だったプラグインをご紹介します。 Google Sheets スプレッドシートからテキストや画像が流し込める超便利ツールです。量産系がはかどりそう。csvでも読み込める。 Resize Artbord to Fit Contentコントロール+F(mac)を押すだけで、コンテンツに応じてアートボードのサイズを

remmyk

figmaで大きな画像が貼り付けられない。そんな時はプラグインを使おう

figmaを利用していて、大きな画像を配置しようとしたら縮小表示されてしまった経験はありませんか？ figmaの仕様だと縦横4096pxを超える画像はペースト時に小さくなってしまいます。 スマホデザインなど縦長の画像を貼り付けたい時に不便ですよね。 こちらはどうやらプラグインで解決できるようです。 プラグインの使い方そもそもプラグインをどこからDLするのかよくわかってなかったので覚え書き。 ファイル一覧画面のSearchを選択。 上部にサーチバーがあるのでここで検索しま

remmyk