複写 HUKUSYA
カテゴリ編集と活用
タグ

作品サイトの最初の画面は何を見せる? 一枚の作品と案内の役割を決める

作品サイトの最初の画面を、代表作・制作の幅・現在の活動から考えます。三つの入口案で画像と短い紹介、次の案内を比べ、縦長の画面でも原作品の形を保つ方法を相談します。

青い片口、三種類の器、土の器と道具を写した三枚の写真を木の机に並べている。HUKUSYA / JOURNAL

作品サイトを初めて作るとき、好きな一枚を大きく置きたいと考えることがあります。その写真で何を伝え、見た人に次にどこへ進んでほしいかまで決めると、最初の画面の役割がはっきりします。

まずは、代表的な作品を印象に残したいのか、制作しているものの幅を見せたいのか、現在の活動を知らせたいのかを選んでみましょう。画像に短い紹介と次の入口を添え、作品を見せることと、サイトを案内することを組み合わせます。

一枚の作品に、最初の画面の役割を決める

代表作を最初に見せる案では、その作品の姿や表情を落ち着いて見られることを大切にします。続けて作品を見たい人が、作品一覧や個別の紹介へ進めるようにします。

陶器、絵、立体など、複数の分野や形を紹介したい場合は、制作の幅を入口にする案もあります。ただし、全部を最初の画面へ詰め込むと一つずつの画像が小さくなるため、何を代表として並べるかを選びます。

新しく取り組んでいるものや制作の過程を知らせたいなら、現在の活動を入口にできます。日々の制作記録など、続きに使う情報があるか、更新を誰が受け持つかも一緒に考えます。

器の画像から、三つの入口案を比べる

ここでは、青い片口、白い鉢、小皿を題材にした入口案を比べます。完成した器の姿、三つを並べる写真、釉薬をかける前の土の形という画像案を使い、何を先に伝えるかを変えます。

次の紹介文と入口名は文案です。実際に使う作家名や活動内容、掲載する作品や制作時期は、ご本人が確認して整えます。

画像・短い紹介・次の入口を組み合わせる三案
最初に伝えること 画像と案内の組み合わせ
代表作 青い片口を一枚で見せる。紹介文案は「土の器を制作しています」。次の入口を「作品を見る」にする。
制作の幅 片口・鉢・小皿を並べる。紹介文案は「器の形と釉薬の表情をご紹介します」。次の入口を「作品一覧へ」にする。
現在の活動 土の形を作る段階の写真を使う。紹介文案は「新しい器の形を試しています」。次の入口を「制作ノートへ」にする。

三案の違いは、最初に伝える内容です。どれが集客や問い合わせに優れるかを、この案だけで決めることはできません。今の活動と、サイトへ載せる情報が合っている案を選びます。

現在の制作記録を掲載する予定がないなら、最初から制作ノートを設ける必要はありません。作品を中心に見せる案から始め、続けて案内できる情報に合わせて入口を整えることもできます。

写真だけでは伝わりにくいことを、短い言葉で補う

作品画像を見ても、誰の、何を紹介するサイトかまでは分からないことがあります。作家名や工房名、制作しているものを短く添えます。作品そのものの説明をどこまで最初に置くかは、続きのページとの役割で考えます。

たとえば「陶の器を制作する工房です。片口、鉢、小皿の作品をご紹介します」という文案なら、何を載せるサイトかを説明できます。一方、作風や制作の考え方を詳しく伝えたい場合は、短い紹介の先にプロフィールや制作についてのページを用意する案があります。

写真の印象だけから、作家の経歴、制作の意図、受賞や販売の実績を補って書く必要はありません。ご本人が伝えたいことと確認できる事実をもとに、最初の言葉を決めます。

次の入口は、実際に用意するページへつなぐ

最初の画面で興味を持った人へ、作品の続き、作家の紹介、現在のお知らせ、相談窓口など、次に見てほしい場所を案内します。全部を同じ大きさで並べる前に、今回のサイトで何を優先するかを選びましょう。

「作品を見る」なら作品のまとまりへ、「制作ノートへ」なら実際の記録へ進めるようにします。まだ用意していない内容を、すでに読める案内として置かないことも必要です。作品の販売や注文を受けるなら、その対応範囲や窓口を別に整理します。

ここで示した入口名は構成を比べるための文案です。完成した作家サイトや、動作する作品一覧・制作ノートを制作した例ではありません。実際の制作では、最初の画面と行き先を一緒に確認します。

縦長の画面でも、原作品の形を保つ

横に広い写真を画面いっぱいに見せる構成では、スマートフォンなどの縦長の画面に合わせたとき、端の部分が切れる場合があります。器の口や取っ手、絵の端など、大切な部分を確認してから掲載方法を選びます。

作品全体を見せたいなら、周囲に余白を取り、元の縦横の比率を保って置く案があります。横長と縦長で画像と紹介文を上下に並べ替えるなど、画像の形を変えずに画面の組み方を変える方法も考えられます。

細部を大きく見せる写真を入口に使うなら、作品の全体像へも進めるようにします。全景として見せる写真を切り取ったり、作品を引き伸ばして形を変えたりする前に、どこをどう見せたいかを相談しましょう。

  • 作品の全体と細部のどちらを最初に見せるか。
  • 縦長の画面で、作品の端や周囲の余白がどう見えるか。
  • 紹介文や案内が作品へ重ならず、読める位置にあるか。
  • 一枚の印象と、続きに載せる作品や活動内容が合っているか。

最初に伝えたいことと、使いたい作品からご相談ください

最初の相談には、使いたい作品画像を数点と、「この一作を見てほしい」「制作の幅を伝えたい」「今の活動を知らせたい」という優先をお知らせください。短い紹介や、次に見せる内容がまだ決まっていなくても、画像と一緒に整理できます。

複写 HUKUSYAの作品集・カタログ・Web制作では、作品画像の準備から、サイトでの見せ方や案内の構成をご相談いただけます。原作品の形を保ち、最初の一枚、紹介する言葉、次の入口を組み合わせて考えます。

← コラム一覧に戻る

LET'S TALK / ご相談

作品や資料のこと、
ご相談ください

撮影・スキャン、作品集、Web制作など、
残したいものと、どのように使いたいかをお聞かせください。

ご相談・お見積もり
料金・納期ご相談・お見積もり