Тёмный

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

アキユキ / Web制作チャンネル
Подписаться 49 тыс.
Просмотров 164 тыс.
50% 1

現役WebデザイナーがAdobeXDでWebデザインをする過程を公開します。
単純に作業動画ではなく、Webデザインをする過程でAdobeXDの使い方のポイントも解説しています(`・ω・´)ゞ
AdobeXDはWebデザインをする上で欠かせないツールです。うまく使いこなすことでかなり高速でWebデザインを制作することが可能になります。
この動画でWebデザイナーが実際にAdobeXDをどのように使いこなしているのかがわかると思います。
※一部訂正
5分35秒あたりで紹介した縦中央揃えのショートカットはCommand+Control+Mです。
(Command+Shift+Mと紹介していました)
--------------- 他のAdobeXDの動画
・WebデザイナーのためのXDの使い方【基礎編】
  • WebデザイナーのためのXDの使い方【基礎編】
・WebデザイナーのためのAdobe XDの使い方【応用編】
  • WebデザイナーのためのAdobe XDの使...
・Webデザイナー向け、Adobe XDでプロトタイプを作る方法
  • 【AdobeXD】WebデザイナーがWebデ...
・WebデザイナーがAdobe XDでオススメするショートカットキーBest10!
  • WebデザイナーがAdobe XDでオススメ...
#AdobeXD
#Webデザイナー
#Webデザイン
=== 動画学習サービス「unazuki」
Web制作を学べる動画学習サービスを運営しています。
unazuki.online/
・WordPressコンプリートコース
 unazuki.online/wordpress
・JavaScriptコース
 unazuki.online/javascript
・HTML & CSSコース
 unazuki.online/html_css
=== SNS
■ Twitter: / life_toshindai
=== 経歴
Webデザイナー・エンジニア
〜 2013 自動車メーカー系の企画職
2014 〜 フリーランスWebデザイナー
2016 〜 法人化
-------------------- 簡単な自己紹介
都内でWeb制作をやっています。
苦労した経験をもとに、
RU-vidでは過去の自分が欲しかった
知識・技術・マインドなどをスライドやデモ解説で発信しています💪
🏋️‍♂️活動
WordPressやWebデザイン講座など有益な情報を発信。
初心者向けの動画〜超実践向けの動画まで多数公開しています。
再生リストも作っているのでよろしければご覧ください。
✈️出身
福岡県
---------------------------
Webデザイナーとして活躍される方の
知的好奇心・技術的向上心に少しでもお役に立てたらいいなと思っています
(`・ω・´)ゞ
詳しくはチャンネル概要欄もご覧ください。
#ホームページ
#作り方
#アキユキ

Опубликовано:

 

3 фев 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 85   
@karu_maro_yu
@karu_maro_yu 3 года назад
私が受講したことある有料動画よりよっぽどためになる…この方の事もっと早く知りたかった
@user-jq8xk3yu9h
@user-jq8xk3yu9h 3 года назад
感動しました! 勉強させてもらいます!
@sosianray6572
@sosianray6572 3 года назад
腑に落ちてなかったことが、この動画で腑に落ちた!ありがとうございます!
@36mi58
@36mi58 3 года назад
思いっきり初心者ですが、説明がわかりやすくポンポン次に進むので見入ってしまった。登録しようと思います
@takaki9228
@takaki9228 3 года назад
ありがとうございます。 素晴らしいです!!
@user-cs9xu9bi9f
@user-cs9xu9bi9f Год назад
すごくわかりやすくて、感謝しかないです
@user-xc3rw7sv7p
@user-xc3rw7sv7p 3 года назад
目から鱗でした。 有料で受講したモノより ためになりました。 ありがとうございました。
@emiingstar
@emiingstar 2 года назад
私はillustratorが得意なのでXDは好きなのですが、有料の講座がphotoshop押しでもやもやしてました。ほんと、もっと早く辿り着ければ良かった。。 ありがとうございます!
@yukie1744
@yukie1744 3 года назад
すごいわかりやすくて感動しました!ありがとうございます😊チャンネル登録しました!
@APP1158
@APP1158 3 года назад
わかりやすい!!ありがとうございます!
@kquery3749
@kquery3749 2 года назад
サクサクでしかも分かりやすかったです。ありがとうございます。
@user-bh5nz7ni7y
@user-bh5nz7ni7y 3 года назад
アキユキさん、すばらしい動画ありがとうございます。 今からwebデザインをはじめようと考えていた所なので本当に助かります。 完成図が簡単に作れて共有できるのですね。 マスターコンポーネントを活用するのと、ボタンタップでページ移動を学びました。 これからも、たくさん見て学ばせていただきます!!! 改めてありがとうございました。
@user-mm2cq9dw4z
@user-mm2cq9dw4z 2 года назад
今日からXD勉強始めた者です。勉強になったのは勿論、すごくワクワクしながら見ることができました!ありがとうございます。
@web5096
@web5096 2 года назад
ほんとですか!嬉しいですねー!
@aaaaaa-fx2rq
@aaaaaa-fx2rq 2 года назад
ありがとうございます。 Webデザインの学校卒業しましたが、全くそれよりすごく勉強になります。感謝でいっぱいです。
@Xx_Tensai_xX
@Xx_Tensai_xX 2 года назад
初米です!相変わらずイケメンですね。 すごいわかりやすいのでこのチャンネルの動画参考にしています!
@girichan
@girichan Год назад
Webデザインの勉強を始めたばかりの者です。 具体的な作成の流れを見ることができて、とてもタメになり、モチベーションが上がりました!ありがとうございます。
@web5096
@web5096 Год назад
ありがとうございます!
@yamaeri8531
@yamaeri8531 2 года назад
目からウロコすぎました!✨ サクサク作業出来そうです! ありがとうございます🙇‍♀️
@web5096
@web5096 2 года назад
良かったですー!
@user-gq9ln1tz2r
@user-gq9ln1tz2r 3 года назад
これ、Figmaとかでもめっちゃ応用効くし、普通にクッソ神動画だな。(デザインしたい人には)
@user-qp2df2ql2i
@user-qp2df2ql2i 11 месяцев назад
他の方の動画は実践の部分が少なく、喋るだけの動画になってしまっていて分かりにくかったのですが、主様の動画では実践を交えて解説してくださるので、ワクワクしながら学ぶ事が出来ました! 知識すらまだ殆ど無い高校二年生ですが、将来的に自分の夢であるWEBデザイナーとして活躍出来るように勉強を頑張っていきたいと思います!
@web5096
@web5096 11 месяцев назад
そう言っていただけて嬉しいです。 高校生ですでに夢に向かって努力されてて素晴らしいですね! (自分の高校時代を思い出すと恥ずかしい...) 頑張ってください!
@hirokimurayama8600
@hirokimurayama8600 3 года назад
今回もとてもためになりました。ありがとうございます! XD使いこなせると楽しそうですね! デザイン力をつけるためにもっと勉強しようと思いました。 サムネイルがイカしてますね!(≧▽≦)
@666NUMA
@666NUMA 3 года назад
勉強を始めたばかりの者です。とても分かりやすくモチベーションが高まりました!ありがとうございます^_^
@user-yi5zc5ni8k
@user-yi5zc5ni8k 3 года назад
いや、え、これ無料ですか???今デザイン学んでる身としては最高すぎる動画でした。。。! ありがとうございます!
@kh-on8xv
@kh-on8xv 3 года назад
本当に超有益動画でした。というか、アキユキさんの動画は全部超有益。マジ神です。 街で見かけたら何も言わずに抱きついて、キスしますので宜しくお願い致します。 本当にいつも素晴らしい情報発信をして頂きありがとうございます。
@user-ou7os5rm7j
@user-ou7os5rm7j 3 года назад
まじですごい、、(語彙力) Webデザイナーになるためにまじてがんばらろ、、🥺
@kazupage119
@kazupage119 Год назад
今年に入ってから勉強を始めた初心者です。とてもわかりやすく勉強になります。登録させていただきました。 ひとつずつ見せていただいて学習していきたいと思います。
@web5096
@web5096 Год назад
ありがとうございます!
@heartbeat556
@heartbeat556 2 года назад
わかりやすい動画ありがとうございます! WEBデザイナー UI/UXデザイナー インタラクティブデザイナーの違いを教えてください!
@ken-tp7mu
@ken-tp7mu 2 года назад
大変参考になりました! 通常の作業とは逆だと思いますが、この動画での作業は実際出来上がったサイトを見ながらXDの作業をしているのでしょうか?
@musictravel9978
@musictravel9978 3 года назад
大変為になりました。ショートカット覚えないとですね。
@user-zo9vt4ks5y
@user-zo9vt4ks5y 2 года назад
実際の動画すごく助かります。ありがとうございます(^^)
@chinchilla3538
@chinchilla3538 3 года назад
すごい.....
@louisetakei9907
@louisetakei9907 3 года назад
こんな分かりやすい動画初めてだ。。。オンラインスクールに通ってるけど、こちらの動画の方が分かりやすい。。。
@KentaroxKondo
@KentaroxKondo Год назад
これからXdを使いますが、非常に参考になりました! あと、もし可能でしたらアキユキさんが購入されているおしゃれなフレーム素材について、情報をいただけませんでしょうか。
@ddt5901
@ddt5901 Год назад
自由自在なのがカッコいい!
@nicooo.7798
@nicooo.7798 Год назад
凄いです! ウェブデザイナーに興味があってスクールで勉強しようかと考えてます。 色々検索してたらアキユキさんの動画にたどりつきました!感動して即チャンネル登録させて頂きました。Webデザイナーをメインにお仕事されているんですか?  初心者でも出来るようになりますか?
@web5096
@web5096 Год назад
ありがとうございます! 僕はデザインも開発もどちらもやってます! もちろん、最初は皆んな初心者ですし、他のデザイン経験がなくてもしっかり勉強して経験積んで行けば大丈夫です。
@madomado104
@madomado104 3 года назад
この動画に対する初心者向けの解説動画があるとありがたいです… 広告何回も踏むなどよろしくお願いします🙇‍♂️
@dezalog
@dezalog 3 года назад
めちゃめちゃ素晴らしい動画ありがとうございます! おせっかいかもしれませんが、5:35 くらいの中央整列のショートカットキーですが、Command+Control+Mでした!
@web5096
@web5096 3 года назад
ホントですね... ご指摘ありがとうございます!
@katsutoru
@katsutoru Год назад
実はレイアウトよりも素材写真の収集と補正の方が時間がかかるという。。 クライアントさんがそこを理解してくれていると助かるんだけど、そうじゃない場合は結構地獄。
@mcloid3613
@mcloid3613 3 года назад
完全に有料級の動画でビックリしたww
@user-sp1qh7cx4m
@user-sp1qh7cx4m 3 года назад
XD使いやすいよねー、使ってた面白かったし
@ロスジェネ底辺のvlog
@ロスジェネ底辺のvlog 27 дней назад
アキユキさん、figmaについてはどう思いますか? figmaを使うメリットデメリットについて解説した動画をアップする事を希望します😊
@user-mo4nb9cj9k
@user-mo4nb9cj9k 3 года назад
デザインをやることになり、迷っていたところに救世主! かなり効率的にできるな! 使いこなそう😁😁😁
@Aoimaru0519
@Aoimaru0519 3 года назад
エアプでの質問で申し訳ないのですが、 12:28 からのコンポーネントの説明で、 マスターコンポーネントを変更すると インスタンス?も変更されるとありますが、 マスターの1つ右のものは変更されてません。 どれがインスタンス?になっているものかが 分かるような機能はあるのでしょうか?
@user-mw1xp2es1n
@user-mw1xp2es1n Год назад
こんにちは!この、ソフトを使って、ランサーズなどのWEBデザインの受注を受けることは可能ですかね…… プロゲート少しかじったぐらいで、ITスキルは皆無にちかいですが、今回のような、デザイン制作は慣れれば出来ると思いました!
@skykesoful
@skykesoful 3 года назад
見てたらめちゃ簡単そうと思ってインストールして使ったら想像以上に簡単だった。 Ps勉強してきた時間は何だったんだ
@user-co5qw9jh5x
@user-co5qw9jh5x 3 года назад
とりあえずショートカットキー覚えたい
@dmcreatorjapan
@dmcreatorjapan 3 года назад
各要素の間に空のスペースBOX入れると空き感が統一できておすすめですよ。 あとカードデザイン作る時、paddingとスタック使うと楽。
@web5096
@web5096 3 года назад
ありがとうございます。 プロトタイプで各メニューにリンク貼りたかったりするので、僕の場合はスペースでやらないことが多いです。 スタックは確かに使ってなかったですね!
@user-kp6ql4jx7w
@user-kp6ql4jx7w Год назад
ミリアド プロというのがなかったんですが似たようなフォントってありませんか? それと、写真を貼る時どうやって切り替えてますか?
@user-yv5dx7mo2n
@user-yv5dx7mo2n 3 года назад
wedデザイナーになるために今資格の勉強してます!
@user-mz1qv7og9w
@user-mz1qv7og9w 2 года назад
webデザイナーはhtmlとかのプログラミングは書かなくても大丈夫ですか?
@YH-dt6fn
@YH-dt6fn 3 года назад
やっぱりプロは凄いですね! PhotoshopよりXDの方がデザイン作るはオススメですか?
@web5096
@web5096 3 года назад
画像加工はphotoshopを使うのでどちらも使いますが、 基本はXDでやっていくのがオススメです!
@renrenchannel--2158
@renrenchannel--2158 3 года назад
画像の書き出しは1つずつ指定するしかないのでしょうか? Photohopではレイヤー名に「hoge.jpg7」とかつけてまとめて抜き出せてたので、同じ様なやり方が分かれば知りたいです。
@web5096
@web5096 3 года назад
複数選択してまとめて書き出しはできますよ! psのようなファイル名から自動で書き出す生成機能はなかったと思います。
@user-zx7sv4xj4m
@user-zx7sv4xj4m 3 года назад
今から未経験転職目指すなら、psよりxd勉強した方がよいのでしょうか? それとも現場ではまだpsが主流なのでしょうか。
@web5096
@web5096 3 года назад
もうxdが主流だと思いますが、画像加工はpsでやったりしますので、psも画像加工レベルで使えるといいと思いますよ。
@showshow2179
@showshow2179 3 года назад
分かりやすい(*´ω`*)
@user-bk3ec1ey4c
@user-bk3ec1ey4c 8 месяцев назад
こちらはプログラミングなしでホームページを作れるのですか?
@user-sc3zz3qi1s
@user-sc3zz3qi1s 3 года назад
動画拝見させて頂きました。 自分もXDをMacBookでインストールしたいのですが、有料版と無料版どちらをインストールした方が良いでしょうか?
@user-ij1by6vv9q
@user-ij1by6vv9q 3 года назад
素晴らしい
@okan1229
@okan1229 3 года назад
いまだFWで作ってる民。そろそろXD導入すべきかなw
@user-nb1je9vb3f
@user-nb1je9vb3f 2 года назад
0.75倍速にすると丁度いい速さ
@seikinYB
@seikinYB 3 года назад
定規は使わないんですね!数値で判断してるのかな?
@user-hi6fy1ph6z
@user-hi6fy1ph6z 3 года назад
センターライン初めからズレてたからずっと気になってたやで…
@web5096
@web5096 3 года назад
ですよね...(;´Д`)
@tokivideostudio
@tokivideostudio 3 года назад
これ無料で見て良いんですか。弟子入りしたい
@ykou
@ykou 3 года назад
なんか独学でサイト作りをやってきた自分的には、こういうのは最初からHTMLでやってしまうよね。  デザインを納品みたいなときにはADOBEで納品とかしなきゃなのかなw
@user-ct1qh9qs6f
@user-ct1qh9qs6f 3 года назад
ノンコードでフリーランスのwebクリエイターってなれるんですか?
@jisey2204
@jisey2204 3 года назад
何もしたことない者ですが、XDでデザイン(案)だけのソフトですよね? XDでデザイン作れてリンク遷移もできるなら、このままウェブサイト作れればいいのにと思ってしまうw
@user-hl9mt6wp6c
@user-hl9mt6wp6c 3 года назад
これでも、結局のところホームページ公開して運用出来ないところがネックですよね。XDはプロトタイプだけで、ウェブページとして使えないから、ホームページを作れる訳じゃない。悲しいです。
@h2design244
@h2design244 Год назад
XDはFigmaと比べるとかなり使い勝手悪いかな。。主流はFigmaだと思います、、!
@monstafitness3358
@monstafitness3358 3 года назад
マエケンに似てない?
@thetmonsoe6464
@thetmonsoe6464 Год назад
私は外国人です。あなたの話は早いです。聞きにくいです。ですから 遅くもいいですか。お願いします。
@domtoyota
@domtoyota 3 года назад
グリッド引きなさいよ
@user-ti6su6ls2o
@user-ti6su6ls2o 3 года назад
グリッドシンプルに邪魔じゃない?
@domtoyota
@domtoyota 3 года назад
うわっ…DTP出身のかたですか?大人しく紙やっといてください
@user-ti6su6ls2o
@user-ti6su6ls2o 3 года назад
@@domtoyota え、なんかごめん;;
Далее
Beautiful gymnastics 😍☺️
00:15
Просмотров 11 млн