matcha1121kinako

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

matcha1121kinako

フロントエンドエンジニア。最近、UI/UXデザインの勉強を始めました。 ※プロフ・記事確認して、スパムと判断したコメントは削除させていただきます。

マガジン

記事一覧

【DailyUI 012】E-commerce Shop その3

残業などで数日開きましたが、DailyUI#012の続き、デザインを作成する回です。 デザインする際に考えたこと、気をつけた点など雑貨を扱うECサイトを想定する。 無印良品…

matcha1121kinako
8か月前
2

【DailyUI 012】E-commerce Shop その2

今日は「作成するECサイトの方向性を決める。」をやっていきます。 作成するデザインの方向性を検討雑貨を扱うECサイトを想定する。 無印良品・minneなどのサイトを参考…

matcha1121kinako
8か月前
1

【DailyUI 012】E-commerce Shop その1

#DailyUI これまでは1日でチャレンジしていたのですが、ECサイトは作ったことがないので、数日に分けることにしました。 とりあえず、下記の形で3日に分ける予定です。 …

matcha1121kinako
8か月前

【DailyUI 011】Flash Message

DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを意識して作成する。 制限時間を設ける。お題によるが、大体1~2時間を目安にする。 未完成で…

matcha1121kinako
8か月前
2

【DailyUI 010】Social Share

DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを意識して作成する。 制限時間を設ける。お題によるが、大体1~2時間を目安にする。 未完成で…

matcha1121kinako
8か月前
1

【DailyUI 009】Music Player

DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを意識して作成する。 制限時間を設ける。お題によるが、大体1~2時間を目安にする。 未完成で…

matcha1121kinako
8か月前

【DailyUI 008】404 Page Design

明日から3連休なので晴れやかな気持ちでDailyUIチャレンジ頑張れます!笑 DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを意識して作成する…

matcha1121kinako
9か月前

【DailyUI 007】Settings

本日、仕事始めでした! 4,5日も休めば長期連休だったのになぁ…とちょっぴり羨ましく思いつつ、1日乗りきました…笑 DailyUIが終われば、今日のノルマは達成!ということ…

matcha1121kinako
9か月前
1

【DailyUI 006】User Profile

明日から仕事始め、年末年始休暇が終わってしまうことがかなしいですが、 残りのお休み満喫するために、今日もさくっとDailyUIチャレンジ始めます! DailyUIチャレンジで…

matcha1121kinako
9か月前
7

【DailyUI 005】App Icon

DailyUI5日目。 今回はUIデザインではならないですが、せっかくなのでチャレンジしました。 DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを…

matcha1121kinako
9か月前

【DailyUI 004】Calculation

明けましておめでとうございます! 元旦やる気出ない…と休みたくなり気持ちを堪えてDailyUI4日目! とってもダサい仕上がりになりましたが、色選択で時間オーバーになった…

matcha1121kinako
9か月前
1

【DailyUI 003】Landing Page

大晦日にサボらずやってえらい!!と自分を褒めつつさっくり作ります。笑 DailyUIチャレンジでの個人ルールツールはFigmaを使う。 ミニマルデザインを意識して作成する。…

matcha1121kinako
9か月前
1

【DailyUI】#002 Credit Card Checkout|

こんにちは!年末年始休暇2日目のmatchaです。 連休の幸せを噛みしめてます、年内の大掃除は諦めました。 やりたいことが多すぎて!時間が足りない!! ということで、さ…

matcha1121kinako
9か月前
1

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

はじめにはじめまして、フロントエンドエンジニアのmatchaです。 noteは関心のある記事などにスキ!するためにアカウントを作っただけの見る専用の予定でした。 しかし最…

matcha1121kinako
9か月前
9
【DailyUI 012】E-commerce Shop その3

【DailyUI 012】E-commerce Shop その3

残業などで数日開きましたが、DailyUI#012の続き、デザインを作成する回です。

デザインする際に考えたこと、気をつけた点など雑貨を扱うECサイトを想定する。

無印良品・minneなどのサイトを参考・ベースとして商品一覧と商品詳細の2画面を作成する。

値段と単位でスタイルを変更、値段を強調した。

これは色を変えるなど方法は色々とあるので、全体のデザインに合わせて検討するのが良さそう。

もっとみる
【DailyUI 012】E-commerce Shop その2

【DailyUI 012】E-commerce Shop その2

今日は「作成するECサイトの方向性を決める。」をやっていきます。

作成するデザインの方向性を検討雑貨を扱うECサイトを想定する。

無印良品・minneなどのサイトを参考・ベースとして商品一覧と商品詳細の2画面を作成する。

作成したワイヤーフレーム

商品一覧

商品詳細

おわりにざっくりワイヤーフレームを作成しました。
商品一覧のランキングあたりのレイアウトはあんまり納得できていないので、

もっとみる
【DailyUI 012】E-commerce Shop その1

【DailyUI 012】E-commerce Shop その1

#DailyUI

これまでは1日でチャレンジしていたのですが、ECサイトは作ったことがないので、数日に分けることにしました。
とりあえず、下記の形で3日に分ける予定です。

既存のECサイトを巡る。

作成するECサイトの方向性を決める。何のECサイトにするか、どの画面を作成するかなど

デザインを作成する。
でも、3日以上かかりそうな予感がひしひしとします…平日で仕事もあるので、自分にやさし

もっとみる
【DailyUI 011】Flash Message

【DailyUI 011】Flash Message

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残せるようにする。

残業・体調不良などで時間がなければ休んでも良い。

デザインする際に考えたこと、

もっとみる
【DailyUI 010】Social Share

【DailyUI 010】Social Share

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残せるようにする。

残業・体調不良などで時間がなければ休んでも良い。

デザインする際に考えたこと、

もっとみる
【DailyUI 009】Music Player

【DailyUI 009】Music Player

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残せるようにする。

残業・体調不良などで時間がなければ休んでも良い。

デザインする際に考えたこと、

もっとみる
【DailyUI 008】404 Page Design

【DailyUI 008】404 Page Design

明日から3連休なので晴れやかな気持ちでDailyUIチャレンジ頑張れます!笑

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残せるようにする。

もっとみる
【DailyUI 007】Settings

【DailyUI 007】Settings

本日、仕事始めでした!
4,5日も休めば長期連休だったのになぁ…とちょっぴり羨ましく思いつつ、1日乗りきました…笑

DailyUIが終われば、今日のノルマは達成!ということで、今日もさくっとDailyUIチャレンジ頑張ります。

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

もっとみる
【DailyUI 006】User Profile

【DailyUI 006】User Profile

明日から仕事始め、年末年始休暇が終わってしまうことがかなしいですが、
残りのお休み満喫するために、今日もさくっとDailyUIチャレンジ始めます!

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作

もっとみる
【DailyUI 005】App Icon

【DailyUI 005】App Icon

DailyUI5日目。
今回はUIデザインではならないですが、せっかくなのでチャレンジしました。

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残

もっとみる
【DailyUI 004】Calculation

【DailyUI 004】Calculation

明けましておめでとうございます!
元旦やる気出ない…と休みたくなり気持ちを堪えてDailyUI4日目!
とってもダサい仕上がりになりましたが、色選択で時間オーバーになったため晒します。。😌

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnote

もっとみる
【DailyUI 003】Landing Page

【DailyUI 003】Landing Page

大晦日にサボらずやってえらい!!と自分を褒めつつさっくり作ります。笑

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%の出来でもnoteに記事を書いて、やったことを残す。

ただ作っただけにはしない。作成過程で1つは学んだことを残せるようにする。

残業・体

もっとみる
【DailyUI】#002 Credit Card Checkout|

【DailyUI】#002 Credit Card Checkout|

こんにちは!年末年始休暇2日目のmatchaです。
連休の幸せを噛みしめてます、年内の大掃除は諦めました。
やりたいことが多すぎて!時間が足りない!!

ということで、さくっとDailyUI2日目をやります!

DailyUIチャレンジでの個人ルールツールはFigmaを使う。

ミニマルデザインを意識して作成する。

制限時間を設ける。お題によるが、大体1~2時間を目安にする。

未完成でも70%

もっとみる
【DailyUI】#001 Sign Up | DaiyUIはじめました。

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

はじめにはじめまして、フロントエンドエンジニアのmatchaです。
noteは関心のある記事などにスキ!するためにアカウントを作っただけの見る専用の予定でした。

しかし最近、UI/UXデザインを勉強する必要性を感じるようになり、何か良い勉強方法ないかな〜と調べていたら、DialyUIというものを知りました。

やっぱり何事も数をこなすのが良いはず!楽しそうだし、これをやろう!!

ということで、

もっとみる