Adobe XD21件

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDではプロトタイプを使って滑らかに動くアニメーションをつけることができます。 今回はXDを使って、スワイプで動くリッチな動きのカード …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はXDでシェイプの使い方・操作方法について紹介します。 ツールが少ないので複雑なものが作れないと思われがちなXDですが、多角形から …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はAdobe XDでできるアンカーリンクの設定方法を紹介します。 アンカーリンク（ページ内リンク）を設定することで任意の位置までス …

みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はAdobe XDでハンバーガーメニューを作りながら、「ステート」について解説します。 ステートとは？ ステートとはWeb上のパーツにおける「状態」 …

みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDではコードを書かずとも、プロトタイプ機能を使ってリッチな表現を手軽に作ることができます。 今回は以前、SNSに投稿したXDのみで作成した …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はこれまで紹介してきたXDの記事をまとめました。 この記事は新着記事が増え次第随時更新していきますので、ゆっくり見たいという方はブ …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 今回はXDを使ったパスの使い方について紹介します。 パスを自由自在に扱う パスの使い方を知ることでXDで表現できる幅が広がります。 ツ …

みなさんこんにちは。しゅん（@shun_webdesign）です。 先日、XDのみを使ったキャラクターアニメーションを作ってみました。 本日はこちらのアニメーションをどのようにして作ったのか紹介します。   こ …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 先日公開したこちらのXDアニメーションの記事について大変多くの方から反響がありました。 しかし、、 と思った方は少なくなかったと思いま …

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDではスマホに合わせたサイズでデザインを作ることができます。 作成したデザインのプロトタイプをお手持ちのスマホから操作で …