WebGallery

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

*

ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くする

   

無題商品「フェイスマスク ルルルン」のホームページです。

フェイスマスクということで、清潔感と透明感のあるさわやかな印象のデザインだと感じました。ただ、その中でもアクセントカラーにピンクやクリーム色を使用したり、フォントを少し特徴のあるものに変えることで可愛らしさも出ています。

サブページに移動すると、自分が今どのページにいるのかすぐ分かるよう左側に大きく表示されています。その上の家のアイコンをクリックするとトップページに戻ることが出来るのは、ユーザーにも分かりやすいので参考になります。

右上にはカートのボタンがあり、すぐに購入ページに移動できるのも良いですね。購入ボタンを目立つ色にするのではなく、背景色を少し薄くして文字色を濃くするだけで十分目立つのだと勉強になりました。

 

 - 色で表現

Message

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

  関連記事

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

画面いっぱい使って企業の商品やサービスごとに切り替わるコンテンツ

「RC HOUSING」のホームページです。 トップページはスライダーだけでなく …

文字の内側に白い線を入れることでへこんだような加工に

東京都渋谷区にある「セルリアンタワー東急ホテル」のバレンタイン特集ページです。 …

写真にカーソルを置くと詳細文が表示される

京都の神社で結婚式を挙げる人たちを支援する会社「株式会社スタジオゼロ京都」が運営 …

光の空間をイメージさせるアニメーションを使ったイベントサイト

「ハーモニアスひかりアベニュー」を東京・行幸通りで2016年12月24日から12 …

名古屋市にある産婦人科病院のサイトが、病院のサイトとは思えないほど可愛い!

愛知県名古屋市にある産婦人科病院「産婦人科 アイ・レディスクリニック」のホームペ …

医療系とは思えないほどカラフルでポップなデザインのサイトが可愛くて楽しそう!

兵庫県神戸市にある医療福祉専門学校「神戸医療福祉専門学校」のホームページです。 …

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …

自然の光を取り入れた空間で撮ってもらえる写真屋さん

宮城県仙台市にある写真スタジオ「FOTOFILE(フォートファイル)」のホームペ …

画面幅いっぱい使った大胆なレイアウトと青の配色で、信頼感のある建築系サイト

東京都品川区に本社をかまえ、計装の工事を行っている「中央計装」のホームページです …