【webデザイン制作に役立つ】ページ内リンクのデザイン、どんなのがある?

サムネ画像付き

ページ内リンクのタイトルと一緒に、各段落に配置してある画像を添えています。

・視認性アップにつながる
・文字だけの情報よりもイメージがしやすくなる


参考サイトはこちら

幕張ベイパーク耳鼻咽喉科|海浜幕張の耳鼻科|オンライン順番予約可能
幕張ベイパーク耳鼻咽喉科は、海浜幕張の皆様の健康を守るみみ・はな・のどのかかりつけ医院です。一般的な耳、鼻、のどの診療に加え、アレルギー性鼻炎、睡眠時無呼吸症候群など、幅広く診療を行います。お悩みの症状がありましたら、お気軽にご相談ください。


イラスト付き

こちらはお悩み別でページ内リンクを設けており、それぞれに悩んでいる人のイラストが添えられています。

・シーンがイメージしやすい
・イラストで困っている様子を見せることでより感情移入しやすくなる


参考サイトはこちら

お悩み・解決事例 | 任意売却のがっこう|名古屋・愛知・岐阜へご相談に伺います
失業や離婚で住宅ローンの滞納にお悩みの方へ、任意売却の がっこうではご相談から解決まで前面でサポートいたします。 名古屋・愛知・岐阜でお悩みの方はお問い合わせください。


アイコン付き

日本語・英語のテキストの他に、大きくアイコンが添えられています。

・シンプルでわかりやすい
・文字だけのリンクよりも、目に止まりやすい



考サイトはこちら

アクセス | 横浜スタジアム
アクセスの情報を公開しているページです。電車やバス、車でお越しの際は、ご確認ください。


まとめ

今回はページ内リンクに使われているデザインを調査してみました!

普段は、シンプルにテキストのみのリンクを作ることが多かったのですが、画像・イラスト・アイコンがあるだけで一気に印象が変わりますね。

テキストだけではユーザーが飽きやすかったり、視認性がイマイチな場合もあります。

ページ内リンクを作るときの一工夫におすすめですね!

コメント

タイトルとURLをコピーしました