Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

これはコーダーもデザイナーも大歓喜のAIの使い方だわ...。 実案件あるあるな『PCのデザインカンプ』しかないときにNanobanana Proを使えば、一瞬でSPカンプが作れる。 添付の動画を見てもらったら分かるけど、短時間で良い感じのものが生成できてる。 実際に使ったプロンプトはこちら↓ --------------- # 命令 あなたは熟練したUIデザイナーです。 添付された「PC版Webデザインの一部(セクション)」画像を解析し、そのパーツがスマホ(SP)画面で表示された際の最適なレイアウト画像を生成してください。 # 生成のルール(セクション特化) 1. 独立したコンポーネントとして処理: - ヘッダーやフッター、余計なナビゲーションバーは一切追加しないでください。 - 画像にある要素(テキスト、アイコン、写真)のみを使用して再構成してください。 2. レイアウトのレスポンシブ化(Stacking): - PCで横並び(Horizontal row)になっている要素は、スマホ用に縦積み(Vertical column)に変更してください。 - 余白(Padding/Margin)はスマホの狭い画面幅に合わせて適切に調整してください。 3. デザインの継承: - 元画像の配色、フォントの雰囲気、装飾スタイルを維持してください。 - 画像のアスペクト比は、要素が縦に並ぶことを想定して 縦長(3:4 または 9:16)で生成してください。 # アクション 添付画像のセクションを、スマホの画面幅(375px〜)に最適化したデザインカンプとして1枚生成してください。

78,088 Aufrufe • vor 8 Monaten •via X (Twitter)

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

先日投稿した「ビジョンボード」のポストが1,000いいねを超えるプチバズになりました。長めのポストなのに、たくさんの人に読んでもらいました。 何度も言いますが、今考えているあなたの2026年の抱負は「1ヶ月後には完全に忘れ去られています」。断言します。 2026年の目標を1枚の絵で作成し、壁紙に設定すれば、あなたの目標はいつも手のひらの上です。我ながらバリューのある内容だったと思います。フォロワーさんもたくさん増えました。 その流れで、九兵衛さん(九兵衛@アフリカ駐在くん)から5x5=25のバージョンを教えてもらい、そこから少し調べたら「目標ビンゴ」なるものが少し前に流行ったことを知りました。 私は思いました。 「これはAIプログラミング&画像生成との相性抜群や」と。 … これまでって、「ビンゴのデザイン画像自体」はこの世に出回っていたんですが、そこからは手で編集しないといけなくて、正直面倒だったんですよ。 それが、AIツールの発展により超手軽なものに変貌します。 【今までの目標ビンゴ】 ・手打ちでマスの内容を入力 ・マスの内容は文字のみで無機質 ・達成時の変更は手修正 ・デザインは固定 ↓ 【私の考案 - MY VISION BINGO】 ・AIによる自動生成で時間短縮 ・マスの内容を絵や画像にできる ・達成時もリアルタイムに「穴」を開けられる ・デザインも自分の思うがまま これにより: 誰でも簡単に、 タイムリーに目標管理可能で、 壁紙にしてもおしゃれな、 「ビジョンボードビンゴ」が完成します。 これを私はMY VISION BINGOと名付けました。 これは革命だと思います。 --- それでは早速作ってみましょう。決め打ちですみませんが、できればAIツールは「Claude」を使ってください。 なぜならClaude内にあるArtifactsという機能が最強だからです。作ったアプリをすぐに具現化→操作できます。ちなみに無料です。 また、ビンゴはビジョンボードと組み合わせた3x3=9が最適解です。5x5はごちゃごちゃして視覚的に混乱します。まずは大事な「8つの目標」に集中しましょう。 【MY VISION BINGOの作り方】 ①2026年で達成したい8つ目標を羅列する ②アプリ作成:以下プロンプトをClaudeにぶち込む: 「MY VISION BINGOというアプリを作成したいです。 デザインは添付の画像を完全にコピーしてください。 私の目標は以下です。 ・英語をネイティブレベルで話せるようになる ・情報工学の勉強を週2時間確保する ・42.195km走り切る ・南米3カ国に旅行に行く ・𝕏のフォロワーを10,000人に到達させる ・noteのフォロワーを1,000人に到達させる ・年間50冊の本を読む ・アプリを12個完成させる ビンゴの中心は画像の通りFREEとしてください。 達成時はクリックすることで右上にチェックマークをつけ、中央のFREEと同じ色に変更したいです。」 ③画像化:以下プロンプトをClaudeにぶち込む: 「MY VISION BINGOを画像化してください。 壁紙に設定するので、ピンチインピンチアウトしやすいよう周りの余白を多めに設定してください。」 このプロセスはAIに頼らずとも、スクショでもなんでも、画像化さえできればOKです。 --- いかがですか?もっと簡単に実行したい方は、GeminやGrokに画像と目標を読み込ませるだけでもそれなりの画像が出来上がると思います。 ただ個人的には、Claudeが一番精度が高かったと感じています。Artifacts機能だとリアルタイムでビンゴアプリが生成され、目標達成時のチェック機能も思いのままです。デザインだって自由。 さあ、ついに2026年が始まりました。 今年の抱負を考えた方も多いと思います。 ただ、そのままだと1ヶ月後には100%忘れます。 目標はいつも手のひらの上に。 楽しく達成しちゃいましょう。 皆さんの目標管理に役立ちますように。

BenBen|時間狂人

101,979 Aufrufe • vor 9 Monaten

NOBUさんのGemini Omniを使った手法が気になって仕方なかったので、ギター演奏でどのくらいの精度が出せるか試してみました🎸 これはいい、失敗をかなり減らせると思います! 手順は引用元とほぼ同じです 1.演奏シーン撮影 2.Gemini Omniで運指とストロークをマネキン化 3.その動画と一緒に他素材をリファレンスさせてSeedance2.0で生成 再現度がかなり高いんじゃないでしょうか✨ ここで、実写なのにわざわざマネキン化を挟む必要があるのかという疑問があると思います。私も疑問です😅 リプ欄に今度のフェス用に、撮影素材をリファレンスさせて、直Kling3.0 Omni生成、直Seedance2.0生成した動画も載せていますが、プロンプトを改良しながらまぁまぁガチャして作りました。 一方で、マネキン化を挟んだものは一発でできました🙌まだこのケースしか試していないので、他の素材でも可能か、どのくらいカメラワークや画角変更が可能かなど、検証したい部分はたくさんありますが、かなり期待できる気がします。3D素体みたいな視認しやすいものを挟むことで、リファレンスする際にAIが動きだけに集中できるのかもしれません。 ちなみにGemini Omniで、撮影素材と他画像を参照させて直でできないか生成したものもリプ欄に載せておきます。Geminiは契約していなくて、マネキン化とこの実験で尽きてしまったので、他に試せていないですが、これは失敗しました。また実験したいと思います!

kan:mi|AI Film & Music

51,133 Aufrufe • vor 3 Monaten