• Facebook
  • Twitter
  • RSS
月別
コツコツあつめるWeb作りのためのたね たねっぱ!Web系情報ブログ Webのお役立ちネタ配信中!

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

投稿者アイコン
2019/10/17
書いた人:
rurippa!
カテゴリ:
デザイン   ネタ
393 views

「ページトップへ」戻るボタンを20個集めてみました。デザインの参考にどうぞ。

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

少し変わった形のものを優先で集めました!

よければ参考にどうぞ♪

目次

矢印・三角・変形したデザイン

cocui – RING & ANNIVERSARY FRAME & PRESENT TICKET

img34

WELLSTONE | 採用特設ページ

img32

HAKUHODO & HAKUHODO DY MEDIA PARTNERS RECRUIT 2020

img05

ホーム | あさってロボット会議

img11

札幌のホームページ制作・Webサイト制作|Rondomark

img03

学校法人秋本学園 浦和つくし幼稚園 採用サイト

img19

京都 京北の農家あらい農園 | 京都の京北(けいほく)で農業を営む、あらい農園のオフィシャルwebサイトです。無農薬・有機肥料で旬の野菜を育て、京都を中心に採れたての野菜の個配や野菜の振売を行っています。

img15

イラストやキャラクターなど

FCA福岡デザイン&テクノロジー専門学校|ゲーム・eスポーツ・CG映像・IT・漫画・アニメを学ぶ

img04

7才の交通安全プロジェクト トップ | 共済・保障のことならこくみん共済 coop <全労済>

img00

【コンビ】LakuMug(ラクマグ)| 自分で飲める、日本製ベビーマグ誕生!| ベビー用品のコンビ株式会社

img21

株式会社 もみの木

img17

フッターに固定

大阪市城東区 新築・改修工事を確かな施工品質で | 株式会社フロムフォーティーフォー

img15

株式会社サカモト | キャラクター雑貨の企画、製造

img16

株式会社トクバイ

img30

ペエ歯科クリニック | 治療と予防を通じて地域の「元気」を応援する、菊池市の歯科医院です。

img09

OCEANUS | オシアナス – CASIO

img31

ネタ・動きがあるもの

工夫された動きをみているうちに、ページトップへ移動できます。ぜひ押してみてください♪
また押したくなるものが多いですね。

やざわ虎クリニック | 諏訪市上諏訪駅 内科・外科・検査・健康診断

Imege

ページ右下の雲に隠れている虎の尻尾をクリックしてください。

HOPPIN’ GARAGE | できたらいいな。をつくろう

img01

ページを下の方へ進めると、「TOP」という文字が現れるのでクリックしてください。

【公式】大阪堀江・兵庫県川西市のフォトスタジオハピスタ|家族写真・子供写真・七五三

img07

ページを下の方に進めると。「PAGE TOP」ボタンが現れるので、クリックしてください。風船を飛ばしながら、ページ上部へ移動します。

Newhattan | ニューハッタン日本公式サイト

img10

矢印がマウスポインターにくっついてくるような動きになっています。

まとめ

いかがでしたか?
色々なデザインがありますが、普段のサイト制作のときにお役に立てたら幸いです♪


この記事を読んだ人はこんな記事も読んでいます