
【デイトラ】初級編での制作物まとめ
1月30日からデイトラを始めました。
初級編をクリアしたので、制作物をまとめます。
トレース
LP・名刺・バナーのトレースを行いました。全てFigmaでトレースしています。
Webデザイン初級編「DAY 6 LPトレースの方法を知ろう」をクリアしました。 https://t.co/H4mTuLBuK8 #デイトラ #Webデザイン pic.twitter.com/EYm1Nkc427
— タバタ|UI・Web (@tbtnykk) February 2, 2023
Webデザイン初級編「DAY 10 Figmaでバナーをトレースしよう」をクリアしました。 https://t.co/LvLnObPkJs #デイトラ #Webデザイン pic.twitter.com/PV7O65hXOx
— タバタ|UI・Web (@tbtnykk) February 3, 2023
PCと共通スタイルのところが多く、フォントサイズや余白などを丁寧に確認しながらも1時間くらいでスムーズにトレースできました。
— タバタ|UI・Web (@tbtnykk) February 9, 2023
Webデザイン初級編「DAY 21 figmaでLP(SP版)をトレースしよう2」をクリアしました。 https://t.co/PTgyvIev3S #デイトラ #Webデザイン pic.twitter.com/FSNfE5EGyh
バナー
お花まつりシリーズな2課題、作成しました〜。
— タバタ|UI・Web (@tbtnykk) February 7, 2023
だんだんメリハリづけを大胆にできるようになってきました。#デイトラ #バナーデザイン pic.twitter.com/8JMiEPtFJp
320×100pxのバナー課題。どれが押したくなりますか?🌻#デイトラ #バナーデザイン pic.twitter.com/25ogBpQ1nk
— タバタ|UI・Web (@tbtnykk) February 8, 2023
LP
2種類のLPを同時並行でデザインしました。
Webデザイン初級編「DAY 27 実践編!LPを作成しよう1-3」をクリアしました。 https://t.co/iuywEdJeW1 #デイトラ #Webデザイン
— タバタ|UI・Web (@tbtnykk) February 16, 2023
同時並行で制作中のジムLPは進捗半分くらい。 pic.twitter.com/hE8D8A4QUo
https://t.co/esaWzgpfoM #デイトラ #Webデザイン
— タバタ|UI・Web (@tbtnykk) February 20, 2023
次はSP版つくるぞ〜 pic.twitter.com/o5xoXsRJAm
▼ SP版のデザイン
Webデザイン初級編「DAY 28 実践編!LPを作成しよう1-4」をクリアしました。 https://t.co/fz3hhN04Er #デイトラ #Webデザイン
— タバタ|UI・Web (@tbtnykk) February 21, 2023
ジムLPも同様に進めまする〜 pic.twitter.com/rzxpFZsdkw
Webデザイン初級編「DAY 28 実践編!LPを作成しよう1-4」をクリアしました。 https://t.co/nUPWFf6ie6 #デイトラ #Webデザイン
— タバタ|UI・Web (@tbtnykk) February 27, 2023
あちこち調整必要ですが2枚目もできました! pic.twitter.com/7eKYn8rXJz
画面のスクレコはChrome拡張機能のScreen Recorder for Google Chromeで撮ってWEBMをTwitter対応のMP4に変換しています。
ウィークリーデザイン
毎週1お題をSlack展開いただき、1週間以内に制作物をTwitterに投稿する「ウィークリーデザイン」。
今のところ毎週提出しています。
#ウィークリーデザイン #デイトラ
— タバタ|UI・Web (@tbtnykk) February 6, 2023
「本格的な婚活アプリ」という要件定義から、ドラマチックなストーリー感と高級感を醸し出せるよう意識して作りました。
写真の配置がバチっと決まらん…でもこれで今週は提出! pic.twitter.com/JGbdgBtJ6G
P課題での紫・高級感の要件を入れ、パッと伝わるようにTHE化粧品バナーの雰囲気を意識しました。
— タバタ|UI・Web (@tbtnykk) February 15, 2023
年代高すぎ・ちょっと保守的すぎかな…でも伝えたいことはしっかり表現できたと思います!#ウィークリーデザイン #デイトラ pic.twitter.com/MQiNSeg2g0
#ウィークリーデザイン #デイトラ
— タバタ|UI・Web (@tbtnykk) February 21, 2023
ノープランでのんびりネットサーフィンをする幸せな時間を場面として選びました。
誰でも向けにわかりやすいパキッと感・写真の夏っぽさに合わせて彩色しました。 pic.twitter.com/pJzaIeGkEV
納得いくものなど一生かけても提出できませんので、恥ずかしかろうが下手だろうがとにかく外に出してしまうようにしています。
何もしないでかっこつけているのが一番ダサいと思っています。
ただ写真選びはもっと時間かけてやろうか自分…
制作してみて
仕事で感じていた力不足を補えている
仕事ですでにFigmaを使い倒し・サイトのリニューアルディレクションなども行っているため、正直「もう知ってる」ことが多かったです。
ただ実際に手を動かすとなると別。LPのデザインは仕事の中で本当に力不足を感じていました。要素配置やUI導線などはそこそこできるものの、グラフィックのコンセプト決定と制作が本当に弱いです。
しかし今回受講しながら、少しずつ力がついていっていることを実感しています。
ポートフォリオに(練習の様子として)書ける
ポートフォリオサイトに「 Practice」セクションを作っているので、そこにLP作品を追加します。バナーはもっと量を作ってまとめて掲載します。
仕事外の時間にメリハリがつく
BONOでお世話になっていた時も同じですが、日々が忙しくめちゃ充実します。隙あらば制作できるように、
早朝にやること・制作物の要件確認、時間があれば実際に制作スタート
仕事中は仕事
隙間時間に少しでも制作
夕食を食べながら制作、もしくは制作関連の動画を観る
と、とにかく1日をフルで使いたくなります。(何もしない時間はお風呂で作っています)
次にやること
デイトラ中級編をクリアします。
ポートフォリオサイトの見直し・徹底修正を行います。
ウィークリーデザインを引き続き投稿します。
制作物全般でもっと丁寧にフォント・画像・配色を選ぶようにします。