WebGallery

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

*

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

   

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

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

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

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

 

 - 色で表現

Message

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

  関連記事

子供連れのママさん世代やその子供をターゲットにした歯医者さん

長崎県長崎市にある歯医者「田口歯科医院」のホームページです。 柔らかい配色が可愛 …

色んな色と形が組めるつみき「KUUM」

フェリシモが販売している新しい組むつみき「KUUM(クーム)」の特設サイトです。 …

白と黒の配色で、店舗の写真を際立たせるデザイン

広島県広島市で6店舗の美容室や花屋・カフェなどを展開している「RUTH grou …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

レンズ越しに見る片山津温泉の風景

片山津温泉観光協会のオフィシャルページ「水と光と音のまち 片山津温泉」のホームペ …

神戸にあるロシア料理のサイトが、マトリョーシカをイメージしたデザインで可愛い!

兵庫県神戸市にある、純ロシア料理をメインにしたレストラン「バラライカ」のホームペ …

ロゴカラーで統一された心療内科クリニック

埼玉県さいたま市にある心療内科クリニック「新都心むさしのクリニック」のホームペー …

下部にバナーとして表示されるスライダー

北豊島園自動車学校のホームページです。 コンテンツごとに背景を変えて、可愛らしい …

作品の色味をサイトでも表現

  大阪にある陶芸作家のサイトです。作品の色味をサイトのカラーリングで …

しかけ絵本を見ているかのようなサー・トーマス・リプトンのストーリー

リプトンのプレミアムシリーズ「サー・トーマス・リプトン」のホームページです。 リ …