WebGallery

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

*

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

   

名称未設定 1

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

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

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

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

 - 動きで表現 , ,

Message

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

  関連記事

大人の京都を演出したデザインで和風と高級感を出す

京都府にある太秦映画村で行われているイベント「江戸酒場」のホームページです。 シ …

ロゴマークの表示を統一することで、ページにアクセントをつける

福岡県福岡市にある「がんこクリニック」のホームページです。 まず初めに、画面いっ …

大豆を使った商品を取り扱っているサイトのデザインが、大豆の形を使ったデザインでおしゃれ!

岡山県岡山市に本社を構える「913  NEUF UN TROIS(ヌフアントロワ …

アリのマークを用いて様々な仕掛けを作る

東京都にある株式会社「Alfanet(アルファネット)」のホームページです。 ま …

映像の切り替わるモーションが面白い!「TAO TAJIMA」さんのwebサイト

TANGRAM co. ltd.に所属する映像ディレクター「TAO TAJIMA …

今後の参考に!スタイリッシュなアニメーション効果を使ったサイトをご紹介!

コーディングをしているときに「どんなアニメーションをつけようか」と考えるのが1つ …

要所で動きを使い、注目度を上げる

エステサロンクレジットカード決済導入「株式会社ジェイ・シー・エス」のホームページ …

「Golden」にかけた黄金のアニメーションがとても幻想的!フェレロ ロシェのキャンペーン公式サイト

「Ferrero Rocher(フェレロ ロシェ)」のキャンペーン公式サイトです …

猫!

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

多彩なアニメーションを使ったサイト

  私が言っていいものかどうか分かりませんが、懐かしきCyndi La …