webデザイン

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

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

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

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

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

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

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

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

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

ロゴマルシェ

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

桃色ロゴ

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

ボタンマルシェ

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

桃色ボタン

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

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

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

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

ピックアップ記事

  1. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  5. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…

関連記事

  1. 【PR】

    写真家やデザイナーが待ち望んだ魅せると伝えるを兼ね備えたWordPressギャラリーテーマPHOTE…

    以前、写真家や画家などは、自分の作品を見てもらうためにギャラリーを借り…

  2. webデザイン

    素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopと…

    ウェブサイトやブログなどでデザインクオリティの高いテンプレートを使用し…

  3. webデザイン

    fotoliaの有料素材を活用して個性的なWEBサイトに生まれ変わらせよう!

    ここではfotoliaの有料素材を活用して素人っぽいサイトから脱却して…

  4. webデザイン

    フォトショップでフワフワ・フサフサな動物の毛を表現するブラシの上手な活用方法。

    フォトショップのブラシを上手に活用するとさまざまな表現が可能になります…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. 3分の話

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

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

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. webデザイン

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