ユキ＠Webデザイン

・2026.4〜 #デイトラ Webデザイン受講中
・元美容業界元マネージャーの視点を活かして学び中

[ユキ＠Webデザイン @yuki_web_study]

今日から学習用アカウントを開始しました！

4月から #デイトラ でWebデザインを学んでいます。 元美容業界エリアマネージャーから一転、今はFigmaの難しさに震えながら新しい挑戦を楽しんでいます💻
4月生の皆さん、学習中の皆さんと繋がりたいです。よろしくお願いします🌿 #Webデザイン勉強中

[ユキ＠Webデザイン @yuki_web_study]

DAY9〜10 LPトレース
SP版やっと完了！

PC版に続いてSP版も終わった
達成感はあるけど
コンポーネント
オートレイアウト
レイヤーはまだまだ課題💦

次はもっと迷わず触れるように
少しずつ理解を深めていくしかない💪

#デイトラ #Webデザイン勉強中 #Figma

[ユキ＠Webデザイン @yuki_web_study]

6月7日にデイトラ中級LPトレースの動画を一旦見て、
難しすぎて足踏みしてたけど💦
今日やっとPC版が終わった…

オートレイアウトとレイヤーに
何度も振り回された…。

コンポーネントももっと慣れないと。。。
次はSP版トレースを実践。
少し前進��
#デイトラ #Figma #Webデザイン

[ユキ＠Webデザイン @yuki_web_study]

中級 DAY7〜8、ついにLPトレースへ

PC編の動画、前半だけで1時間12分…！
後半も合わせると2時間以上らしい💦

「動画あるやん…！」と
内心かなりホッとしてます笑

まずは一旦全部見て
流れを掴んでからトレース予定

時間かかりそうやけど、ここは踏ん張りどころ

#デイトラ #Webデザイン #Figma

[ユキ＠Webデザイン @yuki_web_study]

テキストを読みながら
進めたオートレイアウト、
なかなか理解できず苦戦。
「なんで動かへんの？」
と思ったけど、
動くのは文字じゃなく箱。
本文はFill、
タイトルは内包やった…
やっと次に行ける！

#デイトラ #Webデザイン #Figma

[ユキ＠Webデザイン @yuki_web_study]

デイトラ中級
オートレイアウトで
早速つまずく…。

テキストだけやと正直
本読んでるのと一緒やんってなる。。。

正直。
動画で手順見たかったなぁ。

でもLP作成まで
焦らず一歩ずつ進む。

少しずつ前進

#デイトラ #Webデザイン #Figm

[ユキ＠Webデザイン @yuki_web_study]

2枚目：ブラッシュアップ後

メンターさんのFBをもとに

商品・コップの切り抜き（苦戦）
文字位置と行間
ランキング整理
下部アイコンを調整。。。

見落としもあり
細部チェックの大切さを実感

#デイトラ #Webデザイン #Figma

[ユキ＠Webデザイン @yuki_web_study]

デイ���ラ「プロテイン広告バナー課題」

1枚目：ブラッシュアップ前

まずは提出まで完了

今回はアイコン探しと
人物まわりのぼかし調整に苦戦💦

素材を探すだけでも
想像以上に時間がかかりました…

#デイトラ #Webデザイン #Figma

[ユキ＠Webデザイン @yuki_web_study]

メンターさんのFBをもとにバナーを修正。

・300名様の影を削除
・10,000円分の影を薄く調整
・スーツケースを削除
・締切まわりの文字色をグレーに変更

少し引き算するだけで、
見やすさが変わるのを実感。
#デイトラ #Webデザイン #Figma #バナー制作

[ユキ＠Webデザイン @yuki_web_study]

デイトラ初級編のバナー課題
提出完了…

アイコン探し
点線のあしらい
CTAボタン
締切帯
書き出し
Discord投稿まで
家事を挟みつつ、気づけば約7時間。
時間はかかったけど
最後まで形にできたのは大きな一歩��な？

#デイトラ #Webデザイン #Figma #デザイン学習

[ユキ＠Webデザイン @yuki_web_study]

デイトラのバナ添。

直したつもりが、なぜか悪くなる。
あるあるすぎて悔しい。
でも見直してみると、
色を増やしすぎていたり、
情報を詰め込みすぎていたり。

今日の学びは、
���ザインは足すより削る。
余白と整理、大事。

たぶん。。。

#デイトラ
#バナ添
#Figma
#Webデザイン勉強中
#バナー

[ユキ＠Webデザイン @yuki_web_study]

バナ添結果【卓球場チラシ】
1回目：65点 2回目：68点 3回目：62点
修正に半日かけた3回目、
要素を盛り込みすぎて点数は下がったけど
「引き算」の重要性を学ぶ大きな一歩に。
バナ添のアドバイスを胸に、
70点超えを目指してまた頑張ります🔥
#デイトラ #Webデザイン

[ユキ＠Webデザイン @yuki_web_study]

デイ��ラsakiさんの「Figma基本の使い方」動画で
コンポーネント登録の便利さに痺れました🎨
見るだけと手を動かすの、全然違う！
ヒーローセレクション作ってみました✨

#デイトラ #Figma学習 #Webデザイン独学 #Web制作独学

[ユキ＠Webデザイン @yuki_web_study]

Day12〜13のデザイン課題③
卓球場のチラシ作成
価格部分の視認性が少し気になりつつも、
結構時間をかけた部分なのでいったん完了！
次の課題も頑張っていきたいです✨
#デイトラ #WEBデザイン #Figma

[ユキ＠Webデザイン @yuki_web_study]

【DAY9ｰ10 営業資料作成】 4原則を意識。
・余白は視線誘導の仕掛け
・塗りつぶしでページの「顔」を作る
・文章は図解して一瞬で伝える
「正しく作る」から「見たくなる」への壁。
パワポ時代の詰め込み癖を脱却して、
もっと大胆にデザインを楽しみたい‼
#デイトラ #Webデザイン

[ユキ＠Webデザイン @yuki_web_study]

【Day8】LINEバナー課題に挑戦📱

強弱・反復・整列・近接の4原則を意識しながら制作してみました✨
理論を知ってから作ると、見え方が変わるんだなぁと実感中🌱

#デイトラ #Figma #デザイン初心者 #WEBデザイン

[ユキ＠Webデザイン @yuki_web_study]

【6日目~7日目 バナー作成】 　
「���ップで親しみやすく」のはずが、大苦戦💧メインの「即戦力デザイナー」という文字を傾けるだけに格闘すること1時間。2日前に学んだことを、今日綺麗さっぱり忘れている自分…#デイトラ #Webデザイン勉強中 #Figma

[ユキ＠Webデザイン @yuki_web_study]

【Day 5 ｜ Cafe Trace】
想像以上に手強かったですが、なんとか完成！ 1pxの重みを実感した時間でした。
✅ カフェバナーのトレース
#デイトラ #Webデザイン勉強中 #Figma