shimo_t

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

shimo_t

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

授業最終日を迎えて

いよいよ、スクールでの受講期間が終了しました！ 長いようで短い約5ヶ月間でしたが毎日のお勉強に加え、発信活動としてのnoteも期間中、1日も欠けることなく行うことが出来正直ホッとしています( *¯ ꒳¯*)✨ 最終日を迎え一旦noteでの活動は終わりを迎えますが、これからはお勉強も兼ねてワードプレスからの発信をしていきます！ 本記事ではクリエイターズファクトリーを選んだ理由から受講期間中、どのようにして時間を捻出してきたか、WEB制作のお勉強を通じて何を学んだのかなどスク

shimo_t

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

      WEBデザイン日記166日目です！ 本日はポートフォリオサイト制作のみ行いました。 ペンタブも設定したかったですが、時間が無くて断念・・・ タブ切り替えで制作物を表示させるようにしたいと思っていて、その下地を作ってみました！ タブ切り替え下地制作このように項目ごとにタブを表示させ、そのタブタイトルに関連する制作物をそれぞれに表示させようとしています。 時間が無くてまだ、タブ切り替えの動作コーディングは行えていませんが、おおよその下地が出来たのでそれぞれのタブ内容をコードの

      shimo_t

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

        WEBデザイン日記165日目です！ 昨日頼んだペンタブが早くも届いたので開封してみましたのでご紹介していきます。その他、本日はポートフォリオサイトをコーディングし始めましたがなんだか疲れてしまったので本記事ではペンタブ紹介のみ行います！ いざ開封！ペンタブの外箱になります！ 特にへこみや汚れもなくきれいな状態で届き一安心です(*'▽') 対応ソフトウェアも私が想定していた通りPhotoshopをはじめとするペイントツール全般に対応していそうなのでよかったです。 その他は使

        shimo_t

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

          WEBデザイン日記164日目です！ ポートフォリオに載せる自分の似顔絵を書いてみようかなと思い、イラストを書くための機材をAmazonで購入しました。まだ届いていないので機材スペックなどを紹介していきたいと思います！ 後半ではサイト分析も軽くしてみました！ XP-PEN　Decoシリーズ今回購入した商品がこちら！ ブランド兼メーカー：XP-Pen 対応OS：Windows7以降、Mac　X10.10以降、android6.0以降等 価格：6500円(2022年6月時点)

          shimo_t

        授業最終日を迎えて

        shimo_t

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

          WEBデザイン日記163日目です！ 本日はポートフォリオに昨日修正したバナーを載せてみました。 その時気づいた部分や悩んだ部分を書いていきたいと思います！ バナーと説明 バナーをポートフォリオに載せてみました！ ポートフォリオといってもデザイン作成段階ですが（笑） バナーを載せ、タイトル、ターゲット、こだわりという3部構成で表示させようかなと考えていますが、内容を決めるときいくつか困ったことがありましたので何が困ったか、どうしたか、これからどうするかを書いていきたいと思い

          shimo_t

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

          shimo_t

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

          WEBデザイン日記162日目です！ 本日もポートフォリオサイトのデザインを行いました。デザインをしていると、昔作ったバナーを目にする機会があるのですが、懐かしさを覚えつつ、もう少しここを直すといいななどと今になって思うところがありましたので書いていきたいと思います。 ポートフォリオに載せる位置調整 こんな感じで載せていこうかなとバナーをペタペタと貼っていました。 こうして今まで作ってきたバナーを見ていると、作っていた時のことを思い出したりして懐かしさを覚えました。 作っ

          shimo_t

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

          shimo_t

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

          WEBデザイン日記161日目です！ 本日は作ったサイトの中で文章の表示について着目し、修正を行ってみました。スクールからアドバイスを貰え、字下げをするといいよというアドバイスをもとに修正し、どこまでやったらいいか少し遊びながら学んでみました！ 修正前内容はnote用に修正したものになります。 今回は上記画像のようなマップ＋文章の組み合わせといったデザインとなっています！ この中で指摘を受けたのが「※テキストテキスト・・・」の部分で、※のすぐ下に文章が来るとあまりよくないと

          shimo_t

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

          shimo_t

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

          WEBデザイン日記160日目です！ 本日は薄い背景に白い文字を載せた際に使える方法を紹介していきます。 簡単にできる方法を3つご紹介！ 白っぽい画像に白い文字を載せたいときってあると思いますがそんな時に使える方法です！ １．文字を太くするorフォントを変えてみる 左のような通常の太さで配置すると文字がかすんでしまい背景色と同化してしまい、読みづらい印象を持ちます。 そんな時は太くしてみたり、フォントを変えてみると読みやすくなります。 真っ白に近い背景には使えませんが、今

          shimo_t

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

          shimo_t

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

          WEBデザイン日記159日目です！ 本日はポートフォリオに使おうと思っていたアイコンについて利用規約があることを知ったので調べてわかったことをまとめてみたいと思います。 規約規約というとなんだか堅苦しく聞こえます（笑） でも大切で、アイコンを使うときに気を付けてねとTwitter社から注意点を書いてくれていますのでしっかりと呼んで規約内の範囲で使っていく必要があります！ ページを開くと英語がずらっと並び、しかも翻訳が効かないというおまけつきで表示されます・・・ 英語が苦手

          shimo_t

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

          shimo_t

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

          WEBデザイン日記158日目です！ 本日はポートフォリオサイトの続きを行いました。 初稿段階ができ、スクールで見てもらうとたくさんの修正個所がありました！まだまだデザインが弱いなと感じつつ、何が悪かったのかを知ることが出来ました。 何が悪かったのか書いていき、今後どのように修正していくのか書いていきたいと思います。 アイコンの多用 少し遊びすぎてしまいしっかりとご指摘を受けました（笑） テキストとなっていますが、各文章に合っていそうなアイコンを文章の頭に持ってきました。

          shimo_t

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

          shimo_t

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

          WEBデザイン日記157日目です！ 本日はスクールでのチーム制作の最終日ということでサイト紹介を兼ねたプレゼンがありました。他チームも含め、合計4チームの制作発表があり、チームごとの特色が出てたくさんの刺激が得られました！ 本記事ではチーム制作を振り返りを書いていきたいと思います（複数記事に分けるかもしれません）。 メンバー決定とチーム発足チーム活動事前アンケート まず、スクールからアンケートがありました。 内容は、コーディングがメインでやりたいか、デザインがメインでやり

          shimo_t

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

          shimo_t

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

          WEBデザイン日記156日目です！ スクールでのチーム制作がいよいよ明日で終わりを迎えます。 今まで活動してきて、やっていてよかった部分を書いていきたいと思います。 やっていてよかったこと進捗を報告する。 わからないことは聞く。 議事録(メモ)を見返す。 細かい部分で忘れそうな部分は率先して自分がやる。 決められた仕事は短期間で終わらせる。 タスク管理。 １．進捗を報告する チームメンバーが各地に点在しており、顔を合わすことが出来ないフルオンラインチームでした

          shimo_t

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

          shimo_t

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

          WEBデザイン日記155日目です！ 本日はチーム制作サイトの最終報告が近いのでちゃんと動くのかチェックを行いました。画像がちゃんと表示されているかなど地道な作業ではありますがとても大切なので丁寧に行いました。 ①リンク確認サイトにはたくさんのリンクが存在しています。 複数ページがあるサイトとなるとなおさら多くのリンクがあります。 コードでリンクを書くと飛ばす先が同じでも、コードが違うことが多々あります。コードが違うということはたとえリンク先が同じでも機能しない可能性がありま

          shimo_t

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

          shimo_t

          154日目　画像の切り抜き

          WEBデザイン日記154日目です！ 本日は画像の切り抜きということで、久々にPhotoshopで画像を切り抜いてみました！ 画像は私が育てている観葉植物と愛用のギターで、カメラマンも私、カメラはスマホです（笑） 元写真かなり背景がごちゃごちゃしていますが果たしてきれいに切り抜けるのか不安です（笑） 切抜きPhotoshopには便利機能として被写体の選択というものがあります。 画像を選択した状態で、選択ツールを選び、被写体の選択をクリックすると自動で主要なオブジェクトを抽出

          shimo_t

          154日目　画像の切り抜き

          shimo_t

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

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

          shimo_t

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

          shimo_t

          152日目　フォントを考える

          WEBデザイン日記152日目です！ 本日は昨日に引き続き、ポートフォリオサイトデザインを考えました。 昨日はデザインについて考え、TOPの初稿が完成しました。残すはフォントを考えてデザインに反映させるという作業です。 「フォント　おしゃれ」などと検索するといろいろと紹介しているサイトがあり、実際に調べた中で、現時点でおしゃれだなと感じたフォントをまとめてみたいと思いました。 欧文フォントRoboto 有名どころです！ 太さ、斜体等、バランスよく収録されており、クセもないの

          shimo_t

          152日目　フォントを考える

          shimo_t