Ayumi｜1年以内にwebデザイナーに転身する看護師

LA在住の元看護師。8月に帰国予定。 渡米のために看護師を退職→PC一台でどこからでも…

Ayumi｜1年以内にwebデザイナーに転身する看護師

LA在住の元看護師。8月に帰国予定。 渡米のために看護師を退職→PC一台でどこからでもできる仕事をとデザインスクール受講。 卒後はEC運営をお手伝いしたり、バナーを制作したり、LPを制作したりしています。 帰国後のwebデザイナーへのキャリアチェンジを目指して、現在勉強持続中。

Day13 デザインのドリル「 DMのトレース」

本日はDMデザインのトレースです。13回目のトレース。だいぶ久しぶりになてしまいました。。 今回は情報少なめですが、シンプルながらバランスが難しいデザインでした。 使用ソフト Photoshop 2022 作業時間 大体30分（目標時間30分） デザインの学びをざざっと。 文字は飾り文字と読ませたい文字の組み合わせにメリハリを持たせると、情報がスッキリつたわる。 飾り文字は筆記体などでサラッと見せるように。 写真と文字を四隅に交互に置くことで、デザインにメリハ

Ayumi｜1年以内に…

    • デイトラweb制作コース　中級編　Day13

      本日の学び概要XDカンプからのコーディング ユーザースニペットの登録 first-childの設定 ポジションによる上下左右の中央揃え header固定 XDカンプからのコーディング編本日は中級編13日目の学習まとめです。 所々、GPTメンターにかいつまんでいただきながら進めました。 スニペット登録最初にスニペット登録をします。 というのも講義中に、メンターさんが「スニペットで〜」と言ってポンポンコードを出してくるのですが、そもそもそれらが登録されていない。 今後

      Ayumi｜1年以内に…

      • デイトラweb制作コース　中級編　Day7-8

        いまいち@mixinの使い方がわからないSassの入れ子のシステムや変数の宣言などはなんとなくわかったけれど、@mixinを用いたメディアクエリのシステムがよくわからず。 なので、Day7に戻って復習。 メディアクエリのサンプル例//マップ型変数breakpointsを定義$breakpoints: (//キー　　値 'sp': 'screen and (max-width: 767px)', //767px以下（スマホ）用の表示 'pc': 'screen and (

        Ayumi｜1年以内に…

        • デイトラweb制作コース　中級編　Day7

          Sassの勉強に入った！本日からはsassの勉強。講座ではsassmeisterを使うのですが、私が海外アクセスだからか？アクセスできず。 なのでVS codeとLive Sass Compilerで実際に書いて練習することに。 Sassの書き方HTMLにはsassファイルではなく、cssファイルを読み込ませる。 sassは親要素の中に、子要素を入れ込んでcssを書くことができる。 直前の要素を&で引っ張ってくることができる。 $マークで変数を宣言できる。 変数は四

          Ayumi｜1年以内に…

        Day13 デザインのドリル「 DMのトレース」

        Ayumi｜1年以内にwebデザイナーに転身する看護師

        マガジン

        • デザインのドリル
          13本
        • web制作コースの学び
          4本

        記事

          デイトラweb制作コース　中級編　Day5-6

          WEB制作コースの受講を開始先日からデイトラでweb制作コースを受講し始めた。 初級編はそこまで難しくなかったので比較的サクサク進んだのだが、中級編ではJS、jQueryの勉強ということで苦戦中。本日の講義内容は課題制作。 どんどん忘れていきそうなのでnoteで備忘録を付けることにした。 課題内容について jQueryを使ってドロップダウンメニューを実装 jQueryを使ってTOPへ戻るボタンを実装 jQueryを使ってモーダルを実装 とりあえずやってみろ方式。 検

          Ayumi｜1年以内に…

          デイトラweb制作コース　中級編　Day5-6

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day12 デザインのドリル「POPのトレース」

          本日はPOPデザインのトレースです。今回のトレースは店頭POPのトレースです。 使用ソフト Photoshop 2022 作業時間 大体30分（目標時間30分） デザインの学びをざざっと。 フォントを細め、余白をしっかりとると、上品で品質の良いイメージになる。 背景とフォントの明度に差をつけて読みやすくする。 背景を単調カラーではなく、くすみがかった素材を入れることで味のあるデザインに。

          Ayumi｜1年以内に…

          Day12 デザインのドリル「POPのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day10-11 デザインのドリル「色付け課題」

          本日は色付け課題への取り組みです。前回より少し間が空いてしまいましたが、今回は課題２つに取り組みました。 【課題1】春と夏をテーマに色付け 【課題2】女性向けと男性向けで色付け すでにあるモノクロのデザインデータに色を当てていくという課題ですね。 色選びはいつも悩みます… 特に色選びは悩み始めると沼ってしまうので できるだけ3-4色以内で、参考画像や参考カラーパレットから抜いてくるようしています。 課題１：春、夏バナー なんか夏っていうより冬っぽいカラーにしてしまっ

          Ayumi｜1年以内に…

          Day10-11 デザインのドリル「色付け課題」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day9 デザインのドリル「チラシのトレース」

          本日はチラシデザインのトレースです。今回はチラシデザインです。縦書きテキストと横書きテキストがあり、バランスを取るのが難しかったです。 使用ソフト Photoshop 2022 Illustrator 2022 作業時間 大体60分（目標時間45分） デザインの学びをざざっと。 テキストのカラーの明度を落とすことで読みやすくなる。 要素が多い場合は、全体のバランスを見ながら散らすようにする。 背景に明度の高いカラーを持ってくる＋読ませたい部分は白地にすること

          Ayumi｜1年以内に…

          Day9 デザインのドリル「チラシのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day8 デザインのドリル「ポスターのトレース」

          本日はポスターデザインのトレースです。今日はポスターのデザインをトレースしました。 文字列を湾曲させないといけない部分が多くて大変でした笑 使用ソフト Photoshop 2022 作業時間 大体1時間（目標時間45分） デザインの学びをざざっと。 配色と背景でパッと見て何のポスターかわかるようにする。 読ませたい部分をアイコン化してまとめると情報が入ってきやすい。 コントラストを意識。背景が派手なぶん、読ませる場所は、白地で加工などの工夫を。 Photos

          Ayumi｜1年以内に…

          Day8 デザインのドリル「ポスターのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day7 デザインのドリル「バナーのトレース」

          本日はwebバナーのトレースです。今回はwebで使用する、広告バナーのトレースです。 web広告なのでキャンバスはピクセル単位。カラーもRGBです。 Photoshopでこの縁取りができるのか？？ 色々試したけど出来なくて、あえなくイラレで作成しました… 使用ソフト Photoshop 2022 Illustrator2022 作業時間 大体45分（目標時間30分） デザインの学びをざざっと。 文字のジャンプ、漢字とひらがなでのウェイトの差を出すなどすると、情報が

          Ayumi｜1年以内に…

          Day7 デザインのドリル「バナーのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day6 デザインのドリル「DMのトレース」

          本日はDMデザインのトレースです。今日はDMトレースです。 指定のフォントを使っているのに、筆記体の文字の縁がなんか違う気がする。 描いてるのかな..?? ちょっとずつPhotoshopのUIに慣れてきました。練習大事。 使用ソフト Photoshop 2022 作業時間 大体45分（目標時間45分） デザインの学びをざざっと。 文字の余白をとって、上品な仕上がりに。 写真はクリッピングマスクでトリミング。注目させたい部分に焦点が当たるように。 センター揃えの

          Ayumi｜1年以内に…

          Day6 デザインのドリル「DMのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day5 デザインのドリル「ポスターのトレース」

          本日はポスターデザインのトレースです。今日はDay5のポスターのトレース作業です。ドーナツ美味しそう。 私の苦手なワープとかパスを使ったデザインですね… Photoshop…難解です（涙） 使用ソフト Photoshop 2022 作業時間 大体1時間30分（目標時間40分） デザインの学びをざざっと。 色のコントラストで味の差をはっきり表現する。 色々な部分で対比をつけてしまうとごちゃつくので、色以外のコントラストはなくシンメトリーでのデザイン。 不規則な並

          Ayumi｜1年以内に…

          Day5 デザインのドリル「ポスターのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day4 デザインのドリル「招待状のトレース」

          本日は招待状デザインのトレースです。今回は写真がメインの招待状デザイン。 要素は少なめですが、余白の取り方が重要そうです。 使用ソフト Photoshop 2022 作業時間 大体30分（目標時間30分） デザインの学びをざざっと。 写真をクリッピングマスクでトリミング。見せたいところに注目させる。 要素を重ねることで、シンプルだけど動きのある、まとまりのあるデザインになる。 文字のラインに注目。 余白を持たせることで見せたい部分に注目させることができる。ま

          Ayumi｜1年以内に…

          Day4 デザインのドリル「招待状のトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day3 デザインのドリル「DMのトレース」

          本日はDMデザインのトレースです。１冊目のNo3のDMトレースに挑戦しました。 要素が多く、少しレベルアップした感じがします。 トレースというより模写なのですが、 最後に被せてみた時に思いの外ずれが少なかったのでよかったです。 要素が多く、バランスの取り方が重要なデザインでした。 使用ソフト Photoshop 2022 作業時間 大体1時間（目標時間45分） デザインの学びをざざっと。 要素のグルーピングを意識。 複雑な構成のデザインは、ラインを意識。各要素の

          Ayumi｜1年以内に…

          Day3 デザインのドリル「DMのトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day2 デザインのドリル「名刺のトレース」

          本日は名刺デザインのトレースです。そんなわけで3回目のトレース。１冊目のNo2の名刺トレースに挑戦しました。 文字情報が多めのデザインです。 使用ソフト Photoshop 2022 作業時間 大体30分（目標時間30分） デザインの学びをざざっと。 文字情報が多いデザインなので、あしらいは少なめ。 文字情報は情報のまとまりごとにグループ化、重要箇所にはジャンプをつけることで伝わりやすくなる。 読み手の動線を意識して、文字のラインに注力する。（ガタガタにならな

          Ayumi｜1年以内に…

          Day2 デザインのドリル「名刺のトレース」

          Ayumi｜1年以内にwebデザイナーに転身する看護師

          Day1　デザインのドリル1「写真展のチラシ」

          今日からちゃんと１冊目のNo1から始めます。そんなわけで本日２回目のトレース。１冊目のNo1。 写真展の告知チラシのトレースです。１冊目の初回なので、要素は少なめ。 使用ソフト Photoshop 2022 作業時間 大体40分（目標時間は30分） デザインの学びをざざっと。 写真の中でも焦点を当てたいところをトリミング。 余白を持たせると洗礼された感じになる。 飾り文字の色彩を落とすことで、情報によりまとまりが出て目線の動きがスムーズに。 強調したい部分に

          Ayumi｜1年以内に…

          Day1　デザインのドリル1「写真展のチラシ」

          Ayumi｜1年以内にwebデザイナーに転身する看護師