アーカイブ

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

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 Web制作ではスライダーという画像などのコンテンツをスライド形式で流す表現方法があります。 トップページのメインビジュアルをフェードさ …

みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はNotionの使い方をまとめたNotion記事まとめです。これからNotionを使いたい方やいろんなカスタマイズ方法を知りたい人は是非読んでみてく …

みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDではブレンドモードを使って、レイヤーの合成を手軽に行うことができます。 エフェクトを組み合わせることによって多種多様な効果を与えれるので …

みなさんこんにちは。Webデザイナー3年生のしゅん（@shun_webdesign）です。 今回はAdobe XDでテキストの縦書きを使う方法について紹介します。 Adobe XDではテキストの縦書き機能が搭載されていま …

みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDというとパソコンを使ってデザインを作成し、プロトタイプを確認することができます。 実はお手持ちのスマホからプロトタイプを確認できるのをご …

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

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 僕は参考になるウェブサイトのデザインやアニメーションなどをNotionを使ってストックしています。 「ウェブサイトはURLだけわかれば …

みなさんこんにちは。しゅん（@shun_webdesign）です。 今回はAdobe XDでハイパーリンクの設定方法について紹介します。 ハイパーリンクを設定することでエンジニア、コーダーにリンクの指定箇所がわかるように …

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