WebGallery

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

*

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

   

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

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

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

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

 

 - 色で表現

Message

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

  関連記事

配色で透明感を出す

  東京にある不動産会社のホームページです。全体的に水色と白で構成され …

グレーとゴールドを使ってデザインされた鉄工所のサイトがカッコいい!

千葉県富津市にある鉄工所「大栄鉄工所」のホームページです。 濃いグレーとゴールド …

学校の「楽しそう!」な雰囲気が伝わってくる専門学校

愛知県名古屋市にある、医療系や販売・ITや観光系などのビジネス専門学校「あいちビ …

暖色系を使ったり、日本画風のイラストで昭和レトロな雰囲気を演出したイベントサイト

2017年1月20日から29日まで横浜赤レンガ倉庫で開催されている「鍋小屋201 …

目に優しい色合いと文字の大きさで、見る人の目の負担を軽減させた眼科のサイトデザイン

神奈川県藤沢市にある眼科「長後えんどう眼科」のホームページです。 オレンジと緑を …

ページの1番上にも、アクセスページに移動できるボタンを配置する

福井県越前町の観光情報を紹介する「えちぜん観光ナビ」のホームページです。 画面に …

東京の11の島を紹介するサイトが、写真やイラストを使ったデザインで可愛い!

「東京アイランドドットコム 東京にある11の島」のホームページです。 ファースト …

リプトンカラーのデザインで気分も上がる!夏限定で自分だけのティードリンクを作ろう!

7月7日から8月31日までの期間限定で表参道にオープンしたアイスティー専門のカフ …

ヘッダー・コンテンツ・フッターで背景を分けメリハリを付けたデザインに

千葉県野田市にある美容室「mimpi」のホームページです。 ヘッダー・コンテンツ …

ポップな色合いが楽しそうな「シェア畑」

畑を借りて野菜作りを楽しむ畑のレンタルサービス「シェア畑」のホームページです。 …