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