aiKitでは、プロジェクトに使える11種類のビジュアルスタイルの方向性をご用意しています。どのスタイルも色だけでなく、文章の書き方そのものが変わります。このガイドでは、選べるスタイルの内容、比較に使う全画面の「スタイルエクスプローラー」、そして後から変更する方法を説明します。
aiKitでスタイルを選ぶと、その内容がAIによる文章作成に直接反映されます。ラグジュアリー&控えめのプロジェクトと遊び心&楽しさのプロジェクトでは、同じ文章に別の配色を当てているのではなく、まったく異なる文章の指示が使われます。そのため、スタイルを変えると、見た目だけでなく下書きの雰囲気も大きく変わることがあります。
スタイルを選ぶ場面(チャットモードのスタイルの質問や「スタイルと実際の例を見る」のボタン)では、「デザインの方向性を選ぶ」と書かれた全画面のオーバーレイが開きます。その説明文は「実際のモックアップと、その方向性の実在のサイトです。どれかの例をクリックすると、ライブで確認できます。」です。
11のスタイルそれぞれにカードがあり、そのスタイルの実際のフォント、色、角の丸みを使ったライブのミニモックアップ(見出し、本文の一行、色つきの「はじめる」ボタン)が表示されます。単なる色見本ではなく、実際に得られる仕上がりを比べられます。
いくつかのカードの下には「実際の例」の列があり、aiKitチームが選んだ、その方向性の実在するウェブサイトのスクリーンショットの小さなサムネイルが表示されます。それぞれはモックアップではなく本物のリンクで、クリックすると新しいタブで実際のサイトが開きます。その他のカード部分をクリックすると、そのスタイルが選択され、オーバーレイはすぐに閉じます。
「ライブプレビュー」タブにある「別の方向性を見る」ボタンを押すと、現在の下書きにaiKitの他のスタイルを順に適用し、すばやく比べられます。一つずつ見ていくのではなく、最初から使いたいスタイルが決まっている場合は、上で説明した全画面のスタイルエクスプローラーから直接選べます。
もっと手早く、具体的に知りたいときは よくある質問をご覧ください。