webデザイン

素人っぽいウェブデザインがあっという間にプロのデザインに早変わりする簡単レシピ!無料で使えるロゴとボタンがすごい。

ウェブサイトのデザインしているとどうも素人が作ったようになってしまうことがあります。

そのような場合には全体をゴチャゴチャいじってしまうのではなく、ロゴマークやボタンなどの細かい部分をカッチリはめてあげるだけでガラっと印象を変えることができます

ここではECサイトなどに最適な無料(商用可)で使えるロゴとボタンを活用してあっという間にプロのデザインに仕上げる方法を解説します。

Photoshop CS6使用写真素材
約10分ポップな女性
ロゴマルシェ - LogoMarche
ボタンマルシェ - ButtonMarche
画面サイズ1060×1320:解像度72pixel/inch 123RF 》

素人っぽいウェブデザインをプロのデザインに!

コンセプトに沿ってレイアウトをしてみたけれど・・どこかのっぺりとしてロゴやボタン部分の素人っぽさが抜けません

素人っぽいウェブデザイン

そんなときはクオリティの高いロゴを無料で提供してくれているデザインプラスさんのlogoMarcheを活用しちゃいましょう。ユーザー名とメールアドレス登録するだけですぐに好きなロゴをダウンロードすることができます。⇒ ロゴマルシェ

ロゴマルシェ

カテゴリや色別でテーマに合ったロゴを探すことができます、今回はサイトイメージに合うよう桃色で探して選びました

桃色ロゴ

ロゴ同様、デザインプラスさんのButtonMarcheに登録すればプロが作ったキレイなボタンが好きなだけダウンロードできちゃいます。⇒ ボタンマルシェ

ボタンマルシェ

ここでも桃色で探してみるとちょうど良いボタンが見つかりました

桃色ボタン

ダウンロードしたロゴとボタンを当てはめて、サイズ・色彩を微調整し全体を整えればあっという間にプロのデザインに早変わり!

ボタンマルシェはクライアントに会員なってもらうことで制作を代行することもできるのでデザイナーなら要ブクマです。ロゴマルシェは自身のウェブサイトで使いましょう、商用も無料なので独立したてやお店を出したばかりの方にはすごく助かりますね。

あっという間にプロのデザインに早変わり!

スリームデザインの無料メールマガジン

ピックアップ記事

  1. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  4. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  5. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…

関連記事

  1. webデザイン

    photoshopで結露のしたたる曇りガラスに指で文字を書いたような表現をするチュートリアル

    雨上がり、車の窓から外を眺めているような表現をするために、photos…

  2. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本語のチュートリアルで…

    ここではスリームデザインが実際に仕事をする際に使っているほぼ全ての技術…

  3. webデザイン

    ヘッダーデザインの配色がチグハグになってしまうなら色彩を統一しよう。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の3番目、ここでは③ …

  4. 【PR】

    女性の美を追求したエステ・サロン・スパなどの店舗集客に最適化されたWordPressテーマ【LOTU…

    ホットペッパービューティーなどのポータルサイトでは広告料がかかるため、…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」のWEB…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. webデザイン

    「特訓Photoshopプロのテクニック教えます!」のWEB版を『無料』で一般公…
  2. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  3. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
PAGE TOP