matcha1121kinako

フロントエンドエンジニア。最近、UI/UXデザインの勉強を始めました。 ※プロフ・記事…

参考

matcha1121kinako

1本

【DailyUI 012】E-commerce Shop その３

残業などで数日開きましたが、DailyUI#012の続き、デザインを作成する回です。デザインする際に考えたこと、気をつけた点など雑貨を扱うECサイトを想定する。無印良品・minneなどのサイトを参考・ベースとして商品一覧と商品詳細の2画面を作成する。値段と単位でスタイルを変更、値段を強調した。これは色を変えるなど方法は色々とあるので、全体のデザインに合わせて検討するのが良さそう。例えば、求人サイトだと時給の金額だけ赤字にしていたりした。ランキングは左右

【DailyUI 012】E-commerce Shop その２

今日は「作成するECサイトの方向性を決める。」をやっていきます。作成するデザインの方向性を検討雑貨を扱うECサイトを想定する。無印良品・minneなどのサイトを参考・ベースとして商品一覧と商品詳細の2画面を作成する。作成したワイヤーフレーム商品一覧商品詳細おわりにざっくりワイヤーフレームを作成しました。商品一覧のランキングあたりのレイアウトはあんまり納得できていないので、明日もう少し検討したいなと思います。商品詳細ももう少し項目を増やしても良いかな

matcha1121k…

8か月前

1
【DailyUI 012】E-commerce Shop その１

#DailyUI これまでは1日でチャレンジしていたのですが、ECサイトは作ったことがないので、数日に分けることにしました。とりあえず、下記の形で3日に分ける予定です。既存のECサイトを巡る。作成するECサイトの方向性を決める。何のECサイトにするか、どの画面を作成するかなどデザインを作成する。でも、3日以上かかりそうな予感がひしひしとします…平日で仕事もあるので、自分にやさしく無理はしません！笑参考に見たサイト・デザイン確認いたサイトの中でいくつかピ

matcha1121k…

8か月前
【DailyUI 011】Flash Message

DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザインする際に考えたこと、気をつけた点など表示する項目アイコン（成功／失敗）タイトル（成功／失敗）

matcha1121k…

8か月前

2

【DailyUI 012】E-commerce Shop その３

matcha1121kinako

8か月前

【DailyUI 012】E-commerce Shop その２

1

matcha1121kinako

8か月前
【DailyUI 012】E-commerce Shop その１

matcha1121kinako

8か月前
【DailyUI 011】Flash Message

2

matcha1121kinako

8か月前

マガジン

参考

1本

記事

【DailyUI 010】Social Share

DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザインする際に考えたこと、気をつけた点など表示する項目共有（シェア）ボタン共有メニュー各SNS

matcha1121k…

8か月前

1
【DailyUI 010】Social Share

1

matcha1121kinako

8か月前
【DailyUI 009】Music Player

DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザインする際に考えたこと、気をつけた点など表示する項目メニュー（3点リーダー）ジャケット画像曲

matcha1121k…

8か月前
【DailyUI 009】Music Player

matcha1121kinako

8か月前
【DailyUI 008】404 Page Design

明日から３連休なので晴れやかな気持ちでDailyUIチャレンジ頑張れます！笑 DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザインする際に考えたこと、

matcha1121k…

9か月前
【DailyUI 008】404 Page Design

matcha1121kinako

9か月前
【DailyUI 007】Settings

本日、仕事始めでした！ 4,5日も休めば長期連休だったのになぁ…とちょっぴり羨ましく思いつつ、1日乗りきました…笑 DailyUIが終われば、今日のノルマは達成！ということで、今日もさくっとDailyUIチャレンジ頑張ります。 DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ

matcha1121k…

9か月前

1
【DailyUI 007】Settings

1

matcha1121kinako

9か月前
【DailyUI 006】User Profile

明日から仕事始め、年末年始休暇が終わってしまうことがかなしいですが、残りのお休み満喫するために、今日もさくっとDailyUIチャレンジ始めます！ DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調

matcha1121k…

9か月前

7
【DailyUI 006】User Profile

7

matcha1121kinako

9か月前
【DailyUI 005】App Icon

DailyUI5日目。今回はUIデザインではならないですが、せっかくなのでチャレンジしました。 DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザイン

matcha1121k…

9か月前
【DailyUI 005】App Icon

matcha1121kinako

9か月前
【DailyUI 004】Calculation

明けましておめでとうございます！元旦やる気出ない…と休みたくなり気持ちを堪えてDailyUI4日目！とってもダサい仕上がりになりましたが、色選択で時間オーバーになったため晒します。。😌 DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学

matcha1121k…

9か月前

1
【DailyUI 004】Calculation

1

matcha1121kinako

9か月前
【DailyUI 003】Landing Page

大晦日にサボらずやってえらい！！と自分を褒めつつさっくり作ります。笑 DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない。作成過程で１つは学んだことを残せるようにする。残業・体調不良などで時間がなければ休んでも良い。デザインする際に考えたこと、気をつけ

matcha1121k…

9か月前

1
【DailyUI 003】Landing Page

1

matcha1121kinako

9か月前
【DailyUI】#002 Credit Card Checkout|

こんにちは！年末年始休暇2日目のmatchaです。連休の幸せを噛みしめてます、年内の大掃除は諦めました。やりたいことが多すぎて！時間が足りない！！ということで、さくっとDailyUI2日目をやります！ DailyUIチャレンジでの個人ルールツールはFigmaを使う。ミニマルデザインを意識して作成する。制限時間を設ける。お題によるが、大体1~2時間を目安にする。未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。ただ作っただけにはしない

matcha1121k…

9か月前

1
【DailyUI】#002 Credit Card Checkout|

1

matcha1121kinako

9か月前
【DailyUI】#001 Sign Up | DaiyUIはじめました。

はじめにはじめまして、フロントエンドエンジニアのmatchaです。 noteは関心のある記事などにスキ！するためにアカウントを作っただけの見る専用の予定でした。しかし最近、UI/UXデザインを勉強する必要性を感じるようになり、何か良い勉強方法ないかな〜と調べていたら、DialyUIというものを知りました。やっぱり何事も数をこなすのが良いはず！楽しそうだし、これをやろう！！ということで、note初投稿です。よろしくお願いします！ただ、三日坊主の飽き性なので、継続

matcha1121k…

9か月前

9
【DailyUI】#001 Sign Up | DaiyUIはじめました。

9

matcha1121kinako

9か月前

マガジン

参考

最近の記事

【DailyUI 012】E-commerce Shop その３

【DailyUI 012】E-commerce Shop その２

【DailyUI 012】E-commerce Shop その１

【DailyUI 011】Flash Message

【DailyUI 012】E-commerce Shop その３

【DailyUI 012】E-commerce Shop その２

【DailyUI 012】E-commerce Shop その１

【DailyUI 011】Flash Message

【DailyUI 010】Social Share

【DailyUI 010】Social Share

【DailyUI 009】Music Player

【DailyUI 009】Music Player

【DailyUI 008】404 Page Design

【DailyUI 008】404 Page Design

【DailyUI 007】Settings

【DailyUI 007】Settings

【DailyUI 006】User Profile

【DailyUI 006】User Profile

【DailyUI 005】App Icon

【DailyUI 005】App Icon

【DailyUI 004】Calculation

【DailyUI 004】Calculation

【DailyUI 003】Landing Page

【DailyUI 003】Landing Page

【DailyUI】#002 Credit Card Checkout|

【DailyUI】#002 Credit Card Checkout|

【DailyUI】#001 Sign Up | DaiyUIはじめました。

【DailyUI】#001 Sign Up | DaiyUIはじめました。