アーカイブ

みなさんこんにちは。しゅん（@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でできるアンカーリンクの設定方法を紹介します。 アンカーリンク（ページ内リンク）を設定することで任意の位置までス …

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

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

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 近年Webデザインでトレンドとされたグラスモーフィズムは聞いたことありますか？ 背景をすりガラスのようなぼかしが効いているのが特徴です …