200以上のデザインに役立つ情報を1つにまとめてみました。(2020/02更新)
(* 2020/02/16 記事更新 *)全編無料です!
こんにちは、ねいびと申します。
タイトルにあるとおり、200以上のデザインに役立つ情報をこのnote にまとめました。中にはおそらく「それ、知ってるよ」という情報もあるかと思います。
私が普段みているサイトや、制作の際に役立つような情報を全てまとめて、
このnote は、以下のような方たちに役立てればと思い書きました。
ひとりでも多くの方に活用していただければ幸いです。
──
* 目次から読みたい項目に飛べます *
-- メディアサイト --
──
▷ クリエイター総合
・キャリアハック
・VISUAL SHIFT
・withnews
・WIRED
・ferret
・CreatorZine
・URAGAWA
・株式会社ロフトワーク
・AXIS
・AdGang
・UNLEASH
・BAUS
・KAI-YOU
・haconiwa
・CINRA.JOB
・mini
・THE BAKE MAGAZINE
▷ デザイン総合
・Photoshop VIP
・コリス
・サルワカ
・Webクリエイターボックス
・Web Design Trends
・UX MILK
・MdN Design Interactive
・freshtrax
・ひらくデザイン
・はたらくビビビット
・アプリマーケティング研究所
・JDN
・Workship magazine
・peeji
▷ 企業デザイナーズブログ
・Goodpatch Blog
・LIG
・BIZREACH
・クラウドワークス デザイナーブログ
・PSYENCE:MEDIA
・knowledge / baigie
・キャリハック:デザイン
・デザイン事務所AMIX
・BRISK
・STUDIO Blog
・ReDesigner Magazine
・BUROKI
・人間のブログ
・メルカン
・eureka.design
▷ Adobe関連
・Adobe Blog
・DESIGN TREKKER
・DTP Transit
・本日のイラレ
・レタッチャー / 大谷キミトさん
・CGメソッド
・amity
・Adobe XD Tips
-- ツイッターアカウント --
──
▷ メディア関連
・コリス
お得なセール情報をスグにキャッチ!
・Photoshop VIP
最新のトレンドやテクニックをスグにキャッチ!
・アドビ
アドビの最新情報を配信。
・アドビ(学生向け)
学生向けのテクニックを紹介している。
・MdN BOOKS
MdNの最新の書籍情報などを配信。プレゼント企画なども実施している。
・ライフハッカー
生活やガジェットまわりの役立つ情報を配信。
・ギズモード
ガジェットに関する情報を配信。Amazonのセール情報なども知れる。
・アプリマーケティング研究所
定期的にイラストで若者の傾向などを紹介している。これぞマーケティング。
・INSPI
世界中の広告にまつわるデザインなどを紹介している。思わず目に止まる広告が見れる。
・UNIQLO
ツイートのバナーのデザインなどが勉強になる。
・GU
ユニクロと同じく。
▷ デザイナー関連
・すぴかあやか さん
・Go Ando さん
・トミナガハルキ さん
・広野 萌 さん
・わりえもん さん
・カトウヒカル さん
・タカヤ・オオタ さん
・上司ニシグチ さん
・コロ さん
・しぶみゃむ さん
・ホリウチ ショウゴ さん
・長谷川哲士 さん
・佐藤ねじ さん
・カイシトモヤ さん
・amity sensei さん
・松下 絵梨 さん
-- YouTube --
──
・amity_sensei さん
・トミナガハルキ さん
・おとうさんスイッチ さん
・ダストマンTips さん
・PiXimperfect
・Yusuke Okawa さん
-- note --
──
▷ アカウント
▷ マガジン
-- フリー素材 --
──
▷ 写真
・Unsplash
世界中のハイクオリティの写真が無料で使える。
・O-DAN
世界中のフリー写真を横断検索できるサイト。
・ぱくたそ
汎用性の高い日本のフリー写真を集めたサイト。
・GIRLY DROP
女性向けのフリー素材を集めたサイト。
▷ アイコン
・ICOOON MONO
種類の豊富なアイコンを集めたサイト。
・シルエットイラスト
いろんなシーンで使える豊富なアイコンを集めたサイト。
・iconmonster
海外のおしゃれなアイコンを集めたサイト。
・Ikonate
アイコンのサイズや色をカスタマイズできるサイト。
・ICONSVG
こちらもカスタマイズができるサイト。
・SVG Backgrounds
背景に使えるパターンを生成できるサイト。
・SVG PATTERN MAKER
こちらもカスタマイズができるサイト。
・Neumorphism.io
話題の ”Neumorphism” というデザイントレンドが再現できるジェネレーター。
▷ イラスト
・Linustock
シンプルでおしゃれな線画イラストが使えるサイト。
・イラストダウンロード
シンプルで可愛いイラスト素材が豊富のサイト。
・リボンフリークス
リボンの装飾素材を集めたサイト。
・TOWN illust
町並みや建物のイラスト素材を集めたサイト。
・Bg-Pattrens
背景などに使えるおしゃれなパターンを集めたサイト。
・フキダシデザイン
デザインにアクセントをつけるフキダシだけを集めたサイト。
・manypixels
海外のおしゃれなイラストを集めたサイト。色の変更などが可能。
・unDraw
サービスの紹介などで使えそうなイラストを集めたサイト。
・Isometric
アイソメ(立体的)のイラストを集めたサイト。
・avataaars generator
▷ 動画・映像
・Mixkit
高品質な動画・アニメーションがダウンロードできるサイト。
・covverr
Webサイトの背景などにも使用できる映像素材サイト。
・Mazwai
ハイクォリティの映像素材を集めたサイト。
-- ギャラリーサイト --
──
▷ PC向け
▷ スマホ向け
▷ 研究・その他
▷ UI・モーション
▷ 海外向け
-- クローム拡張機能 --
──
・FireShot
手軽に画面をスクショ。PDF書き出し可能。
・ColorZilla
画面の気になる色を抽出。
・CSS Paper
サイトの気になる要素のCSSを表示。
・Fonts Ninja
サイト内の気になるフォントを検索
・Pinterest 保存ボタン
Web上の画像を直接ピンタレストに保存。
・Responsive Viewer
いろんなデバイス幅にあわせた画面のチェックが可能。
・Search Preview
検索結果にプレビュー画像(サムネイル)を表示してくれる。
・グーグル翻訳
サイトに行かず手軽に翻訳が行える。
・ライナー(LINER)
Webサイトのテキストにハイライトをつけられる。
・Speed Dial 2(ブックマーク管理)
ブックマークをサムネイルで表示できて、視覚的に管理ができる。
-- 配色関連 --
──
-- フォント --
──
-- 書籍 --
──
▷ 参考書
▷ デザイン思考
▷ 生活・健康
▷ マンガ
◎ 更新について
* 2020/02/16 より
更新通知用として有料記事(100円)に設定いたしました。通知を受け取りたい方は購入して頂くとオススメです。(ブックマーク管理の特典付き)
定期的に情報を更新していこうと思います。良いサイトや情報を更新したり、新しいカテゴリーも追加できたらと思います。
ほかにデザインに役立つような情報やサイトがありましたら、コメント欄に書いていただけたら嬉しいです!😄
note や Twitter をフォローしていただくと、更新情報などを発信した際に受け取りやすくなるかと思います✨
☆ 有料特典 (ブックマーク管理)
記事内で紹介した情報を、ブックマーク管理ができる ”Speed Dial 2” を使って作成してみました。(メディアサイト系とほか一部)
Speed Dial 2 はブックマークを視覚的(サムネイル)に管理できる拡張機能です。上記のようにフォルダ分けや、整理整頓などの機能も豊富で使いやすいです。
PCでクロームをお使いの方は、拡張機能をインストールしてご自身で作成することも可能です。
以下の記事で詳しい導入方法が掲載されいてます。
いちいちURLを開いて登録するのが面倒な方は、私が作成したブックマークリストをお使いください。(コード化されたテキストをコピペするだけ)
* ここからは有料部分になります *
テキストファイルをダウンロードしていただき、テキストを全てコピー。
Speed Dial 2 のオプション画面を開き ”インポートとエクスポート” を選択。→ ”設定のインポート” をクリックして、テキストエリアに先程コピーしたコードをペースト。
”設定のインポート” をクリックして、以下の画面が表示されたら、”了解” にチェックをつけて、”続ける” を選択。しばらくするとインポートが完了されます。
クロームを更新して以下のリストが表示されたら完了です!
※もしうまくいかない方はコメントやツイッターのDMよりご連絡ください。
次回更新以降にテキストファイル(ブックマーク)も更新していきます✨
購読ありがとうございました!😊
最後まで読んでいただきありがとうございます😊 もしよかったら「スキ」していただけると嬉しいです。