優しいカラーでまとめられた見やすくておしゃれなWEBサイトのデザイン参考

皆さんは普段からスマートフォンやPCなどでウェブサイトを頻繁に見ているかと思います。20〜10年前に比べるとウェブサイトは一気に進化して、ページが重くて中が見れない、、、といったことやいちいち送受信しなければページが更新されないなんてことはほぼなくなったかと思います。細かい問題点がなくなった今、ウェブサイトをデザインする上で大事なのは、「見やすさ」「伝わりやすさ」そして最後に「デザインの良さ」(検索などについては置いておきます)。

そもそもいいデザインと言っても人それぞれだったり、ターゲットによったりもしますが、上記の条件はどのようなサイトデザインを考えるにしても最重要かと思います。様々なサイトデザインがある中で、今回は個人的に好きな、優しいカラーでまとめられた素敵なサイトデザインを集めました。

 

ナチュラルなファッション雑貨のサイトデザイン参考例

サイトデザイン参考例

ショップのイメージカラーのライトピンクを基調として、ナチュラルなイメージを大事に制作されています。モデルさんや雑貨の写真も色味が統一されており、極端に濃かったりビビッドなものはなく、イメージカラーに合うように自然光のような優しいイメージで撮影されています。全体的に写真をたっぷり使うことで画面のメリハリもあり、モデルさんの着用画像やインテリアのコーディネート画像があり、イメージがつきやすいですね。見出しフォントは太めのサンセリフ体を使用。全体的に情報は多くなく、わかりやすくすっきりと整理されています。

デザイン面では、全てスクエアのトリミング、カラーはライトピンクとホワイト、文字はブラックで統一されておりストレスなくお買い物を楽しめるようなデザインに仕上がっています。

 

優しい印象のアパレルショップのサイトデザイン参考例

サイトデザイン参考例

全体をライトベージュでまとめた大人っぽいアパレルショップのサイトデザインです。はっきりと顔が見えないような大人っぽいビジュアルと、ナチュラルなスタイリングイメージにライトベージュがしっくりときていますね。

全体を通して背景にベタだけでなく、紙の素材であったり、テープで止めたような見せ方をしたり、フォントは見出しに手書き風の文字を使用してカジュアルな印象も見せています。写真のトリミングは全て角アリでカットされているのでラフに崩しすぎず高級感や大人っぽさは残っています。サイト全体に余白がしっかりと置かれているので、イメージは爽やかでとても見やすく仕上がっているかと思います。

 

菱形がポイントのインテリア雑貨ショップのWEBサイトのデザイン参考

サイトデザイン参考例

ライトブルーを基調に寒色系でまとめられたカジュアルテイストのインテリア雑貨ショップのサイトデザインです。差し色は黒で、手書き風の模様や、#happy や#holidays などのラフなイメージ付けをしています。モデルを使ったビジュアルもカラフルな写真やスタイリングはなく、少しアンダーでシックなテイストになっています。見出しのフォントは太めのセリフ体。そして全体を通して至るところで見出しやしきりとして菱形のフォルムが使用されているのがポイントです。

菱形が並んでいたり、カットされたり。サイトデザインに限らず、デザイン上で角度や線の統一は最重要です。沢山の方向や形を組み合わせすぎると統一感を失います。何事もバランスが大事ですよね。

 

現代では簡単にサイトが作れるようなシステムが開発されたり、ツールが増えたりして自身のサイトを持つ人が増えているかと思います。「見やすさ」=統一感とバランス、「伝わりやすさ」=誰に向けての内容なのか、情報の整理、「デザインの良さ」=ターゲットにフォーカスした色使い、視覚誘導、トレンドなど。前述した内容をまず意識するだけでサイトを制作する前にスムーズに考えをまとめることが可能です。このような組み立て作業はデザインだけではなく、様々なことに役立ちますね。

「デザインインスピレーション」のコーナーでは、世界中のデザイン制作事例をピックアップして紹介しています。

デザイン料金と作例

各種デザイン作成について
チラシ(フライヤー)・ポスターなど1枚物の紙媒体制作から、パンフレットや名刺・ショップカード・封筒などのビジネスツールのデザイン作成、WEBバナーや店頭看板・交通広告などのデザイン、カーラッピング・ロゴマーク・商品パッケージ・装丁・動画編集に至るまで、様々なデザイン作成に関する業務を行なっております。


ASOBO DESIGN™ とは

ASOBO DESIGN ロゴ

ASOBO DESIGN (アソボデザイン)へようこそ!デザインの制作に関わることは何でもご相談ください。

チラシ・ポスター・パンフレットや、名刺・ショップカード・DMなどの各種印刷物、看板・ロゴマーク・パッケージデザインまで幅広いグラフィック・広告デザインに対応いたします。デザイン制作だけでなく、印刷から納品まで一貫して対応(※)しており、展示会・キャンペーン・販促宣伝活動等に貢献致します。※一部媒体を除きます

デザインの見積もり・制作依頼

広告デザイン作成について

チラシやポスター・パンフレットなどの紙媒体広告制作から、WEBバナーや動画編集などのデジタル広告制作まで幅広く対応致します。広告デザイン作成料金・広告デザイン依頼の詳細はこちらから確認いただけます。

デザイン作成

SSL

カード決済対応

銀行振り込みの他、各種クレジットカードでのお支払いにも対応しています。

ピックアップNEWS

実用的な折チラシデザイン
書籍「実用的!折りチラシデザイン」に作成したチラシが掲載されました。

チラシデザインが書籍に掲載されました
書籍「タイトルまわりのデザイン表現」にチラシデザインが掲載されました。

チラシデザイン集に掲載されました
書籍「実用的なチラシデザイン」にデザインが掲載されました。

雑誌掲載事例
デザイン総合情報誌「MdN」にWEBサイトが掲載されました。

インターナショナルファッション誌 "En Vie Fashion Magazine" 内にデザインが掲載されました。

Adobe MAX Japan にて制作デザインが展示されました。

NEWS&PRESS情報一覧

error: