WebGallery

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

*

動きやフォントを工夫して高級感を表現する

   

名称未設定 1

明治38年から続いている特集雑誌「婦人画報」の110周年記念サイトです。

トップには縦書きの文字と右側に配置されたイラスト、そしてENTERボタンのみというとてもシンプルな構成です。ですが、イラストのピンクや文字の黒、ボタンの赤などの各色が喧嘩することなく綺麗にまとまっています。

また、サイト全体の構成は、基本黒と赤を使い、ボタンやアクセント部分の丸にしたりすることでどことなく日本の国旗を連想させるデザインです。ぱっと見はとてもシンプルなのですが、動きや文字のフォントなどに手を加えることで洗練されたデザインになっていると感じました。

スマートフォンで閲覧した際には、メニューの部分がパネルで表示されるように切り替わるのですが、そのメニューを表示すると左上に固定されたロゴが黒色から白色に変化するなど、細かい部分に気を遣っていたり、「はじめに」や「とりくみ」などといったタイトルを左側に固定したりと、デザインはとても参考になります。

 - 動きで表現 , ,

Message

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

  関連記事

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

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

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

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

背景を道に見立てたデザインの地図アプリのサイトがおしゃれ!

株式会社Strolyが制作した地図アプリ「Stroly」のホームページです。 フ …

動く虎たちが見ていて楽しい!病院ということを忘れさせてくれそうな「やざわ虎クリニック」のホームページ

長野県諏訪市にある内科・外科病院「やざわ虎クリニック」のホームページです。 ファ …

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

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

フラットデザインで見やすい

  大阪経済法科大学のサイト。フラットデザインのイラストがとてもおしゃ …

ロゴマークにマウスをホバーさせるとアニメーションになる仕組み

東京都台東区にあるランドセル工業会が運営している「ランドセルくらぶ」のホームペー …

空気清浄したくなる

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

写真を使って島の魅力を伝える

2016年4月に「星野リゾート リゾナーレ西表島」からリオープンする「ホテル ニ …

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

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