こんにちは、私はWebデザイナー×マーケティングでデザインをより魅力的に見せる方法を発信しています。
私の紹介
- Figmaを使い、WEBデザイナーとして活動
- デザインの力を使って、人々の心を掴むマーケティング
- デザインの最新トレンドや技術を学ぶ
- 実務にはFigmaを使用
\おすすめのFigma学習本/
WEBデザインの世界は常に進化しており、デザイナーたちは最新トレンドに敏感でなければなりません。2024年、あなたがデザインのインスピレーションを求めているなら、ここに紹介するサイト群はまさに探していた宝物かもしれません。これらのサイトは、WEBデザイナーが実際に使用している、パーツ別の参考になるサイトです。
\デザインやビジネスを学ぶおすすめサービス/
1.UI LIBRARY
UI Libraryは、UIデザインに特化したリソースを提供するサイトです。高品質なUIキット、デザインシステム、ガイドラインが揃っており、デザイナーがインターフェースをデザインする際に役立つインスピレーションと具体的な素材を提供します。
特徴: 清潔で使いやすいインターフェイスを持ち、デザインの質を向上させるためのリソースが豊富にあります。
2. STOCK DESIGN
概要: STOCK DESIGNは、どのホームページにもある「ヘッダー、メインビジュアル、フッター」の他、LPで使われる「悩み、特徴、流れ、料金、事例、CTA」といった要素、コーポレートサイトで使われる「代表メッセージ、ミッション、会社概要、沿革、スタッフ紹介、お知らせ一覧」などの要素から、クオリティが高いデザインを厳選し、紹介しています。
特徴: クオリティーが高く、主に清潔でシンプルなサイトのパーツが集めされています。企業サイト作成の際に参考になります。
3. Webframe
概要: Webframeは、ウェブアプリケーションやウェブサイトのスクリーンショットを集めたインスピレーションギャラリーです。最新のウェブデザイントレンドやUIのアイデアを刺激するものを提供します。
特徴: 海外のサイト多数。幅広いスタイルとカテゴリーのウェブデザインを網羅しており、デザインのアイデアを広げるのに役立ちます。
4. Parts Design
概要: Parts Designは、ウェブデザインの特定のパーツ(ボタン、ナビゲーションバー、フォームなど)に焦点を当てたデザインインスピレーションとリソースを提供するサイトです。デザインの細部にこだわりたいデザイナーに最適なリソースを提供します。
特徴: 特定のUIコンポーネントに関する豊富なデザイン例とガイドがあり、具体的なデザインに対する解決策を提供します。
5. Modulesss...
概要: Modulesssは、ウェブデザインのモジュールやコンポーネントのインスピレーションを提供するサイトです。サイトビルディングやUIデザインにおいて、再利用可能なデザイン要素やパターンのアイデアを得るのに役立ちます。
特徴: 見出しや画像+見出し+文章など、より具体的なサイトのパーツがあります。見出し込みでデザインに悩んだときにおススメです。
まとめ
2024年の最新のWEBデザインにおいて、デザイナーが使用しているパーツ別の参考サイトを紹介しました。これらのサイトは、デザイナーたちが最新のトレンドに敏感になるために役立つ貴重なリソースです。以下にそれぞれのサイトの特徴をまとめます。
- Design Library: UIデザインに特化したリソースを提供しており、使いやすいインターフェイスと豊富なデザイン素材が特徴です。
- Altbase Stock: クオリティの高いデザイン要素を厳選したストックサイトで、主に清潔でシンプルなデザインを提供しています。
- Webframe: ウェブアプリケーションやウェブサイトのスクリーンショットを集めたギャラリーサイトで、幅広いスタイルとカテゴリーのウェブデザインを提供しています。
- Parts Design: 特定のウェブデザインパーツに焦点を当てたデザインインスピレーションとリソースがあり、デザインの細部にこだわりたいデザイナーに最適です。
- Modulesss: 再利用可能なUIコンポーネントやデザインパターンを提供しており、効率的で一貫性のあるウェブデザインを実現するためのインスピレーションを提供しています。