Style · ピクセル
ピクセルなWebデザインのAIプロンプト集
UI要素・アイコン・装飾をドット絵で仕上げるピクセル系AIプロンプト集。ゲーム・レトロプロダクトに。
ピクセルについて
ピクセルスタイルはUI要素をドット絵で仕上げる表現。8bit/16bitゲームの質感をWebに持ち込み、ゲーム・同人・レトロプロダクト・インディーシーンで愛されます。画像のアンチエイリアスを切り、整数倍スケールで表示するのが基本。
よく使われる場面
- インディーゲームのLP
- レトロゲーム風プロダクト
- 同人・ファンコミュニティ
- NFTアートのプロジェクト
- エンジニアツールの遊び心演出
成功のポイント
- image-rendering: pixelated で画像ぼけを防ぐ
- アイコンは16x16 / 32x32 などキリのよいサイズ
- フォントもピクセルフォントに統一
- アニメはフレーム数を絞ってコマ送りに
- スクリーンサイズが大きくても整数倍に