Webデザインに参考になる資料
2025-01-20
この記事の目次
この記事では、自分がよく使う・学習したいツールやWebサイトを紹介しています。
デザインを学習する
Primer
GitHub の デザインシステム
暗黙的なWebデザインのルールが明確に書かれており、非常に参考になる。
Refactoring UI
TailwindCSS が出しているデザインに関する書籍
web.dev
Google が提供している Web 開発者向けの情報サイト
デザインを作成する
Canva
企業ロゴやアイコン、サムネイルなどを作成するためのツール
Figma
Webサイトのモックアップやデザインを作成するためのツール
Miro
ワイヤーフレームやフローチャートを作成するためのツール
デザインのインスピレーションを得る
Dribbble
デザイナーが作成したデザインを見ることができるサイト
Behance
デザイナーが作成したデザインを見ることができるサイト
画像の保存や共有を行うためのサービス