好きなサイトからホームページ作成

#サイトとスクリーンショットの追加

登録前に briks.dev のボックスからサイトを1つ持ち込むこともできます。+ メニューを開いて Add a site you like を選ぶと、登録後にこのステップに反映されます。

#Briksが読み取る内容

サイトは、Briksがクッキーバナーに応答してポップアップを閉じたあと、デスクトップ、タブレット、スマートフォンの幅で読み取られます。確認する項目は次のとおりです。

• レイアウト: セクションの上から下への順番、コンテンツの幅、列の数、スマートフォンで変わる点。
• Spacing: セクションの間隔と、セクション内の間隔のリズムです。
• Type: 見出しと本文のサイズと太さ、書体の個性。
• 色: 背景、文字の色、アクセントカラー。
• 動き: スクロールで フェードインやスライドインするもの、固定されたままのもの、自動で動く行、ポインターを合わせたときのリンクやボタンの動き。
• ヘッダーとそのメニュー: シンプルなリンクの列、ドロップダウン、大きなパネルなどです。どのパネルも開いて確認します。
• イラスト: ページが写真ではなく絵を使っている場合、あなたの画像も似たタッチで描かれます。

スクリーンショットから Briks が読み取れる情報は多くありません。レイアウトと配置、余白、見出しの大きさ、色、そして明るいか暗いかです。One section と付いたスクリーンショットは、そのセクションについてだけ伝えます。

#絶対に受け取らないもの

パネルにははっきりこう書かれています。「1プロジェクトにつき1サイト。構造、リズム、書体を測定します。何もコピーしません。」実際には次のとおりです。

• 文章。 公開前に、気に入ったサイトからそのまま取った文がないかをチェックし、あれば、お客様のビジネスらしい言葉に書き直します。お客様自身の指示に由来する文はそのまま残します。
• ロゴと名前。 ヘッダーには、お名前、アップロードしたロゴ、または描いたマークが入ります。
• 画像。 スタジオのライブラリから選ばれるか、新しく描き起こされるか、ご自身で追加したものになります。
• 他社。 クライアントやパートナーのロゴの列には、ご指定の名前だけが表示されます。

作成前の質問は、あなたのブリーフとアドレスだけから作られ、相手のサイトの文章は使われません。

#サイト、スクリーンショット、または両方

Briksがサイトにどこまで忠実に従うかは、ほかに何を渡すかによって変わります。

#サイトと照らし合わせてビルドを確認する

サイトを追加すると、このステップに Measure the build against the reference も表示されます。初期設定ではオフです。オンにすると、Briksは公開前に作成したページと気に入ったサイトを比較し、測定した差を修正します。これが使えるのは、スクリーンショットがなくそのサイトだけが参考のときです。その場合にページがそのレイアウトに沿うためです。ビルドにクレジットと時間が余分にかかるので、細かく似せる必要がなければオフのままにしてください。あとから Preferences の Measure builds against the reference で変更できます。

#サイトがほかの設定をどう変えるか

• 選ぶ見た目やヒーローはありません。 How it is built のステップには「Your reference site decides the look and the hero, so there is none to choose.」と表示されます。briks.dev では、Pick a look first が「The site you like sets the look.」と表示されてオフになります。見た目を選ぶをご覧ください。
• 質問が少なくなります。 サイトがすでに答えを示しているため、Briksはレイアウトや見た目、ページの主役について尋ねません。
• Dashboards でも参考を使えます。Briksは画面を読み取り、ナビゲーション(サイドバーかトップバー)と、パネル、表、グラフの数を把握します。ダッシュボードの多くはサインインの先にあるため、スクリーンショットで示すのが一般的です。

ビルドの実行中、会話に What your references decided というボックスが表示され、各参考サイトが決めたことを一覧にします。コンテンツの幅、リズム、ヘッダーのメニュー、動きなどです。

#サイトを読み取れないとき

ほとんどの公開ページは問題なく読み取れます。読み取れない主な理由は次のとおりです:

• サインインが必要なページです。 Briksが見られるのは、サインインしていない訪問者に見える内容です。ログインが必要な部分はスクリーンショットをお使いください。
• 自動アクセスを断るサイトがあります。 ページの代わりにロボットチェックを返すサイトです。Briksは別の方法でも試し、それも阻まれた場合、そのサイトはスキップされます。
• Cookieバナーとポップアップが問題になることはまずありません。Briksは確認前にバナーに応じ、ポップアップを閉じるからです。

サイトは読み取れなくてもスクリーンショットが読み取れる場合、ビルドはサイトなしで続行され、ボックスに「1件の参照を読み取れず、スキップしました。」と表示されます。追加したものがどれも読み取れない場合は、依頼されていないサイトをデザインしないよう、ビルドは停止します。このように停止したビルドには請求されず、保留分は戻ります。スタジオの表示は理由によって異なります:

Preferences の Reference site グループには、サイトが初めて公開されるまでアドレスが表示されます。意図したとおりに保存されたかを確認できます。

#具体例

#よくある質問