【AdobeXD】WebデザイナーがWebデザインの制作過程をフル公開

[@karu_maro_yu]

私が受講したことある有料動画よりよっぽどためになる…この方の事もっと早く知りたかった

[@どこかの-b5y]

他の方の動画は実践の部分が少なく、喋るだけの動画になってしまっていて分かりにくかったのですが、主様の動画では実践を交えて解説してくださるので、ワクワクしながら学ぶ事が出来ました！ 知識すらまだ殆ど無い高校二年生ですが、将来的に自分の夢であるWEBデザイナーとして活躍出来るように勉強を頑張っていきたいと思います！

[@web5096]

そう言っていただけて嬉しいです。 高校生ですでに夢に向かって努力されてて素晴らしいですね！ （自分の高校時代を思い出すと恥ずかしい...） 頑張ってください！

[@girichan]

Webデザインの勉強を始めたばかりの者です。 具体的な作成の流れを見ることができて、とてもタメになり、モチベーションが上がりました！ありがとうございます。

[@web5096]

ありがとうございます！

[@パトリシア-m5t]

今日からXD勉強始めた者です。勉強になったのは勿論、すごくワクワクしながら見ることができました！ありがとうございます。

[@web5096]

ほんとですか！嬉しいですねー！

[@aaaaaa-fx2rq]

ありがとうございます。 Webデザインの学校卒業しましたが、全くそれよりすごく勉強になります。感謝でいっぱいです。

[@emiingstar]

私はillustratorが得意なのでXDは好きなのですが、有料の講座がphotoshop押しでもやもやしてました。ほんと、もっと早く辿り着ければ良かった。。 ありがとうございます！

[@Xx_Tensai_xX]

初米です！相変わらずイケメンですね。 すごいわかりやすいのでこのチャンネルの動画参考にしています！

[@ポン-u2w]

これ、Figmaとかでもめっちゃ応用効くし、普通にクッソ神動画だな。(デザインしたい人には)

[@sosianray6572]

腑に落ちてなかったことが、この動画で腑に落ちた！ありがとうございます！

[@kazupage119]

今年に入ってから勉強を始めた初心者です。とてもわかりやすく勉強になります。登録させていただきました。 ひとつずつ見せていただいて学習していきたいと思います。

[@web5096]

ありがとうございます！

[@36mi58]

思いっきり初心者ですが、説明がわかりやすくポンポン次に進むので見入ってしまった。登録しようと思います

[@kh-on8xv]

本当に超有益動画でした。というか、アキユキさんの動画は全部超有益。マジ神です。 街で見かけたら何も言わずに抱きついて、キスしますので宜しくお願い致します。 本当にいつも素晴らしい情報発信をして頂きありがとうございます。

[@ああ-l5l2q]

こちらはプログラミングなしでホームページを作れるのですか？

[@yamaeri8531]

目からウロコすぎました！✨ サクサク作業出来そうです！ ありがとうございます🙇‍♀️

[@web5096]

良かったですー！

[@ロスジェネ底辺のvlog]

アキユキさん、figmaについてはどう思いますか？ figmaを使うメリットデメリットについて解説した動画をアップする事を希望します😊

[@takaki9228]

ありがとうございます。 素晴らしいです！！

[@666NUMA]

勉強を始めたばかりの者です。とても分かりやすくモチベーションが高まりました！ありがとうございます^_^

[@ヤッシー22]

目から鱗でした。 有料で受講したモノより ためになりました。 ありがとうございました。

[@真斗武田]

アキユキさん、すばらしい動画ありがとうございます。 今からwebデザインをはじめようと考えていた所なので本当に助かります。 完成図が簡単に作れて共有できるのですね。 マスターコンポーネントを活用するのと、ボタンタップでページ移動を学びました。 これからも、たくさん見て学ばせていただきます！！！ 改めてありがとうございました。

[@user-jq8xk3yu9h]

感動しました！ 勉強させてもらいます！

[@よしきょう-r3w]

すごくわかりやすくて、感謝しかないです

[@ちーちゃん-o4e]

ミリアド　プロというのがなかったんですが似たようなフォントってありませんか？ それと、写真を貼る時どうやって切り替えてますか？

[@mcloid3613]

完全に有料級の動画でビックリしたｗｗ

[@ken-tp7mu]

大変参考になりました！ 通常の作業とは逆だと思いますが、この動画での作業は実際出来上がったサイトを見ながらXDの作業をしているのでしょうか？

[@KentaroxKondo]

これからXdを使いますが、非常に参考になりました！ あと、もし可能でしたらアキユキさんが購入されているおしゃれなフレーム素材について、情報をいただけませんでしょうか。

[@ddt5901]

自由自在なのがカッコいい！

[@たなかです-v8n]

いや、え、これ無料ですか？？？今デザイン学んでる身としては最高すぎる動画でした。。。！ ありがとうございます！

[@kquery3749]

サクサクでしかも分かりやすかったです。ありがとうございます。

[@katsutoru]

実はレイアウトよりも素材写真の収集と補正の方が時間がかかるという。。 クライアントさんがそこを理解してくれていると助かるんだけど、そうじゃない場合は結構地獄。

[@APP1158]

わかりやすい！！ありがとうございます！

[@yukie1744]

すごいわかりやすくて感動しました！ありがとうございます😊チャンネル登録しました！

[@ちゅる-s4r]

まじですごい、、(語彙力) Webデザイナーになるためにまじてがんばらろ、、🥺

[@louisetakei9907]

こんな分かりやすい動画初めてだ。。。オンラインスクールに通ってるけど、こちらの動画の方が分かりやすい。。。

[@シタンウヅキ-q1l]

こんにちは！この、ソフトを使って、ランサーズなどのWEBデザインの受注を受けることは可能ですかね…… プロゲート少しかじったぐらいで、ITスキルは皆無にちかいですが、今回のような、デザイン制作は慣れれば出来ると思いました！

[@hirokimurayama8600]

今回もとてもためになりました。ありがとうございます！ ＸD使いこなせると楽しそうですね！ デザイン力をつけるためにもっと勉強しようと思いました。 サムネイルがイカしてますね！(≧▽≦)

[@夜下独酌]

webデザイナーはhtmlとかのプログラミングは書かなくても大丈夫ですか？

[@nicooo.7798]

凄いです！ ウェブデザイナーに興味があってスクールで勉強しようかと考えてます。 色々検索してたらアキユキさんの動画にたどりつきました！感動して即チャンネル登録させて頂きました。Webデザイナーをメインにお仕事されているんですか？　 初心者でも出来るようになりますか？

[@web5096]

ありがとうございます！ 僕はデザインも開発もどちらもやってます！ もちろん、最初は皆んな初心者ですし、他のデザイン経験がなくてもしっかり勉強して経験積んで行けば大丈夫です。

[@chinchilla3538]

すごい.....

[@Aoimaru0519]

エアプでの質問で申し訳ないのですが、 12:28 からのコンポーネントの説明で、 マスターコンポーネントを変更すると インスタンス？も変更されるとありますが、 マスターの1つ右のものは変更されてません。 どれがインスタンス？になっているものかが 分かるような機能はあるのでしょうか？

[@heartbeat556]

わかりやすい動画ありがとうございます！ WEBデザイナー　UI/UXデザイナー　インタラクティブデザイナーの違いを教えてください！

[@dmcreatorjapan]

各要素の間に空のスペースBOX入れると空き感が統一できておすすめですよ。 あとカードデザイン作る時、paddingとスタック使うと楽。

[@web5096]

ありがとうございます。 プロトタイプで各メニューにリンク貼りたかったりするので、僕の場合はスペースでやらないことが多いです。 スタックは確かに使ってなかったですね！

[@dezalog]

めちゃめちゃ素晴らしい動画ありがとうございます！ おせっかいかもしれませんが、5:35 くらいの中央整列のショートカットキーですが、Command＋Control＋Mでした！

[@web5096]

ホントですね... ご指摘ありがとうございます！

[@madomado104]

この動画に対する初心者向けの解説動画があるとありがたいです… 広告何回も踏むなどよろしくお願いします🙇‍♂️

[@skykesoful]

見てたらめちゃ簡単そうと思ってインストールして使ったら想像以上に簡単だった。 Ps勉強してきた時間は何だったんだ

[@ダイスケ-b2u]

デザインをやることになり、迷っていたところに救世主! かなり効率的にできるな! 使いこなそう😁😁😁

[@YH-dt6fn]

やっぱりプロは凄いですね！ PhotoshopよりXDの方がデザイン作るはオススメですか？

[@web5096]

画像加工はphotoshopを使うのでどちらも使いますが、 基本はXDでやっていくのがオススメです！

[@ujukim-l7k]

実際の動画すごく助かります。ありがとうございます(^^)

[@ドンナルンマジャンルイジ-t6p]

今から未経験転職目指すなら、psよりxd勉強した方がよいのでしょうか？ それとも現場ではまだpsが主流なのでしょうか。

[@web5096]

もうxdが主流だと思いますが、画像加工はpsでやったりしますので、psも画像加工レベルで使えるといいと思いますよ。

[@renrenchannel--2158]

画像の書き出しは1つずつ指定するしかないのでしょうか？　Photohopではレイヤー名に「hoge.jpg7」とかつけてまとめて抜き出せてたので、同じ様なやり方が分かれば知りたいです。

[@web5096]

複数選択してまとめて書き出しはできますよ！ psのようなファイル名から自動で書き出す生成機能はなかったと思います。

[@musictravel9978]

大変為になりました。ショートカット覚えないとですね。

[@もらいチャン]

とりあえずショートカットキー覚えたい

[@tokivideostudio]

これ無料で見て良いんですか。弟子入りしたい

[@カハナ-c2b]

0.75倍速にすると丁度いい速さ

[@okan1229]

いまだFWで作ってる民。そろそろXD導入すべきかなｗ

[@seikinYB]

定規は使わないんですね！数値で判断してるのかな？

[@遠藤龍斗-w7o]

動画拝見させて頂きました。 自分もXDをMacBookでインストールしたいのですが、有料版と無料版どちらをインストールした方が良いでしょうか？

[@たか-d1y8g]

XD使いやすいよねー、使ってた面白かったし

[@jisey2204]

何もしたことない者ですが、XDでデザイン（案）だけのソフトですよね？ XDでデザイン作れてリンク遷移もできるなら、このままウェブサイト作れればいいのにと思ってしまうw

[@カイトイナダ]

wedデザイナーになるために今資格の勉強してます！

[@shige32-i8u]

素晴らしい

[@ちゅぱ王子-t7j]

ノンコードでフリーランスのwebクリエイターってなれるんですか？

[@showshow2179]

分かりやすい(*´ω`*)

[@h2design244]

XDはFigmaと比べるとかなり使い勝手悪いかな。。主流はFigmaだと思います、、！

[@コラボお絵かき]

これでも、結局のところホームページ公開して運用出来ないところがネックですよね。XDはプロトタイプだけで、ウェブページとして使えないから、ホームページを作れる訳じゃない。悲しいです。

[@はじめちゃん-l4o]

センターライン初めからズレてたからずっと気になってたやで…

[@web5096]

ですよね...(；´Д｀)

[@ykou]

なんか独学でサイト作りをやってきた自分的には、こういうのは最初からHTMLでやってしまうよね。　 デザインを納品みたいなときにはADOBEで納品とかしなきゃなのかなｗ

[@thetmonsoe6464]

私は外国人です。あなたの話は早いです。聞きにくいです。ですから 遅くもいいですか。お願いします。

[@monstafitness3358]

マエケンに似てない？

[@domtoyota]

グリッド引きなさいよ

[@モンプチ-t5m]

グリッドシンプルに邪魔じゃない？

[@domtoyota]

うわっ…DTP出身のかたですか？大人しく紙やっといてください

[@モンプチ-t5m]

@@domtoyota え、なんかごめん；；