Design Reference
制作でよく使うデザイン参考サイト
制作の過程でよく使うデザインサイトをまとめてみました。
Webサイト全体を見る
構成・トーン・情報設計
LPやブランドサイトなど、Webサイト全体の構成・世界観・情報の流れを確認したいときに使用します。
-
LP Archive
日本のLP構成を体系的に確認できるサイト。
-
SANKOU!
業種・カテゴリ別に探しやすく、実務向き。
-
siteInspire
雰囲気・トーン別に探せる海外事例集。
-
MUUUUU
デザイン性の高い国内Webサイトが多い。
-
uragawa.work
受賞・話題性のあるサイト中心。
バナー・UI・部分デザインを見る
ヒーローエリア・CTA・カードUI
ヒーローエリア、CTA、カードUIなど、部分的なデザインを具体的に検討したいときに。
-
Banner Library
サイズ・形状別にバナーを確認できる。
-
partsdesign
UIを分解して見るのに向いている。
-
部分デザインアーカイブ
セクション単位での参考に便利。
-
Altbase（STOCK DESIGN）
商用素材・UIパーツの参考にも。
トレンド・インスピレーションを掴む
世界観・質感・流行の方向性
世界観や質感、流行の方向性を把握したいときに。
-
Pinterest
-
Dribbble
-
Behance
-
Web Design Trends
考察・言語化を補う
「なぜこのデザインが良いのか」を言葉で理解する
「なぜこのデザインが良いのか」を言語で理解したいときに。
-
真似るデザイン研究所
-
見るだけデザインの教科書
-
could
プレゼン・資料・スライドデザイン
提案資料・構成整理・ロジックとビジュアルの両立
提案資料、構成整理、ロジックとビジュアルの両立を考える際に。
-
momomode
-
Slideland
-
Speaker Deck
※ 本記事は随時アップデート予定です。制作を通して気づいた点があれば追記していきます。