紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる

元中学教師(5年)→現EdTech社員。その傍らでWEB/UIデザイナーとして活動中。UIUXの知見を活かした「情報設計と行動を促すデザイン」が強み。🌸業界平均の2倍のCTRを実現したバナー実績あり🌸
最近はデザイナー×AIの付き合い方の研究やFigmaを使った教育現場で使えるWEBツール開発にも力を入れています。

[ホンダ ユウイチロウ @yuichirohonda_]

NotebookLMでスライドの“デザイン”を自分好みに。
実際に試したプロンプトと調整法をnoteに公開しました。
リポストすると、無料でお読みいただけます📖

【プロンプト無料配布】だれでもできる!? NotebookLMでスライドをデザインしよう | ホンダ @yuichirohonda_ #note https://t.co/HH1RvnqyHK

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

本質的に理解ができないと自走できない。生成AIに任せれば1時間もかからずにアウトプット記事がまとめられるだろう。果たしてそれで本当に目的を達成できているのか、では何のために使うのか、考える必要がありますね。ちなみに、私は今回、GeminiやNotebookLMを知識理解のために使っています！

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

今日は早起きができたので朝活達成🌸
UIデザインのアウトプットに時間がかかっています。スクールのペースアップ、インプット量の増加、作業時間の増加。いかに自分が表面的かつ感覚的にやってきたかを痛感。
言語化できないということは理解できていない証拠。しっかり噛み砕いて自分のモノにします！

[村田俊英 / Designer @kookaking]

Figmaで輝く綺麗な光を
3ステップで作成できます✨

プロダクトやボタンなど
目立たせたい箇所に使われる演出です⚡️🥰

--------------

1. 長方形ツールで3つの矩形をつくり、グラデーションとブラーを設定。
→
グラデーションやブラーは好みに合わせて、カスタマイズしてください。

2. 3つともレイヤーのブレンドモードで「明るさプラス」に設定。
→
Figmaの新UIでは「外見」の💧のアイコンになっていて、気づきにくいので注意。

3. ラインやノイズを追加する。
→
ラインやノイズを組み合わせて
微調整しながらイメージに近づけていく。

--------------

ポイント：
レイヤーを重ねることで、質感の高い演出ができます。
ブレンドモードの「乗算」や「オーバーレイ」などもよく使います👍

#Figma #Web #UI #デザイン

[necco inc. @necco_inc]

FigmaのデザインをJitterで動かすやり方についての記事を公開しました✍️

デザインに動きをつけて演出する方法について動画も交えてわかりやすくまとめています。

サクッとデザインに動きを取り入れたい時におすすめです。ぜひご覧ください

https://t.co/N1VqoZww64

[まい｜通販専門LPデザイナー @petama_fuzakeru]

以前自主制作で作ったカヌレの商品ページをちょっとリメイクしました👏

リアル感を出したくてカヌレのパッケージと中身を自作したのですが、
それをnanobananaでスタイリングしてもらったらめちゃくちゃ良い画像できて感動🥹(1番ラストの写真)
完璧やないの。

全体のイメージとしては
カヌレと優雅なお茶タイム🫖

▪️ツール：Photoshop
▪️設置場所：ECモール用
▪️需要：ギフト

[ingectar-e : インジェクターイー @ingectar_design]

💡 DESIGN TIPS：ざらざら質感の作り方

今回はIllustratorでできるざらざら質感の作り方をご紹介🎨
ざらざらした質感をプラスするだけで、
フラットなデザインがぐっと表情のある仕上がりに✨

質感の強さを調整して、
デザインに合わせて使ってみてくださいね☺️

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

『note収益化を目指し生成AIに伴走してもらうとどうなるか？』という挑戦（実験）をしていたのですが振り出しに戻りました。たかが2週間ですが、やりたい方向性も見え、良い失敗もできたので収穫ありでした。次は何をしようかな。引き続き邁進してまいります。

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

みなさんおはようございます！生成AIをパートナーにこれから頑張ると意を決して2週間。突然の別れがありました…「Geminiのログ消失」という不具合から学んだ生成AIとの上手な付き合い方とは。 https://t.co/Us1rkBg4U2

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

みなさんおはようございます！生成AIをパートナーにこれから頑張ると意を決して2週間。突然の別れがありました…「Geminiのログ消失」という不具合から学んだ生成AIとの上手な付き合い方とは。 https://t.co/Us1rkBg4U2

[KAWAI @kawai_design]

あのデザインを指定したいんだけど
何てプロンプトを書けば良いんだ？

その悩みは「PhotoshopVIP」さんの記事が解決してくれます。人気のスタイルが40種類掲載されているので、眺めているだけでも楽しい。スタイル名が分かれば、プロンプトも明快になります。どのスタイルが好みですか？

記事はこちら
https://t.co/3QNug3dGKt

[ろくぶい（文字つくるヤマナカ） @ymnkdesignworks]

🎉新フォント「カラメルホップ」リリースしました！！🎉
フォロー＆リポストで商用利用可能です！

▼ダウンロードはリプライのリンク、またはプロフィールから！▼

[おさむ／AI副業 @osam__AI]

Seedream4.5×Nano Banana Proを一緒に使うと簡単に雑誌風画像が出来上がる。これは金沢編！
誰でも簡単に出来ます。プロンプトはこちら↓
空想写真家さんのプロンプトを参考にさせて頂きました。

【プロンプト（写真集版）】 緯度と経度が36.578134061857426, 136.64816743538748の位置で地元のお昼の時間雰囲気と快晴の天気に合った二人の女性の写真集を作成してください。指定のキャラクターがその場所で観光してるように馴染ませてください。写真集のように美しくレイアウトしてください。9:16をあますことなく活かし、この雑誌の表紙を作成してください。これで金沢への来客数が影響する重要なページだと思って取り組んでください。

ーーーここまでーーー
右の画像の場合は、雑誌の特集を作成してください。にプロンプトを変更する。
女性の画像をSeedreamで生成してNano bananaに添付し、上記のプロンプトにて作成しました。

[yui540 @yui540]

CSSアニメーションで作った楽しげなUIアニメーションのアイデア集をYouTubeに投稿しました。
よければ見ていただけたら嬉しいです。
https://t.co/nF0WCQXP7G

[Fuyuna Taguchi🌷necco @fuyuna_design]

サイト制作の裏側🏠🔍

積水ハウスの賃貸住宅「シャーメゾン」サイトリニューアルの過程を公開しました！

ブランドとして伝えたいこと、物件検索サイトをどう両立させるか？考え続けた1年の記録です。企画・提案からデザインまで、ディレクター視点でご紹介します✏️

https://t.co/5soJ8QG93Q

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

おはようございます🌞
​先週は移動中に「くじ引きアプリ」を作りましたが、今週は第2弾の「感情メーター」の仕様をAIと詰めます。
…といいつつ今朝の移動はのんびり過ごしました。こんな日もあっていい🍵
今週も楽しく過ごしましょう〜！

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

Geminiの指示通りにFigma Makeでアプリを作ったら、正直「微妙」
ボタンが押せなかったり、色がチカチカしたり。
「やっぱりAI任せじゃダメだ」
私が書き直した『正解プロンプト』と、完成したアプリを全部公開します。
https://t.co/lriUL7GYsb
#AI #Figma #デザイン #元教師

[ホンダ ユウイチロウ @yuichirohonda_]

「Nano BananaでLPをつくるプロンプト」を
大幅改良したので、noteで公開しました。
リポストしていただくと、全文無料でお読みいただけます📖

【プロンプト無料配布】Nano Banana Pro × StudioでLPをもっとデザインしてみた | ホンダ @yuichirohonda_ #note https://t.co/HOcFMpHDeO

[デザ研@デイトラ @designkenkyujo]

カラー・オブ・ザ・イヤーに学ぶ  2026年のトレンドカラー

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

このイベントをきっかけに私はFigmaMakeを知りました！運営のみなさんも本当に温かく、優しく、素敵な人たちに出会えました🌸
興味のある方、まずはぜひコミュニティに参加してみてください！千葉以外にもいろんな地域にコミュニティがあるみたいですよ！https://t.co/YPW86Do0Ch

[紅音（akane）｜UIUX×WEBデザインで「行動」に繋げる @npd_akane]

10月に参加した「Figma Make a-thon Chiba」のレポートが公開されました🥜なんとこの記事の中で、私のnote記事を紹介していただきました…！ひげあんさん、ありがとうございます✨️✨️
ぜひご覧ください👇️
@andodesignjp https://t.co/IqOblhRDp0