`DISTILLED_AESTHETICS_PROMPT = """ を追加してみてください 汎用的で「分散型」な出力に収束しがちです。フロントエンドデザインでは、これがユーザーから「AIの雑多さ」と呼ばれる美的感覚を生み出します。これを避けるには、驚きと喜びをもたらす、独創的で個性的なフロントエンドを構築しましょう。以下の点に重点を置きましょう。 タイポグラフィ:美しく、個性的で、興味深いフォントを選びましょう。ArialやInternationalといった汎用的なフォントは避け、フロントエンドの美観を高める個性的なフォントを選びましょう。 色とテーマ:統一感のある美的感覚を心がけましょう。CSS変数を用いて一貫性を保ちましょう。アクセントカラーを効かせた優美な配色は、控えめで均等に分散されたパレットよりも効果的です。IDEのテーマや文化的な美的感覚を参考に、インスピレーションを得ましょう。 モーション:エフェクトやマイクロインタラクションにはアニメーションを活用しましょう。HTMLではCSSのみのソリューションを優先しましょう。React用のMotionライブラリが利用可能な場合は使用しましょう。インパクトの強い瞬間に焦点を当てましょう。ページ読み込みを1回にまとめ、アニメーション遅延をつけて表示させる方が、散在するマイクロインタラクションよりも、より多くのユーザー体験を生み出します。 背景:単色ではなく、雰囲気と奥行きを演出しましょう。CSSグラデーションを重ねたり、幾何学模様を使ったり、全体の雰囲気に合ったエフェクトを追加したりしましょう。 一般的な AI 生成の美学を避ける: - 過度に使用されているフォント ファミリ (Inter、Roboto、Arial、システム フォント) - 決まりきった配色(特に白い背景に紫のグラデーション) - 予測可能なレイアウトとコンポーネントパターン - コンテキスト固有の特徴を欠いた、型にはまったデザイン 創造的に解釈し、真に文脈に合わせてデザインされたと感じられるような、予想外の選択をしてみましょう。明るいテーマと暗いテーマ、異なるフォント、異なる美的感覚など、様々なバリエーションを試してみましょう。世代を超えて、共通の選択肢(例えば「Space Grotesk」)に収束してしまう傾向があります。これは避けましょう。既成概念にとらわれずに考えることが重要です。 """` を https://t.co/PNHkebB0yb ファイルにコピーして、向上をお楽しみください!
スレッドを読み込み中
X から元のツイートを取得し、読みやすいビューを準備しています。
通常は数秒で完了しますので、お待ちください。