Daily UI 001
noteでいろいろな方のデザイン勉強録を拝見していて、Daily UIというものを知ったので本日より早速挑戦してみようと思う・・・!
Daily UIとは?
100日後によりよいデザイナーになることを目指し、
100日間UIの課題が出され続けそれに取り組む、、というもの。
#dailyuiというハッシュタグでみんなデザインを投稿しているらしいので、同じお題でみんながどのようなデザインを作っているのか見れるのもとってもいい!
毎日一問メールにて送られてくるのもわくわくして楽しそう。
気になる方はこちらのリンクから!メールアドレス一つで登録完了します。
ここから課題のネタバレなのでこれから取り組むぞ!という方は閉じてください!!
001日目 Sign Up
Figmaを使用しています。
▼全体像
▼プロトタイプ
◆作成メモ
・SpotifyのUIを参考に作成
⇒padding,marginの使い方、フォントサイズの分け方勉強になった
・Googleアカウントを使用したログインを用いるときのガイドラインむずい
⇒今回のデザインで使用しているのがデフォルトデザインらしい。自分のUIになじませる場合「G」のロゴ部分の透過をしてもいいらしいがそれって自分でやるの・・・?ダウンロードフォルダには透過画像はないような。
・Figmaのオートレイアウト機能、バリアント機能のおさらいを意識した
・個人的にはステップで分かれている登録方法が好きなので3ステップにわけた
⇒ステップにわけることで全体の見通しが悪くなるため、ステップを①-②-③で視覚的にわかるようにした
◆改善点
・「Googleアカウントを使用する」のボタンデザイン
・利用規約の見せ方
・余裕があるときはコンセプトも考えて取り組みたい
この記事が気に入ったらサポートをしてみませんか?