WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

記事の下まで行くと右側のコンテンツもぴったり止まる

   

名称未設定 1

福岡のライフマガジン「AFRO FUKUOKA」のホームページです。

全体のレイアウトが綺麗で見やすいサイトです。メニューの部分はカーソルを置くと子メニューが表示され、場所によって左寄せになったり右寄せになったりと場所によって分けています。置いた時のメニューのアクションも良いですね!

様々な記事を掲載している部分では、投稿日時やお気に入りした人数、ライターも表記されていて分かりやすいです。スマートフォンからでも2カラムずつ表示されるのでPC版と大差なくレイアウト出来るのは素敵です。

記事のページに移動すると、左側に内容・右側にライター情報や取り上げた内容が簡潔に書いてあります。下にスクロールすると右側のブロックもメニューと一緒に固定になってついてくる仕組みになっているのですが、記事の下まで行くと右側のコンテンツもぴったり止まるのでとても気持ちいいです!

 - 動きで表現 , ,

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

東京メトロとコラボしたフラットデザインなドラえもんが可愛い!

東京メトロとドラえもんがコラボし、4月1日からスタートしたキャンペーン「すすメト …

商品を色々な角度から見ることができる

  シチズン時計株式会社の特設サイトです。まず最初のオープニングアート …

情報を中央に寄せることで、まとまりを

大阪にある専門学校のホームページです。全体的にフラットデザインでまとめてあり、ア …

ページの所々にアニメーションを使った「一時お預かり専用託児所 はないと」

愛知県名古屋市にある「一時お預かり専用託児所 はないと」のホームページです。 メ …

タイトル部分に動きをつけて目立たせる

愛知県名古屋市にある和菓子屋「一朶」のホームページです。 縦長のシングルページの …

動きのあるグローバルナビでサイトの雰囲気を暖かくする

秋田市にある写真館「岩田写真館」のホームページです。このサイトは何といってもグロ …

ひし形のグリットを使って、授業風景などの写真を紹介している倉敷芸術科学大学のサイトがおしゃれ!

岡山県倉敷市にある大学「倉敷芸術科学大学 芸術学部」のサイトです。 ファーストビ …

水色と黒を使用し、近未来感を演出したデザイン

メルセデス・ベンツとPerfumeがコラボレーションしたメルセデス・ベンツのiP …

猫!

  サイトを開けた途端猫がお出迎えしてくれます。しかもこの写真、日替わ …

パララックス効果を使ったデザインの、建設会社のサイトがカッコいい!

熊本県熊本市にある建設会社「快建設」のホームページです。 全体のレイアウトがとて …