Webデザイン49件
-
【Adobe XD】スワイプ操作で液状に動くプロトタイプを作るテクニック
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDではスマホに合わせたサイズでデザインを作ることができます。 作成したデザインのプロトタイプをお手持ちのスマホから操作で …
-
【Adobe XD】コーディングが捗る！ZeplinとXDを連携する活用方法
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDを使ってデザインを作る方も多いと思いますが、XDのデータからコーディングする際はどのようにしていますか？ Macを使ってる人は⌥キ …
-
【Adobe XD】Quick Mockupを使って瞬時にワイヤーフレームを作る
みなさんこんにちは。しゅん（@shun_webdesign）です。 皆さんはWebデザインを考える際にワイヤーフレームがどのようにして作っていますか？ 手書きで描く方もXDなどのツールを使って作るなんて方もいらっしゃると …
-
【Adobe XD】脱初心者！サッと使える知っておくと便利なTips集
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDはツールの数こそ少ないので簡単そうと思う方も少なくないかもしれません。 ですが、いざ操作してみるとなにに使う機能なのかわからないも …
-
【Adobe XD】これは入れておきたいオススメ無料プラグイン8選
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Webデザインを作るのにとても便利なAbobe XDですが、さらに便利に使う方法をご存知でしょうか？ 今回はAdobeXDにより便利に …
-
After Effectsを使ってXDからLottieの軽量モーショングラフィックスを作る
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Webアニメーションやモーショングラッフィクスを作るとき、皆さんは何を使って作ってますか？ きっとAfter Effectsを使う方も …
-
【Adobe XD】ドラッグトリガーでスライダーを作ってヌルヌル動かす
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 指で対象のものを指でヌルヌル動かせるスワイプ。 皆さんはAdobe XDを使ってスワイプ（ドラッグ）のプロトタイプが作れるのをご存知で …
-
【Adobe XD】手軽に作れる！パララックスアニメーション作成方法
みなさんこんにちは。しゅん（@shun_webdesign）です。 デザイナーの方ならご存知のAdobe XD（以下略：XD）ですが、これを読んでいる方でプロトタイプを作っているでしょうか？ XDはWebデザインやUIデ …
-
Adobe XDで動画を使う方法と注意すべきこと3つ
みなさんこんにちは。Webデザイナーのしゅん(@shun_webdesign)です。 Adobe XDが先日さらにアップデートし、XD上で動画があつえるようになりました。 今回はAdobe XDでの動画の使い …
-
【Adobe XD】コーディングが分からなくても迷わない！XDの使い方
皆さんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Adobe XDを使ってデザインを作成することはありますか？ 僕が所属している会社では今年からAdobe XDを使ってデザインカンプを作 …