はじめに
私は新卒のピカピカエンジニアです🙇♂️
業務上、フロントエンド、バックエンド、インフラなど幅広く触るのですが、画面設計も意外と時間がかかる作業の一つでした、、
そこで、画面設計を行う際に参考になったサイトを紹介していきたいと思います！
よければ参考程度に見てください〜！
また紹介したものの他にも参考になったものがあればコメントしてくれると嬉しいです〜🙌
ギャラリーサイト
ギャラリーサイトは必要な画面が出揃った段階で、それぞれの画面に必要な要素を調べるときに使っていました！
例えば、トップにはどういった情報が並んでいるかやナビゲーションにはどのようなものがあるかなどなど
- 一番最初の頃はpinterestでUIを参考にしてました。UI要素単位で検索をかけていました。
Mobbin
- Mobbinを使い始めてからはpinterestを参照することはほぼほぼなくなりました！
- SpotifyやSlack、Asanaなどの有名なアプリを含む数多くのアプリ（iOS/Android/Web）のUIを参考にできます。
- フローや要素ごとに見れるのも嬉しいですね☺️
ガイドライン
Sociomedea ヒューマンインターフェースガイドライン
- より良いユーザー体験をお届けするためのデザイン指針です。全部で100トピックくらいありますが、一つ一つは非常に短く、画像付きなので、さらっと読めると思います！
Spindle
- Amebaのデザインガイドラインです
- 各コンポーネントの設計方針の部分とかUIラベリングとかを結構みていました！
参考になった記事
アプリのアップデート500本ノックから学ぶUI改善のヒント
- 実際のアプデをもとにデザインを比較して、どこがどのように変わって使いやすくなったかを解説してくれます！
WebアプリのUIデザインを洗練させるための７つのヒント
- UI/UXの用語解説から、実際に洗練させるために注意すべきポイントを7点ほど紹介してくれています！
終わりに
いかがだったでしょうか？みなさんの参考になれば嬉しいです！
他にも良い参考サイトなどがあれば教えてください！
それではまた！