デザインを選ぶ

#オンにする

briks.dev では、プロンプト欄の + メニューに Pick a look first のスイッチがあります。「See three looks for your business and build the one you pick.」と表示されます。New project ページでは、すでにオンになった状態で開きます。

このスイッチはプロジェクトのPreferencesにも表示されますが、まだ計画されていない最初の構築にしか影響しません。そのため、設定する場所はNew projectページです。

#ビルドのどの段階で行われるか

1. Build it を押して、作成前の質問に答えます。
2. Briksがサイトを設計します。
3. Approve the words before building がオンの場合は、先に文章を承認します。
4. 3つのデザイン案が描かれました。ステータスには Waiting for your approval と表示され、メッセージ欄には「Describe the look you want, or choose one above」と表示されます。
5. Choose the hero from four wireframes がオンの場合は、次にヒーローを選びます。
6. 選んだデザインでサイトが構築され、プレビューとして公開されます。

ボードはメッセージとして届きます。「サイトのイメージを3案ご用意しました。それぞれ、スタジオ独自のスタイルのひとつで、あなたの言葉に合わせて描いています。ひとつ選ぶか、望むイメージを言葉で伝えてください。」

#ボードに表示される内容

各ボードはデスクトップサイズで描かれ、会話の中では小さく表示されます。クリックすると原寸で見られ、矢印キーまたは左右のキーで3枚を行き来できます。各ボードの内容は次のとおりです。

• そのデザインの名前と、それについての一言
• 6つのカラースウォッチ:Ground、Surface、Ink、Muted、Accent、Soft。
• 2つの書体を名前で表示し、見出し用書体で大きな Aa を表示します。
• ヒーローの文言:見出しの上の小さな行、見出し本体、その下の行、そして最大2つのボタン。
• 3枚のサンプルカード。角の形や、カードが並んだときの見え方が分かります。

ボードには写真はありません。色、書体、形が示されています。3つの違いはこの点にあります。

#デザインを選ぶ

#どれも合わないとき

代わりに、ご希望をボックスに入力してください。例: Like the Warm one but darker, with a plain sans serif for headings。3つのボードは脇に置かれ(カードに「Set aside for what you described」と表示されます)、Briks は予定していたデザインをご希望の方向に寄せて進めます。新しいボードを3つ描き直すことはなく、ご入力の内容が選択となってビルドが進みます。

サイトができたあとも、見た目に関することはメッセージでいつでも変更できます。色や書体が決まっているなら、PreferencesのDesign rulesで固定しておくと、以降のビルドにも引き継がれます。

#料金について

ボードの計画と作図は、制作の最初の工程です。かかった作業分が請求され、Build it で確保された50クレジットの残りは、制作があなたの確認を待つ間に戻ります。

#使うタイミング

• 色や書体がまだ決まっておらず、スタイルを言葉で説明するより、画像から選びたいときにお使いください。
• 色と書体がすでに決まっている場合は省略し、代わりに Your brand で設定してください。
• 気に入ったサイトが見つかっているなら、省略してかまいません。そのサイトが見た目を決めるので、このスイッチは表示されません。
• 席を外す場合はスキップしてください。ビルドはボードの段階で、選ぶまで待機します。

#具体例

#よくある質問