本当に使える!デザインの勉強に役立つサイト5選

本当に使える!デザインの勉強に役立つサイト5選

デザインやコーディングをしていて分からないことがあったとき、「ここにアクセスすれば解決する」という心強い存在のサイトをいくつか知っておくと、手当たり次第にいろんなサイトを調べずに済むので、より効率良く作業を進めることができます。

そこで今回は、私がいつもお世話になっているサイトを5つご紹介します。

サルワカ

サルワカ
サルワカは、WordPressの使い方やデザインのコツまで、あらゆることを分かりやすく解説してくれるWEBマガジン。運営しているCatnoseさんのnote「サルワカという個人メディアを250万PV/月にまで育てた方法」も勉強になるので、読んだことのない方は是非。

私がこのサイトを知ったのは、CSSを勉強し始めた頃「marginとpaddingの違い」が分からずにつまずいてしまい、「CSSのmarginとは?paddingとは?余白の指定方法まとめ」という記事を読んだことがきっかけ。そのほかの記事もとても分かりやすく、すぐにブックマークして以降、何度もお世話になっています。サルワカ道具箱では、文字数カウントや画像サイズ変更、PNG→JPEG変換など、あると便利な機能も揃っているので、こちらもよく使っています。

サルワカ の公式サイトはこちらから

コリス

コリス
有名なのでご存知の方も多いかと思いますが、コリスはWEBデザインに関する情報が沢山まとめられているサイトです。WEB制作の最新情報を随時紹介してくれるので、いつアクセスしても何かしら有益な情報を得ることができます。

私はこの間、「かわいい有料フォントが今週末まで無料!」というコリスのツイートを見て、ヴィンテージフォント”Calderock”をすぐにダウンロードしました。このようなお得な情報がたまに発信されるので、Twitterも定期的にチェックしておくのがオススメです。

コリス の公式サイトはこちらから

Webクリエイターボックス

Webクリエイターボックス
こちらも有名なWEB情報紹介サイト Webクリエイターボックス。私ももれなくブックマークに登録しています。確か初めて読んだ記事は、料金表をサイトに実装したくて調べたときに出てきた「料金表をわかりやすくデザインするコツ。実例やレスポンシブ対応サンプルも!」でした。

WEBデザイナー兼WEBデベロッパーとして活躍するManaさんが運営しているサイトで、デザインやコーディングの知識はもちろん、おすすめのデザイン書籍、TECHACADEMYやUdemy等で使えるお得なクーポンなど、幅広いコンテンツが掲載されています。Manaさんの書いた入門書「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」は、周りでも愛読している方が多いです(^^)

Webクリエイターボックス の公式サイトはこちらから

copypet.jp

copypet.jp
copypet.jpは、最近個人的に一番利用しているサイトで、WEB制作に必要なHTML/CSSをそのままコピペして使うことができるので、とても重宝しています。もちろん自分で一から作れるに越したことはないんですが、急ぎのときやどうしても分からないときにささっと調べて使っています。

アニメーションの装飾やおしゃれな見出し、タブの切り替えなど、「サイトに◯◯を実装したいなあ」と思ったとき、ここで検索するとかなりの確率で目的のパーツを見つけることができます。ナビゲーションやパンくずなどがパーツ別に分かれていて、検索の利便性が高いのも嬉しいポイント。カスタマイズしやすいよう一般的なコードを中心に作られているため、コーディング初心者の方でも安心です。

copypet.jp の公式サイトはこちらから

PHOTOSHOPVIP

PHOTOSHOPVIP

PHOTOSHOPVIPは、世界中から集められたフリーフォントやPhotoshopの使い方、最新デザインニュースを発信しているブログメディア。ちなみに、WebDesignNoteのロゴは「デザイナーが持っていたい、すごいフリーフォント素材69個まとめ」で見つけたフォント”Prospectus”を使って作りました。

配色ツールからロゴテンプレート、SVGアイコンまで幅広く紹介されており、私は特にフリーフォントのまとめ記事がお気に入り。フリーでもこんなに可愛いフォントがあるのか!と見ているだけでワクワクします。記事を読んでダウンロードした筆記体フォント”Marquette”は、以前書いた記事「バナートレース50本達成!私なりの手順やコツをまとめてみた」のアイキャッチ画像でも使用しました。

アイキャッチ画像
バナートレースの手順やコツをまとめてみた
Marquette
Marquette

PHOTOSHOPVIP の公式サイトはこちらから

Designカテゴリの最新記事