【入門講座】Webデザインの作り方 part.1【0から作るWebデザイン入門】

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น •

  • @user-killjl
    @user-killjl 2 ปีที่แล้ว +4

    こんないい動画を無料で見せてくれる主さん優しすぎるわw

    • @hirocode
      @hirocode  2 ปีที่แล้ว

      嬉しいコメントいただきありがとうございます😭❗️❗️

  • @m-sure
    @m-sure 3 ปีที่แล้ว +3

    はじめまして。1つ拝見して、あまりにもわかりやすく、しかも個人で作ってる人間にとってほんとにツボをグイグイついてくれる内容ばかりで、ただいま夢中になって拝見してます。
    正直、某動画講座販売の有名サイトのwebデザイン関係のをいくつか購入してみましたが、それらよりもヒロさんの講座の方が圧倒的に実作業にそくしてて、そして喋りのリズム、トーン、声も大変聞きやすくてすんなり入って来ます。
    無料でこのような素晴らしいものを提供して頂いてひたすら感謝します。これからも楽しみにしています。ありがとうございます!

    • @hirocode
      @hirocode  3 ปีที่แล้ว +2

      コメントありがとうございます🙇‍♂️❗️
      こちらこそそのように言っていただけて感謝です😭
      より良い動画作れるように頑張ります❗️❗️

  • @じゅまぺーる-n3u
    @じゅまぺーる-n3u 3 ปีที่แล้ว +5

    画的にも話のトーンや速度とかも、内容がすっと頭に入るボリューム感でとても助かります。
    次回も楽しみにしてます!

    • @hirocode
      @hirocode  3 ปีที่แล้ว +1

      嬉しいです😭ありがとうございます🙇‍♂️❗️

  • @lightart796
    @lightart796 3 ปีที่แล้ว +2

    こういう動画が見たかったっていう動画のメジロ推しです。ありがとうございます😊😊

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      嬉しいです😭ありがとうございます🙇‍♂️❗️

  • @toma66w
    @toma66w 3 ปีที่แล้ว +3

    本当にどの動画も分かりやすくて、毎回楽しみな素晴らしいチャンネルです!
    講師業、めちゃくちゃ向いてると思います。
    余談ですが手が美しい。

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      そう言っていただけて嬉しいです😭
      もっと更新頻度上げれるように頑張ります🙇‍♂️❗️
      手が綺麗って初めて言われました😊ありがとうございます♪

  • @NK-yo1zo
    @NK-yo1zo 3 ปีที่แล้ว +3

    説明がとてもわかりやすい上に、参考書には載ってないちょっとした(でもすごく役立つ)テクニックまで教えて下さって嬉しいです。
    また、声も話し方も落ち着いていて、内容に集中しやすいです。
    次回の動画も楽しみしています。

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      すごく嬉しいコメントいただきありがとうございます😭より良い動画投稿できるように頑張ります🙇‍♂️❗️❗️

  • @aknr7704
    @aknr7704 3 ปีที่แล้ว +1

    どの動画も本当に勉強なります😆

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      嬉しいです😭❗️ありがとうございます🙇‍♂️❗️

  • @tommy_23
    @tommy_23 2 ปีที่แล้ว +1

    一緒に操作出来るような説明だともっと嬉しいです😢

    • @hirocode
      @hirocode  2 ปีที่แล้ว

      貴重なご意見いただきありがとうございます!
      おっしゃる通りざっくりとした説明な箇所多いので、一緒に同じもの作れる形で今後動画作っていきたいと思います🙇‍♂️❕

    • @tommy_23
      @tommy_23 2 ปีที่แล้ว +1

      @@hirocode ありがとうございます!楽しみにしています!

  • @familyfukumimi3995
    @familyfukumimi3995 2 ปีที่แล้ว +2

    いつもためになる動画ありがとうございます!繰り返し見て勉強しています。
    ECサイト(スニーカーやスポーツ用品などのサイト作りを今後予定してます)のデザインなども見てみたいです…!!

    • @hirocode
      @hirocode  2 ปีที่แล้ว

      ご要望いただきありがとうございます😊❗️
      ECのデザイン興味あるか不安だったのですが、そういったご意見いただけて嬉しいです❗️
      すぐ作れるか分かりませんが、ECのデザイン動画検討させていただきます🙇‍♂️

    • @familyfukumimi3995
      @familyfukumimi3995 2 ปีที่แล้ว +1

      @@hirocode ありがとうございます!気が向きましたら是非・・・!これからも楽しみにしています(*'▽')

  • @なつ-w4s
    @なつ-w4s ปีที่แล้ว +1

    いつも拝見してます。わかりやすい上に見やすくて大変助かってます。リクエストですが、居酒屋系のHPを見てみたいです。

    • @hirocode
      @hirocode  ปีที่แล้ว +1

      嬉しいコメントとリクエストいただきありがとうございます😆❗️

  • @坂本直隆
    @坂本直隆 3 ปีที่แล้ว +3

    最近WEB制作の勉強を始めて、参考にさせてもらってます!
    今回も分かりやすい動画ありがとうございます!
    動画の要望なんですが、もしよければヒロコードさんのレスポンシブ工程が見てみたいです🙇
    次回も楽しみにしています!

    • @hirocode
      @hirocode  3 ปีที่แล้ว +3

      こちらこそありがとうございます😊❗️
      レスポンシブの動画あげられていないので、必ず上げます❗️
      今後ともよろしくお願いします🙇‍♂️

    • @坂本直隆
      @坂本直隆 3 ปีที่แล้ว +1

      @@hirocode お忙しい中返信ありがとうございます!よろしくお願いします🙇

  • @gottu91
    @gottu91 3 ปีที่แล้ว +1

    毎回楽しみにしてまーす!

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      嬉しいです😆❗️もう少し投稿頻度上げられるように頑張ります🙇‍♂️❗️

  • @to0562
    @to0562 ปีที่แล้ว +1

    ありがとうございます😊

    • @hirocode
      @hirocode  ปีที่แล้ว

      こちらこそありがとうございます😊♪

  • @田畑繁樹
    @田畑繁樹 ปีที่แล้ว +1

    前にもお願いしましたが、どこでお願いしたのか?わからなくなりました。
    MacBook Pro にAdobe XD をどの様にしてインストールするのか教えて下さい。
    App Storeには出て来ません。

  • @金谷泉-o2j
    @金谷泉-o2j ปีที่แล้ว +1

    こんにちは
    卒業制作として猫カフェホームページを挑戦したいと思います。注意点とかありますか。よろしくお願いします。これからの動画も楽しみにしてます♪

    • @hirocode
      @hirocode  ปีที่แล้ว

      コメントいただきありがとうございます🙇‍♂️❗️
      卒業制作ってことは美大でしょうか🤗
      自主制作では自分でこだわりポイント作ることがオススメです😆!
      例えば、写真をただ置くだけではなくて猫の表情が伝わりやすいようにこだわってみるとか、この部分の動きが可愛くなるようにこだわってみるとかです!
      上手くいくように応援してます😆❗️

    • @金谷泉-o2j
      @金谷泉-o2j ปีที่แล้ว

      ありがとございます。😊

  • @なし-i8v
    @なし-i8v 3 ปีที่แล้ว +1

    いつも参考にさせてもらっています。
    この続きってどうなりましたか?
    お忙しいところ誠におそれいりますが、
    お待ちしております。

    • @hirocode
      @hirocode  3 ปีที่แล้ว +2

      コメントありがとうございます❗️
      ごめんなさい、なるべく早く続きあげられるように頑張ります🙇‍♂️❗️

  • @田畑繁樹
    @田畑繁樹 ปีที่แล้ว +1

    ADOBEのXDは、iPadの場合、何をインストールするのですか?

    • @hirocode
      @hirocode  ปีที่แล้ว

      コメントありがとうございます😊
      XDをiPadで使いたいということでしょうか?iPad用のアプリはありますが、プロトタイプの閲覧機能しかありません💦
      なのでデザインをするにはパソコンが必要です‼️

  • @きたけ-q4i
    @きたけ-q4i 3 ปีที่แล้ว +2

    デザインカンプって、スマホサイズは新たに作るのでしょうか?
    またここからスマホサイズにするときってどうするんでしょうか?

    • @hirocode
      @hirocode  3 ปีที่แล้ว +1

      レイアウトが複雑でないものはコード上でレスポンシブ対応することが多いです😃
      スマホデザイン提出求められる場合や、UIなどをこだわりたい箇所に関してはスマホサイズのデザインを作る場合も全然あります❗️
      僕の場合は、隣にスマホサイズのアートボードを用意して、PC版のパーツを流用しながら作っていきます😆❗️
      経験少ないうちは、コードでレスポンシブ対応するとバランスなどの調整が難しいので、軽くでもスマホデザイン作るのがオススメです♪

    • @きたけ-q4i
      @きたけ-q4i 3 ปีที่แล้ว +1

      @@hirocode そうなんですね!!ずっとモヤモヤのがとれました!!丁寧な解説ありがとうございます!!!!!☺️これからも応援してます☺️

  • @kokonjp
    @kokonjp 2 ปีที่แล้ว +1

    こんにちは、
    ウエブデザイン(デジタル)を0から学ぶとしたら時間はどのぐらいかかりそうですか?僕30代なんですが、不満になること何かありますか?
    教えてください。よろしくお願いします!

    • @hirocode
      @hirocode  2 ปีที่แล้ว +1

      こんにちは😊♪
      仕事+αで取り組むのか、終日取り組めるのかで全然変わってきそうです。
      また、独学かスクールなど学習方法によっても大きく変わってきます。
      例えば、受験勉強と同等量かつ自己学習で取り組んだとしたら、3ヶ月くらいあれば基礎は一通り把握できると思います(ただ、デザイン業に向き不向き・得意不得意もあると思うので一概には言えませんが...)。
      あとは目指すところがWEBデザイナーを本業とするフリーランスなのか、副業なのか就職するのかによっても結構違ってきます❕❕
      今だとWEBデザインだけでなくフロントエンド領域も学習しなければ、なかなか仕事としては難しい印象です💦
      なので、目標とするポジションを明確化した上で学習するのがオススメです😆❗️

  • @shirosaitv
    @shirosaitv 3 ปีที่แล้ว +1

    もし可能であれば、ちょっとマニアックですがゲーム関連のサイト(公式ページだったりランディングページだったり)のデザインを参考にしたいです、お手数ですがお教えいただけませんか?

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      動画のリクエストいただきありがとうございます🙇‍♂️❗️

  • @kzmymd
    @kzmymd 2 ปีที่แล้ว +1

    オンラインで講座受けたのですが全然分からず、Progateとかで勉強してからコーディングした方がいいですか?

    • @hirocode
      @hirocode  2 ปีที่แล้ว

      講座にもよると思いますが、事前に、よく使うタグやレイアウトの組み方など、基礎的なコーディングの知識に関しては学習しておく必要があるかもしれませんね😃❗️
      Progateだと基本的なこと学べるので良いですね😆‼︎

  • @QSL0901QSL
    @QSL0901QSL 3 ปีที่แล้ว +1

    初めまして。
    ご使用のパソコンや、スペックなど教えて頂けませんか?

    • @hirocode
      @hirocode  3 ปีที่แล้ว +1

      コメントいただきありがとうございます😊♪
      MacBookPro 15inch プロセッサ 2.6 GHz 6コアIntel Core i7 メモリ16GB
      上記使用しています❗️

  • @TH-xp9di
    @TH-xp9di 3 ปีที่แล้ว +1

    化粧品会社の新商品のサイトのワークフレーム宜しければお願いします。

  • @expensiveTX
    @expensiveTX 3 ปีที่แล้ว +1

    論理的…!!

    • @hirocode
      @hirocode  3 ปีที่แล้ว +1

      センスが重要と思われがちですが、webデザインは結構そういう点が多いイメージです😆❗️

  • @金田湖白
    @金田湖白 2 ปีที่แล้ว +1

    この動画で使用されているXDというアプリは無料ですか??

    • @hirocode
      @hirocode  2 ปีที่แล้ว

      コメントいただきありがとうございます😊♪
      下記URLのスターターキットというところから無料で使えます😆❗️
      www.adobe.com/jp/products/xd.html

  • @森本卓也-u3f
    @森本卓也-u3f 3 ปีที่แล้ว +1

    はじめまして。
    すごく参考になりました。
    一つ質問です。
    ワイヤーフレームを手書きからのXDで作成されてましたが、デザインカンプはまた別で作り込むんでしょうか?

    • @hirocode
      @hirocode  3 ปีที่แล้ว +2

      コメントありがとうございます😊❗️上記認識通りです❗️
      手書き→XDワイヤー→モックアップ→デザインカンプ
      僕がフルフルでやる場合は上記のような流れで作成しています。
      サービスの規模や複雑さなどによって上記工程が減る場合があるって形です🙇‍♂️❗️

    • @はす-u5m
      @はす-u5m 2 ปีที่แล้ว

      デザイナーカンプとモックアップの違いはなんでしょうか?

  • @TOTO-hl6dm
    @TOTO-hl6dm 3 ปีที่แล้ว +1

    はじめまして。素人なんですが社内のwebデザインの仕事が舞い込んできました。wordpressを使う話になっています。おすすめな本などありますか?

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      はじめまして😊🎵
      僕が初めてワードプレスを学んだサイトで、webデザインレシピというとても分かりやすいサイトがあったのですが、今は閉鎖されているようでした😭
      ただ、他にもwordpress入門や使い方みたいなサイトたくさんありそうなので、試しに1サイト選んでやってみると良さそうです‼️
      うまくいかない点あれば再度検索するといった形で進めるのが良いかと思います😆‼️

    • @TOTO-hl6dm
      @TOTO-hl6dm 3 ปีที่แล้ว

      @@hirocode
      ご返信ありがとうございます!!
      ヒロコードさんの動画も参考にしたいので更新楽しみにしています😊❤️

  • @yuikakase7376
    @yuikakase7376 3 ปีที่แล้ว +2

    はじめまして。
    全くの未経験でWebデザイナーを目指したいのですが、家にWindows10のデスクトップ型パソコンしかありません。
    やはりMacBookや最新のWindowsのノートパソコンを買わないとダメですか?
    すみません💦

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      初めまして😊
      最新のでなければダメってことはないですが、デザインツールで主流のAdobe系のソフトはある程度PCのスペックがないと動作がカクカクするなど快適に動かない場合があります。
      体験版などで試してみて、スムーズに動作するようであれば問題ないはずです😆❗️

  • @ユウ-z6k1g
    @ユウ-z6k1g 7 หลายเดือนก่อน +1

    なるほど٩( 'ω' )و

    • @hirocode
      @hirocode  7 หลายเดือนก่อน

      ありがとうございます😆❗️

  • @kenneth4555
    @kenneth4555 3 ปีที่แล้ว +2

    good^^

    • @hirocode
      @hirocode  3 ปีที่แล้ว

      Thanks😆❗️