Adobe XD28件
-
プロトタイプで作るインタラクションアイディアXDUFes2022【XDデータ有】
みなさんこんにちは。しゅん(@shun_webdesign)です。 12/3(土)に開催された「XDUFes2022」に私が登壇しました。 今回は当日のセッション内容について紹介させていただきます。 当日視聴できなかった …
-
【Adobe XD】操作感が心地良いカード型スライダーを作る方法
みなさんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 XDではプロトタイプを使って滑らかに動くアニメーションをつけることができます。 今回はXDを使って、スワイプで動くリッチな動きのカード …
-
【Adobe XD】画像をキレイに魅せる!ブレンドモードの活用法
みなさんこんにちは。しゅん(@shun_webdesign)です。 Adobe XDではブレンドモードを使って、レイヤーの合成を手軽に行うことができます。 エフェクトを組み合わせることによって多種多様な効果を与えれるので …
-
【Adobe XD】サクッと解決!テキストを縦書き入力をする方法2つ
みなさんこんにちは。Webデザイナー3年生のしゅん(@shun_webdesign)です。 今回はAdobe XDでテキストの縦書きを使う方法について紹介します。 Adobe XDではテキストの縦書き機能が搭載されていま …
-
【Adobe XD】モバイル版アプリでスマホからプロトタイプを確認する方法
みなさんこんにちは。しゅん(@shun_webdesign)です。 Adobe XDというとパソコンを使ってデザインを作成し、プロトタイプを確認することができます。 実はお手持ちのスマホからプロトタイプを確認できるのをご …
-
【Adobe XD】マネしたい!シェイプの使い方を具体的に解説
みなさんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 今回はXDでシェイプの使い方・操作方法について紹介します。 ツールが少ないので複雑なものが作れないと思われがちなXDですが、多角形から …
-
【Adobe XD】ハイパーリンクを使って外部リンクを設定する方法を解説
みなさんこんにちは。しゅん(@shun_webdesign)です。 今回はAdobe XDでハイパーリンクの設定方法について紹介します。 ハイパーリンクを設定することでエンジニア、コーダーにリンクの指定箇所がわかるように …
-
【Adobe XD】たったコレだけ!ページ内にリンクを設定してスクロールさせる
みなさんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 今回はAdobe XDでできるアンカーリンクの設定方法を紹介します。 アンカーリンク(ページ内リンク)を設定することで任意の位置までス …
-
【Adobe XD】ステート機能を使ってハンバーガーメニューを作ってみよう
みなさんこんにちは。しゅん(@shun_webdesign)です。 今回はAdobe XDでハンバーガーメニューを作りながら、「ステート」について解説します。 ステートとは? ステートとはWeb上のパーツにおける「状態」 …
-
【Adobe XD】普通とはすこし違う!全画面スクロールのチュートリアル
みなさんこんにちは。しゅん(@shun_webdesign)です。 Adobe XDではコードを書かずとも、プロトタイプ機能を使ってリッチな表現を手軽に作ることができます。 今回は以前、SNSに投稿したXDのみで作成した …