【webデザイン制作の参考に】ページトップボタンのデザインに迷ったら見るべき記事

堅すぎずラフすぎないデザインをお探しなら

タイトルのとおり、「堅すぎず、ラフすぎない」デザインが紹介されています。

シンプルだけどオシャレ感も出したい…そんな時に参考になる記事だと思います!

堅すぎず、ラフすぎない!絶妙なテイストの先頭へ戻る・ページトップボタン15選 | それからデザイン スタッフブログ
ウェブサイトにほぼ必ずある「ページトップ」「ページの先頭へ戻る」ボタン。最近ではデザイン要素のひとつとして個性的なデザインのものをいろいろ見かけるようになりまし...


シンプルなデザインをお探しなら

こちらの記事は、他の記事よりもデザインの紹介数が多かったので、

いろんなデザインを見てその中から検討したいという方にぴったりです!

デザインはそれぞれ一工夫がされており、シンプルだけど「ありきたり感」は感じさせないものがたくさんありました。

「ページトップへ」のデザインを20個集めてみた(パート1)

「ページトップへ」のデザインを20個集めてみた(パート1) | たねっぱ!
「ページトップへ」戻るボタンを20個集めてみました。デザインの参考にどうぞ。


「ページトップへ」のデザインを20個集めてみた(パート2)

「ページトップへ」のデザインを33個集めてみた(パート2) | たねっぱ!
「ページトップへ」戻るボタンを33個集めてみました。デザインの参考にどうぞ。


ユニークなデザインをお探しなら

オリジナリティのあるデザインのページトップボタンを置きたい!

そんな時は、個性的なデザインが紹介されているこちらの記事をオススメします!

WEBサイトの影の引き立て役「トップへ戻るボタン」デザインコレクション Vol.01

WEBサイトの影の引き立て役「トップへ戻るボタン」デザインコレクション Vol.01 | 三重県のデザイン会社 エコムクリエーション
こんにちは。エンジニアの山岡です。 WEB制作において、どうしてもこだわりたくなるものがあります。ブログを読む時、はたまたネット通販で商品を探している時、別に無くても困らない、でも無いと寂しい。 それは−−そう、「トップへ戻るボタン」です! トップへ戻るボタン WEBサイトを一番下までスクロールした時、クリックするとペ...


ユニークな「ページの先頭へ」や「ページトップ」の実装例 10

ユニークな「ページの先頭へ」や「ページトップ」の実装例 10 - NxWorld
そのページの先頭へ移動する要素として設置しているところも多い「ページの先頭へ」や「ページトップ」がユニークなサイトのショーケースです。


まとめ

今回はページトップボタンのデザインの参考になる記事を調べてみました!

色々とサイトを見ていると「面白い」「可愛い」「オリジナリティがある」など、素敵なデザインのボタンを見かけますよね。

なかなかメインのデザインにばかり時間を割いてしまいますが、

いずれページトップボタンにもオリジナル感を出したデザインを取り入れてみたい〜と思うことがあります。

だけど時間がない!という時は、紹介記事にも簡単且つオシャレなデザインがたくさんあったので、参考にしてみたいですね!

コメント

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