WebデザイナーのためのXDの使い方【基礎編】
ฝัง
- เผยแพร่เมื่อ 23 ส.ค. 2024
- Adobe XDの使い方の基礎編解説です。ビューポートやガイドの使い方からシェイプの様々な使い方、テキストエリアの概念などを解説しています(`・ω・´)ゞ
Adobe XDはPhotoshopやIllustratorと比較しても使い方は簡単で動作もとても軽量です。まずはXDの基礎をおさえて、柔軟に使えるようにしていきましょう!
=== 動画学習サービス「unazuki」
Web制作を学べる動画学習サービスを運営しています。
unazuki.online/
・WordPressコンプリートコース
unazuki.online...
・JavaScriptコース
unazuki.online...
・HTML & CSSコース
unazuki.online...
=== SNS
■ Twitter: / life_toshindai
=== 経歴
Webデザイナー・エンジニア
〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化
-------------------- 簡単な自己紹介
都内でWeb制作をやっています。
苦労した経験をもとに、
TH-camでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪
🏋️♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。
✈️出身
福岡県
---------------------------
Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(`・ω・´)ゞ
詳しくはチャンネル概要欄もご覧ください。
#ホームページ
#作り方
#アキユキ
聞き取りやすくスピードも丁度良く何より頭に入る、素晴らしい
Adobe XD初学者になります。凄い分かり易い動画でデザインカンプ作成のイメージが持てました!
繰り返し見て、基礎力をしっかり付けたいと思います!
ありがとうございます。最初によく使う機能が紹介されていて、分かりやすくてとても助かりました。これからも頑張って下さい
わかりやすくて、説明に無駄がない!
自分はフリーランス目指しています。
こういう教科書的な存在があると
心強いです。
頑張ります。
わかりやすい説明をとても参考になりました。無駄なく短い時間で習得できました。
仕事で各自調べて使えと指示が出たのでとても助かりました!
分かりやすくて嬉しいです😊
ありがとうございます!
Webの勉強を始めましたので、Xdを使ってデザインカンプを作りたいと思っているのですが
Adobeのチュートリアルでは今一ピンと来なかったのですが、基礎の基礎が良く分かりました。
ありがとうございます。
とても分かりやすく、無駄なくテンポが良いです。
ありがとうございます。
天才です わかりやすさが神です
主さまみたいに素敵なデザインをささっと作れるようになるまで頑張って努力します
動画にしてくださりありがとうございます
ありがとうございます!
理解しやすく、見やすい早さの動画でした。助かります!
とてもわかりやすかったです!
20年間グラフィックやっていますが、
最近webにも興味がでてきて、
お勉強したいと思っています。
ありがとうございました😊
ありがとうございます!
20年間すごいですね🤗
本当にわかりやすい解説ですね。ありがとうございます😊。
先日xd使ってデザインしてた人に便利ですよ
って言われて
よし!!使ってみよう!!になったけど
本当にこっちの方が簡単 使ってみたいと思います
めちゃくちゃ分かりやすかったです・・・!
ありがとうございます!!
応用編も今から見ます!!
使い始めた瞬間に見るべきでした…!とても分かりやすかったです!
すごく分かりやすかったです!
市販本で学習するよりもはるかに理解しやすいです。
本当ですかー!
ありがとうございます🙌
めっちゃ嬉しいです!
いつも凄く勉強になってます。大変でしょうがこれからも役立つ情報発信をお願いします。
丁度XDが気になっているところでした!大変分かりやすい解説をありがとうございました。
AdobeXDの使い方動画を探してましたがちょうど良い動画を見つけました。
Fireworksよりかなり使いやすい印象です。ご提供ありがとうございます。
おはようございます!
とても分かりやすいです、ありがとうございます!!
説明が丁寧でわかりやすかったです!
デザインカンプを作成する上で、XDの操作がわからなかったですがとてもわかりやすくて、かなり勉強になりました。
良かったです!
ありがとうございます!
Adobe公式よりずっとわかりやすい。ありがとうございます。
アドバンス編でXDを使っていらっしゃったので「もしや?」と思って探したらTH-camで説明があったので、ラッキーでした。いつもの語り口調で安心します。By 551
XD扱いやすいと思いますのでぜひ使ってみてください。
551美味しいですね…!
ありがとうございます🤗
めっちゃわかりやすい
XDはなんとなくで使ってましたが、とっても参考になりました。
コンテンツ幅てグリッドを付けるの早速やります。
わかりやすい動画をありがとうございます。
参考にしていただけたようでよかったです!
今までイラレで作っていたWebページを
「XDを覚えて、3日間で作って!」とのオーダーを受けたので、途方に暮れてしまいましたが、
アキユキさんのチャンネルを見つけて、とても勉強になりましたw ありがとうございました!
チャンネル登録させていただきましたので、今後ともどうぞよろしくお願いいたします!
今、ポートフォリオ製作中でこちらの動画を拝見しました!
学校の先生よりサクサク進んでしかもわかりやすいです!!!!
ありがとうございます🤗✨✨
分かりやすい。
会社変わって初めて使うので助かりました
わかりやすく最後のおさらいで復習できました。
応用編も見ましたがこちらも分かりやすく勉強になりました。
ありがとうございました!!!(チャンネル登録しました)
更にXDの使い方のをアップしていただけると助かります (^_^)
解説が簡潔なので、早送りしてもわかりやすかったです。
非常に助かりました!
ありがとうございます!
すごいわかりやすかったです。がんばります
分かりやすかったです!ありがとうございます。
応用編も続けて見てみます!
you prolly dont care but if you guys are stoned like me during the covid times then you can stream pretty much all of the new series on Instaflixxer. Have been streaming with my brother lately =)
@Mario Solomon yup, I've been watching on Instaflixxer for since december myself =)
わかりやすい動画ありがとうございます!助かりました。
とってもわかりやすかったです😌✨
応用編も見てきます!
ありがとうございます!!
とてもためになりまし💦本当にありがとうございます!!
嬉しいです!作った甲斐がありました!
まさに昨日初めてXDを触ったところだったのでありがたい動画です。勉強させていただきます!
ありがとうございます。分かりやすいです。
むちゃくちゃ分かりやすすぎてビビる(語彙力)
とてもわかりやすく苦手なイメージが払拭されました笑。XDチャレンジしてみます、ありがとうございます
凄くわかりやすくて、大変助かりました❗ありがとうございます❗
とても分かりやすかったです。
最高のコンテンツです。ありがとうございますmm
わ❗️Adobe XDってすげぇ🙀
早速ダウンロードしよ😆
XDデータからのコーディングの方法をどこかのタイミングで教えて頂けたら、全米が涙することもあるかもしれません。
何卒お願いします!!
わかりやすいです。
アキユキさんいつも動画見させて頂いております♪とてもわかりやすい解説ありがとうございます;;
ありがとうございます♪
現在のフロントエンドでは、コーディングよりこのようなデザインソフトを利用する場面のほうが多いのでしょうか?
幅なんですが、macbookのような13インチでのサイズにぴったりに来るようにするためには、どれくらいになるのでしょうか?1440でしょうか?
恐れ入りますが、テキストエリアの指定方法について伺ってもよろしいでしょうか?
T 状態で、ドラックして見ましたが、ずっと未指定のままになり、うまく指定できなかったですが、
何かのキーを押しながらドラックする必要がありますでしょうか??
わかりやすかったです!助かりました!
完了しました!
幅(w)と高さ(h)の右にある座標軸(xとy)とは何でしょうか?
何分に何を説明するのか書いてくれるともっと見やすいです。
はじめまして。教えて下さい!XDを使ってサイトを作りはじめましたが、外部リンクの貼り方が全く分からず困ってます。。
とてもわかりやすい解説ありがとうございます!!
基本的な質問でお恥ずかしいのですが、画像を配置するときに、
画面をスライドして画像が配置されている画面からドラッグしているやり方があるのですが
あれはどうやっているのでしょうか、、、(例: 23:45付近)(>_
XD上で作成したオブジェクト(四角ツールとかで作ったもの)に対して、ドラッグ・アンド・ドロップで画像を落としてあげると、オブジェクトの形にトリミングされた形で画像が適用されますよ!
初めまして。
お伺いしたいのですが、Illustratorと比較してXDの良い点はどういった所でしょうか?
Illustratorでも代用できますでしょうか?
Illustratorで代用できるならXDいらないじゃん考えたら分かる事
@@user-jo7ke8mk1b
Illustratorと比較してXDの良い点はどういった所でしょうか??
@@page0626 そりゃWEBデザインに特化してるところでしょ。イラレはあくまでグラフィックデザインメインだから
@@user-jo7ke8mk1b
ありがとうございます
このソフトはwix的なイメージですか?
結局今ってXD使えないんですか?
質問失礼します。デザインカンプはPhotoshopがほとんどと聞いたことがあるのですが、XDを使われてる理由はありますでしょうか?
XDは作ったデザインをそのままプレビュー用のURLを生成して共有できるので便利ですよ!
あと単純にXDは軽くて作業も捗りますし、アートボードの概念が便利(1つの画面の中で複数のページデザインを作れる)なので、基本XDで作っている感じです。
@@web5096 ありがとうございます!XDで作ってみようと思います!!
XDデビューします
niruさんの声に似てる
イラレ・フォトショが使える人間には入りやすそうやな ´-`)
ありがとうございます('ω')
何このよどみない解説w