webデザインの勉強

デザインブログの最初に読んでほしい記事〜自己紹介・おすすめ記事〜

デザインブログの最初に読んでほしい記事〜自己紹介・おすすめ記事〜のバナー

はじめまして!Webデザイナーのshio(@shio_designer)です。

webデザイナーshioのアイコン

この記事では下記について書いています^^❋

  • 自己紹介
  • 誰に向けたどんな内容のブログなのか
  • 何から読んだらいいか分からない方におすすめの記事

webデザイナーのshioです!(自己紹介)

shio
shio
はじめまして!
未経験から制作会社のwebデザイナー転職したshioです❋
簡単に自己紹介します!

デジタルハリウッド STUDO by LIG6ヶ月で未経験からWebデザイナーになる!【デジタルハリウッド STUDIO by LIG】webデザインの勉強をして、
フリーランスを経て、
web制作会社のwebデザイナーになりました。
個人では商品バナーなどのデザインをしています。

今の主な仕事・活動内容はこちら!

  1. デザイン
  2. コーディング
  3. ブログ
  4. バナー制作
  5. 婚姻届のオリジナルデザイン制作

幼稚園・女性向けジム・葬儀屋・コロナ支援金サイトなど、幅広いデザインをしています。

shio
shio
中でも柔らかいデザインが得意です。

未経験からwebデザイナーを目指す方向けのブログです

〜webデザイナーを目指す方の参考になりそうな体験談昔の自分に教えてあげたい内容など〜
webデザイナーを目指している方に向けて、背中を押せるような情報を発信しています。

デザインの勉強のモチベーションを維持できるように、webデザイナーの仕事内容やたまに息抜きの記事も書いていきます^^

webデザイナーshioのイラスト

おすすめのブログ記事

おすすめ記事は随時更新していきます^^

ポートフォリオを作成したい方へ

一番読まれている記事がポートフォリオの作り方の記事です。

こちらはポートフォリオの作り方の記事です。

webデザイナーの就職活動で使うポートフォリオの作り方のバナー
【ポートフォリオの作り方・ポイント】未経験からwebデザイナーに転職したい方へこんにちは、webデザイナーのshioです^^ 私はほぼ未経験で制作会社のwebデザイナーに転職しました。 未経験からwebデザ...

 

こちらは実際私が転職活動で使用していたポートフォリオの例と、どのような部分に気を付けて作ったのかコメントをしている記事です。
ふたつ合わせてお読みいただけると理解が深まると思います。

【参考例の解説】未経験webデザイナー転職・就職活動で使った私のポートフォリオのバナー
【私のポートフォリオの解説】未経験webデザイナーの転職活動で使用|参考例こんにちは! 未経験からweb制作会社に就職しましたshioです❋ 以前ポートフォリオの作り方についての記事を書いたので、 ...

 

転職活動でポートフォリオは一番重要なものなので、参考にしていただければ嬉しいです。

転職活動を始める方へ

私は未経験からの転職活動だったので、正直苦労しました・・・。
失敗談も書いているので、これを読んで参考にしていただけたら、救われます。。。

こちらでは採用サイト選びから未経験での面接の体験談を書いています。
・・・ボロボロでした笑

webデザイナーの就職活動前編〜未経験からwebデザイナー〜のバナー
未経験からwebデザイナーへの転職活動【前編】〜ポートフォリオ・職務経歴書・面接〜こんにちは、webデザイナーのshioです^^ 私は未経験からwebデザイナーに転身しました。 今回は「未経験からwebデザイナーに...

 

このままじゃダメだ!と思ったのと、緊急事態宣言で活動できなくなったので、フリーランスとして実績を作りつつデザインの勉強をしていた時のことを書いています。

shio
shio
転職活動中でうまくいかない方はこちらを読んでみてください。
webデザイナーの就職活動中止編〜外出自粛期間中にレベルアップ〜のバナー
未経験からwebデザイナーへの転職活動【中止編】〜コロナ渦にフリーランスを経験〜 就活【前編】〜ポートフォリオ制作・職務経歴書・面接〜 就活【中止編】〜これを機会にレベルUP〜 ↑今回はここ ...

 

レベルアップして面接にリベンジした時の体験談です。
実際にどんな会社を何社受けたか面接の様子や、その結果まで書いてあります。

webデザイナーの就職活動後編〜コロナ渦の就活〜のバナー
未経験webデザイナーの転職活動後編〜コロナ渦の就職・面接から採用まで〜こんにちは。webデザイナーのshioです✼ 未経験からwebデザイナーに転身した際の転職活動についての記事を書いています。 今...

 

webデザインの勉強を始める方(している方)へ

おすすめのwebデザインスクールをまとめました

webデザイナーがおすすめする初学者OKのwebデザインスクールまとめのアイキャッチ画像
スクール卒のwebデザイナーがおすすめするwebデザインスクール【まとめ・比較】こんにちは! webデザイナーのshioです^^ 私は未経験からwebデザインスクールでwebデザインを学び、webデザイナーに...

adobeを契約するなら、一番安い方法で↓

Adobe ccの1番安い購入方法|社会人デザイナーが契約するコンプリートプランのアイキャッチ画像
Adobe ccの1番安い購入方法・比較|社会人デザイナーが契約するコンプリートプランこんにちは、webデザイナーのShioです^^ Adobe製品は価格がなかなか高いので、購入するのを躊躇される方が多いかと思います。 ...

 

webデザインを勉強する時におすすめの本をご紹介しています。

【webデザイナーおすすめ】デザインする時に役立つデザイン勉強本8選のバナー
【webデザイナーおすすめ】デザインする時に役立つ勉強本8選+こんにちは ^^💐 今回は私がデザインする時によく読んでいる本をご紹介します。 私はデザインに困ったとき、本...
webデザイン初心者おすすめ勉強本3冊|未経験webデザイナーが最初に読んだのバナー
未経験webデザイナーが最初に読んだwebデザイン初心者おすすめ勉強本今回はこれからwebデザインを勉強し始める方に向けてお勧めしたい本をご紹介します。 未経験から勉強を始めた私も実際この3冊を読んで...

 

デザインをする際に、素材が必要なので、こちらから探してみてください^^
無料で使えるフリー素材をまとめています♪

制作会社WEBデザイナーが良く使うフリーイラストサイトまとめ11選
制作会社WEBデザイナーが良く使うフリーイラストサイトおすすめ11選【無料/商用可】こんにちは! 今回は制作会社に勤めて毎日webサイトのデザインをしている私が よくお世話になっているフリー(無料)のイラスト素材...
【無料/商用可】WEBデザインで使いやすいおすすめフリーアイコンサイト7選
【無料/商用可】WEBデザインで使いやすいおすすめフリーアイコンサイト7選こんにちは! 今回は制作会社に勤めて毎日webサイトのデザインをしている私が よくお世話になっているフリー(無料)のアイコンサイ...
【無料/商用可】WEBデザインで使えるおすすめフリー画像・写真素材サイト11選
【無料/商用可】WEBデザインで使えるおすすめフリー画像・写真素材サイト11選webサイトを作る時、バナーを作る時など、写真素材を使いますよね。 ですがなかなかいい写真素材が見つからず、気が付いたら写真を探す...

 

バナートレースのやり方や感想などをまとめました。
デザインの勉強をしたいけれど、何から始めればいいのか悩んでいる方はぜひ読んでみてください^^

バナートレースのやり方と、やってみた感想・メリットのバナー
バナートレースのやり方と、やってみた感想・メリット。〜未経験webデザイナー〜インスタグラムのDMで「未経験でデザインの勉強をするには何をすればいいですか?」とよく質問をいただきます。 その際にまずおすすめし...

 

実際にわたしが作ったブログのバナー(アイキャッチ)についての記事も参考にしてください^^
1年前のデザインと、実務経験積んだ今のデザインの比較もしています。

【1年前と比較】webデザイナーの想いを込めたブログバナー(アイキャッチ)のポイントのバナー
【1年前と比較】webデザイナーの想いを込めたブログバナー(アイキャッチ)作りのポイントこんにちは、shioです^^ 私はブログのバナー(アイキャッチ)を作りながら、デザインの勉強をするようにしてます。 コーディング...

 

以上が最初に読んで欲しい記事でした^^

他の記事も気になったら読んでみてくださいね♪

webデザインスクールに入ろうか考えている方へ

私はデジLIGに通っていたので、クールでの体験談などを載せています。

https://watashino-design.com/category/web-design/webdesign-school/

おすすめフォント

最近人気の記事です。
推しフォント見つけてみてください^^

【Adobe font】webデザイナーおすすめ日本語フォントまとめ〜26選〜のブログのバナー
【Adobe fonts】webデザイナーおすすめ日本語フォントまとめ〜26選〜デザインをしている時に「フォントどうしよ〜」って誰もが悩むところだと思います。 デザインをしている方は「Adobe Fonts」か...
【Adobe font】webデザイナーおすすめ欧文フォントまとめのブログのバナー
【Adobe fonts】webデザイナーおすすめ欧文フォントまとめ〜20選以上〜デザインをしている時に「フォント何使おう。。。」って誰もが悩むところだと思います。 デザインをしている方は「Adobe Fonts...
【Google fonts】webサイトに使えるおすすめ日本語フォント〜10選〜の画像
【Google fonts】webサイトに使えるおすすめ日本語フォント(無料)〜10選〜こんにちは!webデザイナーのshioです^^ webサイトのデザインで、フォント選びはデザインを左右する重要な工程ですが、何を使...

おまけ(SNS)

SNS(instagram/twitter/pintarest)

instagram/twitter/pintarestをやっています。
良かったら合わせてチェックしてみてください^^

instagram

制作物を載せているインスタ上のポートフォリオ:(@shio_designer)
デザインしたものを何でも載せています。

twitter

学んだこと・仕事のこと:(@shio_designer)
情報収集用ですが、たまに呟いています。

pintarest

デザインのヒントのまとめ:(@shio_designer)
情報収集用・デザインしたものも載せています。

プライベートな記事

webデザイナーを目指した理由を書いています。

私が保育業界からwebデザイナーに転職した理由のバナー
保育業界から未経験20代後半でwebデザイナーに転職した理由・志望動機こんにちは!webデザイナーのshioです^^ 私は以前、保育の仕事をしていました。 このことを話すと「保育の仕事から、なぜ...

仕事がある1日のルーティンについて書いています。
(息抜き記事♪)

制作会社勤務webデザイナーの「リモートワークルーティン」のバナー
制作会社勤務webデザイナーの「リモートワークルーティン」〜在宅勤務4ヶ月〜こんにちは。 制作会社に勤務しているwebデザイナーのshioです。 2度目の緊急事態宣言が出て、今年の1月からリモートワークに...

私については活動記録の方にプライベートなお話も書いているので、ぜひ読んでみてくださいね♡

https://watashino-design.com/category/web-design/activity-report/

shio
shio
もし何か聞いてみたいこと・相談したいことがあったら、
お問い合わせフォームでもinstagramのDMでもお気軽に話しかけてくださいね^^♡

webデザイナーを目指している方の
お役に
立てたら嬉しいです☺︎❋

webデザイナーshioとポメラニアンのイラスト

では、また!

制作会社のwebデザイナー
shio
webデザイナーshioのアイコン
未経験からwebデザイナーに転身。 最近はインテリアにハマっています^^ webデザイナーを目指したい方向けに、 【勉強方法|転職活動|ポートフォリオ制作|制作会社で働いてからのこと| webサイト制作 etc... 】について発信しています。 このブログとともにwebデザイナーとして成長していきたいです。よろしくお願いします^^
\ Follow me /
webデザイナーの就職活動で使うポートフォリオのバナー