Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
3
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

バナー作成の時短に役立つ!参考サイト

バナー作成は楽しいけど、できるだけ早く作成したいもの。
そこで、バナーを作成するときに、参考にしているサイトをまとめてみました。

前提条件

  • 飛び先がある場合は、基本イメージや配色は飛び先に合わせます。
  • 指定色がある場合は、指定色を必ず使用します。

レイアウト

要素を置いてみて、配置を悩んだときに眺めるサイトたちです。

1. BANNER LINKS

BANNER.png

様々なバリエーションを集めたバナーまとめサイトです。
バナーのレイアウト・見せ方のあしらいなどを参考にしています。

2.Dribbble

Dribbble.png

クオリティの高いサイトが多く登録されています。
イメージを固めるためのインプット用にしています。

配色サイト

飛び先のイメージがない場合や、メインカラーと合わせる色を探るときに利用するサイトたちです。

1.coolors

Coolor.png

最近の一番のお気に入りの配色サイトです。
スペースキーで、どんどんカラーを変更し、気に入った色が見つかるとロックして、その他ほ配色を決めることができます。

2.Colourco.de

colourcode.png

カラースキームを画面上をマウスで移動して作成できるツールです。
高度すぎるため、使い方に慣れが必要。

3.BrandColors

BrandColors – Official.png

各ブランドサイトのカラーリングが必要な時に使ったりします。

4.HUE/360

hue.png

明度・再度・色相の関係性を確認するときに使ったります。

5.ColorDrop

ColorDrop.png

バナーの配色イメージがないとき、直感的に選びたい時に眺めるサイトです。

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
3
Help us understand the problem. What are the problem?