画像付きのtooltip、やっぱり分かりやすいな😀 「画像」と「ファイル」との違いが、直感的に理解できる。

「本当に消していいか？」 重要な削除などは文字を入力させてから実行させる例✍️

slackのダイレクトメッセージ。自分へのダイレクトメッセージのプレースホルダーは「メモを書く」なのか〜。確かに自分へのダイレクトメッセージ送信は、自分へのメモとかで使用することが多い💡

KFCの公式アプリ。 会員証画面は、背景にチキンが降ってくる仕掛け🍗 リニューアル前のアプリの課題の一つに「会員証の提示率向上」があったそう。 この仕掛けがあるだけで、ユーザーの印象の残り方と、画面自体の愛着度の増し方が違う。画面の利用率を上げる、かつ楽しい仕掛けで素敵だな😀

niko and...のサイトのスクロールを促すUI、めっちゃいい😀！ スクロールが増えるにつれて、アイコンの表情が変わる。 すぐ仕様が理解できるUIではないけど、気づくとなんか嬉しい、楽しい仕掛け。

新規作成がまとまっている！ createの中の各category+マークを押すとviewを追加できるUI。 そうか〜、なるほどなぁ😳

ナビゲーションには、「アクション系のメニュー（例えば、新規作成）」を置かないのが通常だと思うのですが、 ユーザーの利用の頻度、背景によって、 「置く」「置かない」を考えても良いのかな？と思った例。 きっと、「メッセージ」の作成だけは、その方がいい理由があるはず。

クリック率は良さそうだけど…？ 特に商品に「いいね」していないのに、こういったテキストが出ると…。 「あれ？知らないうちに、なんか押したっけ？」とか誤解を招くような。 ユーザーにお知らせを見て欲しいが故に、自分もこういうテキスト作ってしまう時もありますがよくないのかも…。

実務で使えそう？な「デザイン系」生成AIサービス✌️

生成AI系のサービスの展開早すぎて、情報追いつけない！ ちょっと前に社内で、生成系のサービス勉強会（雑談会）をやったので、 軽く触ってみて使えそうと思ったサービス、おもしろ生成などまとめてみました✍️。 … ロゴ生成系AiLogoAI 無料で生成できて、有料の買い切りで商標登録までしてもらえる。 ロゴ叩き台や、複数案出しの際、アイデアとして活用するのは全然アリ。 Logo Diffusion 手書き、テキストから画像を生成できる。 が、無料版は中々生成できない

増えすぎたブクマの替わりに。厳選！UIギャラリーサイト10選📸

UI・Webデザインのギャラリー集・アーカイブ集は、デザイナーにとっては、とてもありがたい存在ですよね。 ですが、ブラウザのサイトブックマークもいつの間にか膨大な数に…。 どれがなんのサイトだったっけ😕？？ ちょっと自分用に整理をするためにも、 最新のサービスが掲載されているUIギャラリー・Webサイト集を、厳選！10個で集めてみました📸 （10個でもスクショのソース量としては、十分でした） このnoteの使い方 サイトブックマーク替わりに使ってください🙏 📱アプリ系

Lottie Files 覚書 （作業メモ&Tips📝）

最近よく耳にするLottie Files。 触る機会があったので、実作業と便利Tipをまとめました。 Lottie FilesとはLottie Files Lottie（ロッティー）とは、Airbnbが開発したアニメーションライブラリ。CSSやJavascriptを使用せずに作成できる、オープンソースのWebアニメーションファイル形式。JSONでの書き出しが可能。 ついでに、Jsonとは？ JSON (JavaScript Object Notation)。JavaS

【2024🎍年明け勉強会】Adobe Fireflyを使ってみよう🌈

生成系AIが話題になり、AdobeのPhotoshopやIllustratorでも生成機能が使えるようになりましたね。今回は、Adobe AI画像生成ツール「Adobe Firefly」を使ってみようとの企画でチームメンバーと勉強会をしてみました。 Adobe Fireflyとは？テキストを入力して生成するAdobeの画像生成AI。（日本語もOK！） 商用利用もOK⭐️で、photoshop上だけではなく、Webブラウザ上で誰でも画像を生成することができます。 Web版で