WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

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

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

愛媛ならではのサイクリングコースを紹介した「ゆっクル」

愛媛ならではの温泉めぐりのサイクリングコースを紹介している「湯めぐりサイクル」の …

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

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

スラッシュの角度で区切られたデザインが気持ちいい「EN/PIRE」

大阪府大阪市にある植物の販売からディスプレイデザイン等も行っている会社「EN/P …

車の世界観に合わせたデザインがグッとくる!「Make Your own RENOCA」のサイト

トヨタのランドクルーザーとハイエースの専門店を全国展開する「フレックス」が、リノ …

空気清浄したくなる

  下ではなく上にスクロールする形のサイト。動いている灰色のものは空気 …

ユーザーごとにデザインを切り替える

ヤマト運輸株式会社の公式ホームページです。 個人・法人・行政や自治体ごとのページ …

行ってうっとり!夏の鳥取の魅力がつまったサイト

観光スポットやグルメ情報など、四季折々の鳥取の「美」を紹介している「ANA 鳥取 …

自分が本を選んでいるかのようなスクロール

  丸善出版株式会社とジュンク堂書店が佐賀県とコラボレートした「ほんの …

【閲覧注意!】池袋で開催される「もうどく展2」のサイトが思った以上に毒々しい!!

2017年3月16日の木曜日から6月25日の日曜日までサンシャイン水族館で開催さ …