スマホサイトのデザイン時に参考になるWebサイトのまとめ6選

こんにちは、デザイナーのモモコです。

今回はスマートフォンサイトやスマートフォン用のアプリ、レスポンシブWebサイトをデザインする際に参考になるUIやトレンドのリンク集、ギャラリーサイトをご紹介します。

海外のトレンドや人気のあるサイトをまとめてチェックできますよ。

独学でつまずいていませんか？

Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！

【2021】Webデザインスクールおすすめ9選！未経験からWebデザイナーを目指すあなたへ

デザインやUIの参考になるギャラリーサイト

1. sps collection

https://spscollection.com/

シンプルな構成のスマートフォンサイトのデザインリンク集。

カテゴリー、カラー別に分類されているほか、キーワード検索も可能なので、とても便利です。

2. AGT

http://agtsmartphonedesign.com/

国内外のスマートフォンサイトのデザインギャラリー。

マウスオーバーで縦に長いキャプチャが表示されるのが特徴的です。

3. iPhoneデザインボックス

http://design.web-hon.com/

主に国内のスマートフォンサイトがまとめられたデザイン集。PC、SP両方のTOPページがキャプチャされていて、見比べることができます。ありがたいですね。

私は訪問するたび、ロゴの横にいるパンダに癒されています。

4. Pttrns

https://www.pttrns.com/

スマートフォン用アプリの秀逸なUIやデザインを集めているサイト。

海外サイトのため英語ですが、カテゴリーが豊富で探しやすいのでよく見ています。

5. Inspired UI

https://inspired-ui.com/

iPhone、iPad、Androidの3機種に対応したアプリデザインのまとめサイト。

1つのサイトに対するキャプチャ量が多く、参考にしやすいです。

6. iconDrop

http://icondrop.net/

スマートフォンサイトを作る際に必ず必要になるWebクリップアイコン、アプリアイコンをまとめたサイト。

詳細ページに同じ系統のアイコン一覧が出てくるのは、探しやすくて便利ですね。

まとめ

いかがでしたか。

国内に限らず海外のトレンドも非常に参考になりますね。幅広いデザインやUIの引き出しを持つことで、ユーザーが求める使いやすいWebサイトに近付いていけるのだと思います。

それでは、また。

デザインに役立つ記事、まだまだあります

※ シンプルから伝わるメッセージ！ミニマルデザイン11選

※ Webデザインをパーツ別に参照できるギャラリーサイトまとめ

※ 美しいWebデザインをタイプ別に！見ないと損する目的別厳選Web見本サイトのまとめ

※ インスピレーションを刺激する！ハイセンスなデザインのギャラリーサイト7つ

※ プロが選ぶ、ウェブデザインのまとめサイト34選！

 
【株式会社LIGについて】

わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。もちろんスマホ対応の制作実績も！Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。