WebGallery

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

*

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

   

名称未設定 1

愛知県名古屋市にある和菓子屋「一朶」のホームページです。

縦長のシングルページの構成で、とてもシンプルなデザインになっています。一番上の写真は写真の端の部分にテクスチャを使用して布のような質感になっています。イラストから写真に変わる演出も良いですね。

最初のお店を紹介する部分では、イラストを使用して暖かみのある雰囲気になっています。商品の紹介部分でも、写真を丸く切り取り、その丸に合わせて影を付けたりすることで凹凸があるような感じになっています。タイトルも、スクロールに合わせてふわふわ動き、存在感がありますね。

なにより驚いたというか少し感動したのが、一番下のFacebookの部分です。なんと、名古屋だからか「いいね!」ボタンではなく「ええやん!」ボタンになっています。こういった少しの遊び心はとても面白いですね。

 - 動きで表現 ,

Message

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

  関連記事

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

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

一つのコンテンツで二つの情報が見れる

10月24日から行われるイベント「Any Tokyo 2015」のホームページで …

「ミルク王国」という世界観を大切にしたデザイン

石川県河北郡内灘町の「ミルク王国ウチナダ」のホームページです。 パステルカラーの …

コンテンツごとに様々な動きをつけたデザイン

新潟県南魚沼市にある道の駅「南魚沼」のホームページです。 大きく表示される道の駅 …

文字を光らせ幻想的な世界観を創造する

  えのすい(新江ノ島水族館)で行われるナイトワンダーアクアリウムの特 …

群馬にある猿ヶ京温泉の紹介サイトが、動きとイラストを使ったデザインで可愛い!

群馬県利根郡みなかみ町にある観光スポット「猿ヶ京温泉」の「猿ヶ京温泉観光情報協会 …

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

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

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

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

もうすぐバレンタイン!2019年バレンタイン特設サイトを集めました!

明日はいよいよバレンタインデーですね! 皆さんはもう誰かにチョコレートを上げまし …

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

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