Phaseで作るLottieアニメーション
ブラウザで動くアニメーションツール「Phase」で、Lottieアニメーションを作る方法を解説します。
ブログ
ブラウザで動くアニメーションツール「Phase」で、Lottieアニメーションを作る方法を解説します。
Astroフレームワークのコンテンツコレクション機能を使って、Markdownを拡張したMDXファイルでブログを構築しました。
Figmaの新しいUIを使いこなすための基礎知識と、Figma AIを活用した効率的なデザインのヒントを解説しました。
Figmaにおけるタイポグラフィーの基本と、レスポンシブデザインを意識した文字レイアウト、バリアブルを使ったテキストスタイルについて解説しました。
Figmaの「バリアブル」の機能をより深く理解し、デザインシステムを意識した修正に強いデザインや、エンジニアに伝わりやすいデザインについて解説しました。
FigmaでWebデザインを行うにあたって、ページ遷移のプロトタイピングだけではなく、ユーザーの印象に残るマイクロインタラクションや、動きを取り入れたコンテンツを制作する手法を解説しました。
このサイトは、Astroフレームワークで構築した試験的なポートフォリオサイトです。筆者の過去の登壇/執筆実績や、デザインやコーディングに関するブログ記事、その他自己学習記録などを掲載しています。
池原 健治
UXデザイナー / LottieFiles Evangelist
デザイン、プロトタイピング、コーディング、たまに登壇活動などを行っています。ゲーム大好き。ボーダーコリーのベルがいます。