Лучшее на RU-vid
Кино
Авто/Мото
Видеоклипы
Животные
Спорт
Игры
Приколы
Развлечения
Хобби
Наука
Авторизоваться
Зарегистрироваться
No video :(
【入門講座】Webデザインの作り方 part.1【0から作るWebデザイン入門】
HIROCODE.
Подписаться 67 тыс.
Просмотров 81 тыс.
50%
1
Видео
Поделиться
Скачать
Добавить в
Опубликовано:
5 сен 2024
Поделиться:
Ссылка:
Скачать:
Готовим ссылку...
Добавить в:
Мой плейлист
Посмотреть позже
Комментарии :
67
@user-killjl
2 года назад
こんないい動画を無料で見せてくれる主さん優しすぎるわw
@hirocode
2 года назад
嬉しいコメントいただきありがとうございます😭❗️❗️
@m-sure
3 года назад
はじめまして。1つ拝見して、あまりにもわかりやすく、しかも個人で作ってる人間にとってほんとにツボをグイグイついてくれる内容ばかりで、ただいま夢中になって拝見してます。 正直、某動画講座販売の有名サイトのwebデザイン関係のをいくつか購入してみましたが、それらよりもヒロさんの講座の方が圧倒的に実作業にそくしてて、そして喋りのリズム、トーン、声も大変聞きやすくてすんなり入って来ます。 無料でこのような素晴らしいものを提供して頂いてひたすら感謝します。これからも楽しみにしています。ありがとうございます!
@hirocode
3 года назад
コメントありがとうございます🙇♂️❗️ こちらこそそのように言っていただけて感謝です😭 より良い動画作れるように頑張ります❗️❗️
@lightart796
3 года назад
こういう動画が見たかったっていう動画のメジロ推しです。ありがとうございます😊😊
@hirocode
3 года назад
嬉しいです😭ありがとうございます🙇♂️❗️
@NK-yo1zo
3 года назад
説明がとてもわかりやすい上に、参考書には載ってないちょっとした(でもすごく役立つ)テクニックまで教えて下さって嬉しいです。 また、声も話し方も落ち着いていて、内容に集中しやすいです。 次回の動画も楽しみしています。
@hirocode
3 года назад
すごく嬉しいコメントいただきありがとうございます😭より良い動画投稿できるように頑張ります🙇♂️❗️❗️
@user-xo5pj5yt4q
3 года назад
画的にも話のトーンや速度とかも、内容がすっと頭に入るボリューム感でとても助かります。 次回も楽しみにしてます!
@hirocode
3 года назад
嬉しいです😭ありがとうございます🙇♂️❗️
@tommy_23
Год назад
一緒に操作出来るような説明だともっと嬉しいです😢
@hirocode
Год назад
貴重なご意見いただきありがとうございます! おっしゃる通りざっくりとした説明な箇所多いので、一緒に同じもの作れる形で今後動画作っていきたいと思います🙇♂️❕
@tommy_23
Год назад
@@hirocode ありがとうございます!楽しみにしています!
@user-gh1nr3ei1q
Год назад
いつも拝見してます。わかりやすい上に見やすくて大変助かってます。リクエストですが、居酒屋系のHPを見てみたいです。
@hirocode
Год назад
嬉しいコメントとリクエストいただきありがとうございます😆❗️
@aknr7704
3 года назад
どの動画も本当に勉強なります😆
@hirocode
3 года назад
嬉しいです😭❗️ありがとうございます🙇♂️❗️
@familyfukumimi3995
2 года назад
いつもためになる動画ありがとうございます!繰り返し見て勉強しています。 ECサイト(スニーカーやスポーツ用品などのサイト作りを今後予定してます)のデザインなども見てみたいです…!!
@hirocode
2 года назад
ご要望いただきありがとうございます😊❗️ ECのデザイン興味あるか不安だったのですが、そういったご意見いただけて嬉しいです❗️ すぐ作れるか分かりませんが、ECのデザイン動画検討させていただきます🙇♂️
@familyfukumimi3995
2 года назад
@@hirocode ありがとうございます!気が向きましたら是非・・・!これからも楽しみにしています(*'▽')
@toma66w
3 года назад
本当にどの動画も分かりやすくて、毎回楽しみな素晴らしいチャンネルです! 講師業、めちゃくちゃ向いてると思います。 余談ですが手が美しい。
@hirocode
3 года назад
そう言っていただけて嬉しいです😭 もっと更新頻度上げれるように頑張ります🙇♂️❗️ 手が綺麗って初めて言われました😊ありがとうございます♪
@to0562
Год назад
ありがとうございます😊
@hirocode
Год назад
こちらこそありがとうございます😊♪
@user-xn8cs9or1m
3 года назад
最近WEB制作の勉強を始めて、参考にさせてもらってます! 今回も分かりやすい動画ありがとうございます! 動画の要望なんですが、もしよければヒロコードさんのレスポンシブ工程が見てみたいです🙇 次回も楽しみにしています!
@hirocode
3 года назад
こちらこそありがとうございます😊❗️ レスポンシブの動画あげられていないので、必ず上げます❗️ 今後ともよろしくお願いします🙇♂️
@user-xn8cs9or1m
3 года назад
@@hirocode お忙しい中返信ありがとうございます!よろしくお願いします🙇
@gottu91
3 года назад
毎回楽しみにしてまーす!
@hirocode
3 года назад
嬉しいです😆❗️もう少し投稿頻度上げられるように頑張ります🙇♂️❗️
@user-lr9tj9bb3e
Год назад
前にもお願いしましたが、どこでお願いしたのか?わからなくなりました。 MacBook Pro にAdobe XD をどの様にしてインストールするのか教えて下さい。 App Storeには出て来ません。
@expensiveTX
3 года назад
論理的…!!
@hirocode
3 года назад
センスが重要と思われがちですが、webデザインは結構そういう点が多いイメージです😆❗️
@TH-xp9di
3 года назад
化粧品会社の新商品のサイトのワークフレーム宜しければお願いします。
@user-vb3fw6so5o
Год назад
こんにちは 卒業制作として猫カフェホームページを挑戦したいと思います。注意点とかありますか。よろしくお願いします。これからの動画も楽しみにしてます♪
@hirocode
Год назад
コメントいただきありがとうございます🙇♂️❗️ 卒業制作ってことは美大でしょうか🤗 自主制作では自分でこだわりポイント作ることがオススメです😆! 例えば、写真をただ置くだけではなくて猫の表情が伝わりやすいようにこだわってみるとか、この部分の動きが可愛くなるようにこだわってみるとかです! 上手くいくように応援してます😆❗️
@user-vb3fw6so5o
11 месяцев назад
ありがとございます。😊
@user-sk6ed9wl9t
3 года назад
いつも参考にさせてもらっています。 この続きってどうなりましたか? お忙しいところ誠におそれいりますが、 お待ちしております。
@hirocode
3 года назад
コメントありがとうございます❗️ ごめんなさい、なるべく早く続きあげられるように頑張ります🙇♂️❗️
@user-cq2vy6qu8b
3 года назад
デザインカンプって、スマホサイズは新たに作るのでしょうか? またここからスマホサイズにするときってどうするんでしょうか?
@hirocode
3 года назад
レイアウトが複雑でないものはコード上でレスポンシブ対応することが多いです😃 スマホデザイン提出求められる場合や、UIなどをこだわりたい箇所に関してはスマホサイズのデザインを作る場合も全然あります❗️ 僕の場合は、隣にスマホサイズのアートボードを用意して、PC版のパーツを流用しながら作っていきます😆❗️ 経験少ないうちは、コードでレスポンシブ対応するとバランスなどの調整が難しいので、軽くでもスマホデザイン作るのがオススメです♪
@user-cq2vy6qu8b
3 года назад
@@hirocode そうなんですね!!ずっとモヤモヤのがとれました!!丁寧な解説ありがとうございます!!!!!☺️これからも応援してます☺️
@kokonjp
Год назад
こんにちは、 ウエブデザイン(デジタル)を0から学ぶとしたら時間はどのぐらいかかりそうですか?僕30代なんですが、不満になること何かありますか? 教えてください。よろしくお願いします!
@hirocode
Год назад
こんにちは😊♪ 仕事+αで取り組むのか、終日取り組めるのかで全然変わってきそうです。 また、独学かスクールなど学習方法によっても大きく変わってきます。 例えば、受験勉強と同等量かつ自己学習で取り組んだとしたら、3ヶ月くらいあれば基礎は一通り把握できると思います(ただ、デザイン業に向き不向き・得意不得意もあると思うので一概には言えませんが...)。 あとは目指すところがWEBデザイナーを本業とするフリーランスなのか、副業なのか就職するのかによっても結構違ってきます❕❕ 今だとWEBデザインだけでなくフロントエンド領域も学習しなければ、なかなか仕事としては難しい印象です💦 なので、目標とするポジションを明確化した上で学習するのがオススメです😆❗️
@shirosaitv
2 года назад
もし可能であれば、ちょっとマニアックですがゲーム関連のサイト(公式ページだったりランディングページだったり)のデザインを参考にしたいです、お手数ですがお教えいただけませんか?
@hirocode
2 года назад
動画のリクエストいただきありがとうございます🙇♂️❗️
@user-lr9tj9bb3e
Год назад
ADOBEのXDは、iPadの場合、何をインストールするのですか?
@hirocode
Год назад
コメントありがとうございます😊 XDをiPadで使いたいということでしょうか?iPad用のアプリはありますが、プロトタイプの閲覧機能しかありません💦 なのでデザインをするにはパソコンが必要です‼️
@kzmymd
2 года назад
オンラインで講座受けたのですが全然分からず、Progateとかで勉強してからコーディングした方がいいですか?
@hirocode
2 года назад
講座にもよると思いますが、事前に、よく使うタグやレイアウトの組み方など、基礎的なコーディングの知識に関しては学習しておく必要があるかもしれませんね😃❗️ Progateだと基本的なこと学べるので良いですね😆‼︎
@user-ub4lv1iv1e
3 года назад
はじめまして。 すごく参考になりました。 一つ質問です。 ワイヤーフレームを手書きからのXDで作成されてましたが、デザインカンプはまた別で作り込むんでしょうか?
@hirocode
3 года назад
コメントありがとうございます😊❗️上記認識通りです❗️ 手書き→XDワイヤー→モックアップ→デザインカンプ 僕がフルフルでやる場合は上記のような流れで作成しています。 サービスの規模や複雑さなどによって上記工程が減る場合があるって形です🙇♂️❗️
@user-kw4ds2ws7v
Год назад
デザイナーカンプとモックアップの違いはなんでしょうか?
@QSL0901QSL
3 года назад
初めまして。 ご使用のパソコンや、スペックなど教えて頂けませんか?
@hirocode
3 года назад
コメントいただきありがとうございます😊♪ MacBookPro 15inch プロセッサ 2.6 GHz 6コアIntel Core i7 メモリ16GB 上記使用しています❗️
@TOTO-hl6dm
3 года назад
はじめまして。素人なんですが社内のwebデザインの仕事が舞い込んできました。wordpressを使う話になっています。おすすめな本などありますか?
@hirocode
3 года назад
はじめまして😊🎵 僕が初めてワードプレスを学んだサイトで、webデザインレシピというとても分かりやすいサイトがあったのですが、今は閉鎖されているようでした😭 ただ、他にもwordpress入門や使い方みたいなサイトたくさんありそうなので、試しに1サイト選んでやってみると良さそうです‼️ うまくいかない点あれば再度検索するといった形で進めるのが良いかと思います😆‼️
@TOTO-hl6dm
3 года назад
@@hirocode ご返信ありがとうございます!! ヒロコードさんの動画も参考にしたいので更新楽しみにしています😊❤️
@yuikakase7376
3 года назад
はじめまして。 全くの未経験でWebデザイナーを目指したいのですが、家にWindows10のデスクトップ型パソコンしかありません。 やはりMacBookや最新のWindowsのノートパソコンを買わないとダメですか? すみません💦
@hirocode
3 года назад
初めまして😊 最新のでなければダメってことはないですが、デザインツールで主流のAdobe系のソフトはある程度PCのスペックがないと動作がカクカクするなど快適に動かない場合があります。 体験版などで試してみて、スムーズに動作するようであれば問題ないはずです😆❗️
@user-gu1rz7dn2h
Год назад
この動画で使用されているXDというアプリは無料ですか??
@hirocode
Год назад
コメントいただきありがとうございます😊♪ 下記URLのスターターキットというところから無料で使えます😆❗️ www.adobe.com/jp/products/xd.html
@user-zd7ky4sx7d
5 месяцев назад
なるほど٩( 'ω' )و
@hirocode
5 месяцев назад
ありがとうございます😆❗️
@kenneth4555
3 года назад
good^^
@hirocode
3 года назад
Thanks😆❗️
Далее
10:04
【入門講座】Webデザインの作り方 part.2【ゼロから作るWebデザイン入門】
Просмотров 31 тыс.
37:02
【Webデザイン初心者向け】デザインカンプからどうやってコーディングするの?実際の作業の流れを徹底解説!
Просмотров 51 тыс.
1:03:23
Эти Подводники НЕ СТАЛИ МОЛЧАТЬ и Рассказали Ужасную тайну!
Просмотров 386 тыс.
45:09
Интеллект ИЗ НИЧЕГО. РАЗУМ РОЯ - ТОПЛЕС
Просмотров 1,2 млн
00:14
Василиса пошла В ПЕРВЫЙ класс! А что у вас в рюкзаке)))?
Просмотров 2,1 млн
00:24
3d printed demon core vs real
Просмотров 7 млн
1:13:26
【Figma実践】WEBデザインで、ポートフォリオサイトを作る!ノーカット制作の流れ。#figma #フィグマ
Просмотров 49 тыс.
9:30
【転職】未経験からWebデザイナーになる為の最初の準備
Просмотров 431 тыс.
13:54
【保存版】AI×ノーコードで最速Web制作4ステップ【稼げる副業】
Просмотров 5 тыс.
11:26
【実践】Webデザインはこんな感じで作る!ノーカット製作の流れ。
Просмотров 566 тыс.
27:29
【30分マスター講座】Figmaの基本と便利な使い方! | WEBデザインツール
Просмотров 161 тыс.
21:41
HP作るならココに金かけろ!まるで365日無休の営業マン!コスパ最強なホームページの作り方
Просмотров 89 тыс.
28:57
【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-
Просмотров 100 тыс.
13:37
独学でWebデザイン 7年 続けた結果... と、独学勉強法!
Просмотров 63 тыс.
1:11:24
XDで爆速ワイヤーフレーム作成!デザイナーとディレクター必見!
Просмотров 12 тыс.
10:33
【一度使ったら】戻れない...「神アイテムTOP5」デザイン制作に超便利【作業効率的ツール】
Просмотров 14 тыс.
1:03:23
Эти Подводники НЕ СТАЛИ МОЛЧАТЬ и Рассказали Ужасную тайну!
Просмотров 386 тыс.