内容を用意してからテーマを選ぶ

実際のリンクをいくつかと短い自己紹介を追加してから、33 種類のテーマを比べましょう。短いラベルが 3 つなら合うレイアウトでも、長いプロジェクト名や複数の文章ブロックでは印象が変わります。訪問者が実際に読む内容で確認してください。明るいもの、暗いもの、イラスト入り、季節に合わせたデザインから出発できます。

テーマが対応する設定を使う

ボタンの色、グラデーション、文字、枠線を変えられるテーマもあれば、全体の統一感を保つテーマもあります。表示される設定項目はその違いを反映します。何が変わったかわかるよう、少しずつ調整しましょう。テーマの選択や見た目の変更は保存するまで下書きです。公開中の版を置き換える前に確認できます。

小さくても伝わる画像を選ぶ

プロフィール画像には、被写体がわかりやすく、周囲に適度な余白のある画像を使いましょう。すべてを円形に切り抜くのではなく、画像の縦横比を保ちます。背景はプレビューの空白部分だけでなく、実際の文字の後ろも確認します。情報の多い写真は、ほかの色を絞り、ラベルを短くすると読みやすくなる場合があります。

背景全体で文字を確認

大見出しだけでなく、長いボタン名や小さな文字も確認してください。グラデーションは片側が読みやすくても、反対側が読みにくい場合があります。エディターのコントラスト警告は確認を促すもので、自分の目で確かめる代わりにはなりません。意図した色を大切にしつつ、無理なく読める組み合わせを選びましょう。

モバイルとデスクトップを比較

両方のプレビューモードを使います。大きい画面の構成がそのままスマートフォンに合うと考えず、ブロックの順序、改行、連絡先、画像の比率を確認しましょう。見出しは読み取りやすい長さにし、タッチ操作の周りにも適切な余白を取ります。プレビューは下書きです。公開アドレスには保存するまで以前のページが表示されます。

保存後に公開ページも確認

準備した変更を保存し、訪問者としてプロフィールを開きます。小さい画面とデスクトップでテーマ、画像、リンク先を確認しましょう。一時的なブロックは不要になったら非表示にできます。破棄した下書きを復元する自動の変更履歴はないため、必要に応じてデータを書き出し、元の画像ファイルも別に保管してください。

あわせて読みたい

共有する情報を少し減らすページの作り方行き先が伝わるリンクの整理方法暮らしのすべてではなく、連絡方法を共有するprivtr/ee の訪問数とクリック数の仕組み共有する内容に合うブロックを選ぶプライバシーポリシー