WEBデザイナーがおすすめするデザイン作業時のサイト3選！

こんにちは！プロクラスの渡辺です。
関西もとうとう梅雨明けらしいですが、暑くてあつくて…もうちょっと雨降ってもよかったよ〜と思う日々です。

さて、WEBデザイナーとして私が最近お世話になっているサイトを3つご紹介です！

１：colorable

URL：https://colorable.jxnblk.com/

背景と文字色の組み合わせが簡単に確認できちゃうサイトです。
ディレクター、デザイナーと色の雰囲気を確認する時なんかはとてもわかりやすくて助かります。
あと、直感的に操作できるものいいですが、コードの入力もできるので指定された色を間違えずに見れるのもいいところです！

個人的には息抜きに自分の好きな色の組み合わせを見つけてストックしておくのにも利用しています 😉

２：CSS Stock

URL：https://pote-chil.com/css-stock/ja

コーディングもするWEBデザイナーにとって助かるのはもちろんですが、デザインをする時にも大助かりのこちらのサイト！
自分でデザインからコーディングをすることも多いのですが、やっぱりデザインをする時から「こういう動きをつけたい」「ここはこういう動きをするから、このパーツが必要だな」というのがイメージできているとデザインの漏れが少なく、コーディング時に慌てることが減ります。

こちらのサイトはWEBに必要なパーツがあらかた揃っているので時間がない時など、とっても助かっています…！！ 😳

３：UI LIBRARY

URL：https://design-library.jp/ui/

こちらのサイトはWEBサイトをパーツ（UI）ごとにまとめたサイトです。
実際に1サイトをデザインする時、複数の参考サイトから「配置」だったり「配色」だったり「パーツ」を参考にさせていただくことが多いです。
有名な参考サイトギャラリーさんに比べるとまだサイト数は少ないかもしれませんが、パーツごとに色々なデザインを見れるのはとっても大助かりなんです！本当にありがたい！ 😯

こちらのサイト、元々はバナーデザインを集めたギャラリーサイトなので私はこちらも息抜きにぼんやりと眺めています。