アーカイブ

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

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

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

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 近年は動きを取り入れたWebデザインが多く存在し、動きをデザインするという考えが進みつつあります。 そこで今回はAdobe XDの「3 …

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

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

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

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

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

みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 皆さんはMacかWindowsどちらのPCを使っていますか？ Web制作ではどちらを使うか悩むところですが筆者はこの3年間Macを使っ …