shimo_t

駆け出しのWEBデザイナーです。 2021年12月後半からスクールに通い始めました! …

shimo_t

駆け出しのWEBデザイナーです。 2021年12月後半からスクールに通い始めました! 今はまだ授業が始まっていないので自習期間です。 日々新しいことを学び、蓄え、制作に生かしていきたいと思います。 noteには日記をつけていきたいと思います。 よろしくお願いいたします。

記事一覧

授業最終日を迎えて

いよいよ、スクールでの受講期間が終了しました! 長いようで短い約5ヶ月間でしたが毎日のお勉強に加え、発信活動としてのnoteも期間中、1日も欠けることなく行うことが出…

shimo_t
1年前
7

166日目 ポートフォリオサイト タブ切り替え下地を作る

WEBデザイン日記166日目です! 本日はポートフォリオサイト制作のみ行いました。 ペンタブも設定したかったですが、時間が無くて断念・・・ タブ切り替えで制作物を表示さ…

shimo_t
1年前
2

165日目 ペンタブが届きました!

WEBデザイン日記165日目です! 昨日頼んだペンタブが早くも届いたので開封してみましたのでご紹介していきます。その他、本日はポートフォリオサイトをコーディングし始め…

shimo_t
1年前
1

164日目 イラストが描きたくて

WEBデザイン日記164日目です! ポートフォリオに載せる自分の似顔絵を書いてみようかなと思い、イラストを書くための機材をAmazonで購入しました。まだ届いていないので機…

shimo_t
1年前
3

163日目 ポートフォリオにバナーを載せてみる

WEBデザイン日記163日目です! 本日はポートフォリオに昨日修正したバナーを載せてみました。 その時気づいた部分や悩んだ部分を書いていきたいと思います! バナーと説明…

shimo_t
1年前
2

162日目 ポートフォリオデザインとそれ道

WEBデザイン日記162日目です! 本日もポートフォリオサイトのデザインを行いました。デザインをしていると、昔作ったバナーを目にする機会があるのですが、懐かしさを覚え…

shimo_t
1年前
4

161日目 サイトの文章位置を揃えてみる

WEBデザイン日記161日目です! 本日は作ったサイトの中で文章の表示について着目し、修正を行ってみました。スクールからアドバイスを貰え、字下げをするといいよというア…

shimo_t
1年前
2

160日目 薄い背景と白文字の使い方について

WEBデザイン日記160日目です! 本日は薄い背景に白い文字を載せた際に使える方法を紹介していきます。 簡単にできる方法を3つご紹介! 白っぽい画像に白い文字を載せたいと…

shimo_t
1年前

159日目 Twitterアイコン利用規約について

WEBデザイン日記159日目です! 本日はポートフォリオに使おうと思っていたアイコンについて利用規約があることを知ったので調べてわかったことをまとめてみたいと思います…

shimo_t
1年前

158日目 ポートフォリオサイトのデザインに苦しむ(笑)

WEBデザイン日記158日目です! 本日はポートフォリオサイトの続きを行いました。 初稿段階ができ、スクールで見てもらうとたくさんの修正個所がありました!まだまだデザイ…

shimo_t
1年前
3

157日目 チーム制作活動最終発表とチーム活動の終わり

WEBデザイン日記157日目です! 本日はスクールでのチーム制作の最終日ということでサイト紹介を兼ねたプレゼンがありました。他チームも含め、合計4チームの制作発表があり…

shimo_t
1年前
1

156日目 チーム活動でやってよかったこと

WEBデザイン日記156日目です! スクールでのチーム制作がいよいよ明日で終わりを迎えます。 今まで活動してきて、やっていてよかった部分を書いていきたいと思います。 や…

shimo_t
1年前
2

155日目 サイト完了チェック

WEBデザイン日記155日目です! 本日はチーム制作サイトの最終報告が近いのでちゃんと動くのかチェックを行いました。画像がちゃんと表示されているかなど地道な作業ではあ…

shimo_t
1年前

154日目 画像の切り抜き

WEBデザイン日記154日目です! 本日は画像の切り抜きということで、久々にPhotoshopで画像を切り抜いてみました! 画像は私が育てている観葉植物と愛用のギターで、カメラ…

shimo_t
1年前

153日目 CSSファイル管理について

WEBデザイン日記153日目です! コーディングをしていると共通しているパーツまたは1ページにしか使わないパーツに分けられます。 そんな時、コードを記載する場所を分けて…

shimo_t
1年前
1

152日目 フォントを考える

WEBデザイン日記152日目です! 本日は昨日に引き続き、ポートフォリオサイトデザインを考えました。 昨日はデザインについて考え、TOPの初稿が完成しました。残すはフォン…

shimo_t
1年前
2
授業最終日を迎えて

授業最終日を迎えて

いよいよ、スクールでの受講期間が終了しました!
長いようで短い約5ヶ月間でしたが毎日のお勉強に加え、発信活動としてのnoteも期間中、1日も欠けることなく行うことが出来正直ホッとしています( *¯ ꒳¯*)✨

最終日を迎え一旦noteでの活動は終わりを迎えますが、これからはお勉強も兼ねてワードプレスからの発信をしていきます!

本記事ではクリエイターズファクトリーを選んだ理由から受講期間中、どの

もっとみる
166日目 ポートフォリオサイト タブ切り替え下地を作る

166日目 ポートフォリオサイト タブ切り替え下地を作る

WEBデザイン日記166日目です!
本日はポートフォリオサイト制作のみ行いました。
ペンタブも設定したかったですが、時間が無くて断念・・・
タブ切り替えで制作物を表示させるようにしたいと思っていて、その下地を作ってみました!

タブ切り替え下地制作このように項目ごとにタブを表示させ、そのタブタイトルに関連する制作物をそれぞれに表示させようとしています。

時間が無くてまだ、タブ切り替えの動作コーデ

もっとみる
165日目 ペンタブが届きました!

165日目 ペンタブが届きました!

WEBデザイン日記165日目です!
昨日頼んだペンタブが早くも届いたので開封してみましたのでご紹介していきます。その他、本日はポートフォリオサイトをコーディングし始めましたがなんだか疲れてしまったので本記事ではペンタブ紹介のみ行います!

いざ開封!ペンタブの外箱になります!
特にへこみや汚れもなくきれいな状態で届き一安心です(*'▽')
対応ソフトウェアも私が想定していた通りPhotoshopを

もっとみる
164日目 イラストが描きたくて

164日目 イラストが描きたくて

WEBデザイン日記164日目です!
ポートフォリオに載せる自分の似顔絵を書いてみようかなと思い、イラストを書くための機材をAmazonで購入しました。まだ届いていないので機材スペックなどを紹介していきたいと思います!
後半ではサイト分析も軽くしてみました!

XP-PEN Decoシリーズ今回購入した商品がこちら!

ブランド兼メーカー:XP-Pen
対応OS:Windows7以降、Mac X10

もっとみる
163日目 ポートフォリオにバナーを載せてみる

163日目 ポートフォリオにバナーを載せてみる

WEBデザイン日記163日目です!
本日はポートフォリオに昨日修正したバナーを載せてみました。
その時気づいた部分や悩んだ部分を書いていきたいと思います!

バナーと説明

バナーをポートフォリオに載せてみました!
ポートフォリオといってもデザイン作成段階ですが(笑)
バナーを載せ、タイトル、ターゲット、こだわりという3部構成で表示させようかなと考えていますが、内容を決めるときいくつか困ったことが

もっとみる
162日目 ポートフォリオデザインとそれ道

162日目 ポートフォリオデザインとそれ道

WEBデザイン日記162日目です!
本日もポートフォリオサイトのデザインを行いました。デザインをしていると、昔作ったバナーを目にする機会があるのですが、懐かしさを覚えつつ、もう少しここを直すといいななどと今になって思うところがありましたので書いていきたいと思います。

ポートフォリオに載せる位置調整

こんな感じで載せていこうかなとバナーをペタペタと貼っていました。
こうして今まで作ってきたバナー

もっとみる
161日目 サイトの文章位置を揃えてみる

161日目 サイトの文章位置を揃えてみる

WEBデザイン日記161日目です!
本日は作ったサイトの中で文章の表示について着目し、修正を行ってみました。スクールからアドバイスを貰え、字下げをするといいよというアドバイスをもとに修正し、どこまでやったらいいか少し遊びながら学んでみました!

修正前内容はnote用に修正したものになります。
今回は上記画像のようなマップ+文章の組み合わせといったデザインとなっています!

この中で指摘を受けたの

もっとみる
160日目 薄い背景と白文字の使い方について

160日目 薄い背景と白文字の使い方について

WEBデザイン日記160日目です!
本日は薄い背景に白い文字を載せた際に使える方法を紹介していきます。
簡単にできる方法を3つご紹介!
白っぽい画像に白い文字を載せたいときってあると思いますがそんな時に使える方法です!

1.文字を太くするorフォントを変えてみる

左のような通常の太さで配置すると文字がかすんでしまい背景色と同化してしまい、読みづらい印象を持ちます。

そんな時は太くしてみたり、

もっとみる
159日目 Twitterアイコン利用規約について

159日目 Twitterアイコン利用規約について

WEBデザイン日記159日目です!
本日はポートフォリオに使おうと思っていたアイコンについて利用規約があることを知ったので調べてわかったことをまとめてみたいと思います。

規約規約というとなんだか堅苦しく聞こえます(笑)
でも大切で、アイコンを使うときに気を付けてねとTwitter社から注意点を書いてくれていますのでしっかりと呼んで規約内の範囲で使っていく必要があります!

ページを開くと英語がず

もっとみる
158日目 ポートフォリオサイトのデザインに苦しむ(笑)

158日目 ポートフォリオサイトのデザインに苦しむ(笑)

WEBデザイン日記158日目です!
本日はポートフォリオサイトの続きを行いました。
初稿段階ができ、スクールで見てもらうとたくさんの修正個所がありました!まだまだデザインが弱いなと感じつつ、何が悪かったのかを知ることが出来ました。

何が悪かったのか書いていき、今後どのように修正していくのか書いていきたいと思います。

アイコンの多用

少し遊びすぎてしまいしっかりとご指摘を受けました(笑)
テキ

もっとみる
157日目 チーム制作活動最終発表とチーム活動の終わり

157日目 チーム制作活動最終発表とチーム活動の終わり

WEBデザイン日記157日目です!
本日はスクールでのチーム制作の最終日ということでサイト紹介を兼ねたプレゼンがありました。他チームも含め、合計4チームの制作発表があり、チームごとの特色が出てたくさんの刺激が得られました!
本記事ではチーム制作を振り返りを書いていきたいと思います(複数記事に分けるかもしれません)。

メンバー決定とチーム発足チーム活動事前アンケート

まず、スクールからアンケート

もっとみる
156日目 チーム活動でやってよかったこと

156日目 チーム活動でやってよかったこと

WEBデザイン日記156日目です!
スクールでのチーム制作がいよいよ明日で終わりを迎えます。
今まで活動してきて、やっていてよかった部分を書いていきたいと思います。

やっていてよかったこと進捗を報告する。

わからないことは聞く。

議事録(メモ)を見返す。

細かい部分で忘れそうな部分は率先して自分がやる。

決められた仕事は短期間で終わらせる。

タスク管理。

1.進捗を報告する

チーム

もっとみる
155日目 サイト完了チェック

155日目 サイト完了チェック

WEBデザイン日記155日目です!
本日はチーム制作サイトの最終報告が近いのでちゃんと動くのかチェックを行いました。画像がちゃんと表示されているかなど地道な作業ではありますがとても大切なので丁寧に行いました。

①リンク確認サイトにはたくさんのリンクが存在しています。
複数ページがあるサイトとなるとなおさら多くのリンクがあります。
コードでリンクを書くと飛ばす先が同じでも、コードが違うことが多々あ

もっとみる
154日目 画像の切り抜き

154日目 画像の切り抜き

WEBデザイン日記154日目です!
本日は画像の切り抜きということで、久々にPhotoshopで画像を切り抜いてみました!
画像は私が育てている観葉植物と愛用のギターで、カメラマンも私、カメラはスマホです(笑)

元写真かなり背景がごちゃごちゃしていますが果たしてきれいに切り抜けるのか不安です(笑)

切抜きPhotoshopには便利機能として被写体の選択というものがあります。
画像を選択した状態

もっとみる
153日目 CSSファイル管理について

153日目 CSSファイル管理について

WEBデザイン日記153日目です!
コーディングをしていると共通しているパーツまたは1ページにしか使わないパーツに分けられます。
そんな時、コードを記載する場所を分けてコードを書いていき管理します。
ファイルを分けるときの注意点を書いていきたいと思います。
本日はチーム制作コーディングの続きを行いました。

CSSファイルコーディングをしていると以下のようなファイルを作ると思います。

index

もっとみる
152日目 フォントを考える

152日目 フォントを考える

WEBデザイン日記152日目です!
本日は昨日に引き続き、ポートフォリオサイトデザインを考えました。
昨日はデザインについて考え、TOPの初稿が完成しました。残すはフォントを考えてデザインに反映させるという作業です。
「フォント おしゃれ」などと検索するといろいろと紹介しているサイトがあり、実際に調べた中で、現時点でおしゃれだなと感じたフォントをまとめてみたいと思いました。

欧文フォントRobo

もっとみる