アプリのUIデザイン

AIでUIを作るときの問題は、作れないことではありません。作るものがどれも同じ顔になることです。

よりどころとなる概念がないとき、AIはいちばん無難な平均値を選びます。紫青のグラデーション、同じ丸角の影つきカード、すりガラス、既定の書体、絵文字のアイコン、ありきたりな文章。ひとつずつなら擁護できますが、重なると部屋の向こうからでも見分けがつきます。

解決策は、始める前に概念を渡すことです。下の最初のSkillがまさにそれをします。画面のAIっぽさを採点し(10パターン、0〜100点)、現実の物体から出発して3つの方向性を探り、すべてのボタンが動くiPhoneサイズの画面を作り、ボードに並べて録画します。

残りの2つは、手触りを借りるためのものです。SMALLCAPSは操作の細部にすべてを注いでいます。カーソルを追うサムネイル、磁石のようなボタン、一語ずつ立ち上がる見出し、⌘Kのコマンドメニュー。WORLDVIEW SAASは、スクロールで3Dの物体をどう動かすかを示します。どちらも見ながら分解できるデモがあります。

この用途に合うSkill

3点

アプリデザイン

よくある質問

プログラムがよくある10パターンを各10点で検査し、0〜100のスコアを出します。デザインスコアは別で、半分は自動(AIっぽさ、スマホでの使いやすさ、shaderが描けたか)、半分はAIが5つの問いに自己採点します。

不要です。成果物はブラウザで開くHTMLの画面で、ボタンが実際に動きます。静止画ではありません。エンジニアに渡すのは注釈つきの図ではなく、実際に動くものです。

いいえ。SkillはあなたのAIツールの中で動き、ファイルはすべて手元に残ります。