Webデザイン49件

【完全ガイド】Webデザインのアイデアを収集する方法
2024年5月5日
みなさんこんにちは。しゅん（@shun_webdesign）です。今回はWebデザインの参考になる収集方法を紹介します。参考になるサイトから方法まで紹介します。 Table of Contents Toggle 常に …
Lottieでグラデーションを使ってアニメーションを作る裏技2つ
2024年1月2日
みなさんこんにちは。しゅん（@shun_webdesign）です。皆さんはLottieをご存知でしょうか？なめらかなアニメーションをサイトに実装でき、手軽にリッチな表現を取り入れることができます。 LottieはAft …
Next.jsとReact Three Fiberのポートフォリオを公開するまでの裏側
2023年2月11日
みなさんこんにちは。しゅん（@shun_webdesign）です。先日、作成したポートフォリオサイトをSNSで公開しました。今回は僕が公開したポートフォリオについて紹介していきたいと思います。 ※コードなどの内容の説 …
プロトタイプで作るインタラクションアイディアXDUFes2022【XDデータ有】
2022年12月4日
みなさんこんにちは。しゅん（@shun_webdesign）です。 12/3(土)に開催された「XDUFes2022」に私が登壇しました。今回は当日のセッション内容について紹介させていただきます。当日視聴できなかった …
Lottieの作成からコーディングまで実装方法をまるっと解説
2022年8月26日
こんにちは。Webデザイナーのしゅん（@shun_webdesign）です。軽量のWebアニメーションが作れる「Lottie」をご存知でしょうか？近年、Adobe XDでも使用できるようになりリッチなアニメーションを …
【Adobe XD】操作感が心地良いカード型スライダーを作る方法
2022年8月2日
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。 XDではプロトタイプを使って滑らかに動くアニメーションをつけることができます。今回はXDを使って、スワイプで動くリッチな動きのカード …
【Adobe XD】サクッと解決！テキストを縦書き入力をする方法2つ
2022年6月21日
みなさんこんにちは。Webデザイナー3年生のしゅん（@shun_webdesign）です。今回はAdobe XDでテキストの縦書きを使う方法について紹介します。 Adobe XDではテキストの縦書き機能が搭載されていま …
【Adobe XD】モバイル版アプリでスマホからプロトタイプを確認する方法
2022年6月12日
みなさんこんにちは。しゅん（@shun_webdesign）です。 Adobe XDというとパソコンを使ってデザインを作成し、プロトタイプを確認することができます。実はお手持ちのスマホからプロトタイプを確認できるのをご …
【Adobe XD】マネしたい！シェイプの使い方を具体的に解説
2022年5月29日
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。今回はXDでシェイプの使い方・操作方法について紹介します。ツールが少ないので複雑なものが作れないと思われがちなXDですが、多角形から …
【Notion】お気に入りのWebデザインをストックする活用法
2022年5月23日
みなさんこんにちは。Webデザイナーのしゅん（@shun_webdesign）です。僕は参考になるウェブサイトのデザインやアニメーションなどをNotionを使ってストックしています。「ウェブサイトはURLだけわかれば …

← 記事一覧に戻る