![見出し画像](https://assets.st-note.com/production/uploads/images/84935659/rectangle_large_type_2_54beb029de919b61916c5eac7533ea53.jpeg?width=800)
【15日目】#006 アプリのプロフィール画面を作成しました。(課題)
Daily UIの #006 Profile画面。
以前途中までやって放置していたものの続きをやりました。
(過去のDaily UIの制作物はポートフォリオにまとめています。)
最初から自分で制作するのではなく似たようなテーマで作成していた方の制作物を参考にしました。
(やっぱり慣れないうちはプロのものを参考にした方が良いネ!)
テーマは以前と一緒。
・世界中のクリエイターが繋がって共同でプロジェクトができるようなマッチングアプリ。
【意識した点、作成の意図など】
・その人が今オンラインかどうかわかる(作業中かどうか)
・使用できる言語の表示
・フォロー、メッセージはすぐできるようにわかりやすくトップに
・上から職業→スキル→Worksの順に配置することで、なんのデザイナーで、具体的なスキルはどんなもの、それでどのようなものを作成(画像あり)したか、が把握できる。(ここまででデザイナーのスキルとセンスなど全体像が掴める)
・説明のテキストは少なめ
・どうも癖として小さくまとめてしまう気がしたので、もう少し大味?になるように余白や文字サイズなど全体的なパーツを気持ち大きめに。
・世の中の流れ的に ❤Likes された数を非表示にしている(確か他人の価値観に惑わされない的な理由だったような。Instagramももうないよね。)←そのうちフォロワー数とかも非表示になるのかな、、と思ったりしている。
・色々気になる点はあるけど、これが一つのプロジェクトの1ページだとしたら、運営しながらアップデートしていくんだろうな、ということで完璧は目指さない感じで。
・余白は8・16・24・32
作成したのがこちら↓
![](https://assets.st-note.com/img/1659867090682-3fHxQRHdB6.jpg)
ちなみに参考にしたページはこちら。
Lei Leiさんという方のデザインです。
![](https://assets.st-note.com/img/1659856678992-8Bdkumf0V6.png?width=800)
こういう感じのものを作れるようになりたい。
ぼやき。
FigmaでMaterial Design Icons もっと簡単に探せるようにならないかな・・・(目がチカチカする)
カラーパレットのグレートーンでブルーベースのものを作りたい。。。
(寒色系が好きなもんで。)
追記:と思っていたら、MaterialDesign 2014 のこのページにあった!わーい
![](https://assets.st-note.com/img/1659864210902-kqfdbCb4Ap.png)
今日はあと Material Design ガイドラインの続きを読みます〜
それでは〜
この記事が気に入ったらサポートをしてみませんか?