Japanese[シリーズ] Figma Design Learning Program を用いて Design を学習し、Figma を使って プロトタイピング をする
Motivation 近年 プロダクト を開発する際に リーン に始める方法が紹介されている 書籍 や 情報 を目にするようになりました。 "リーン に始める" とは、とても簡略化していうと、以下のような段取りで プロダクト を開発し、世に...
Japanese
JapaneseFigma Lessons 09: Consistency – 一貫性
この記事では、Figmaのデザインレッスンから学ぶ、一貫性がユーザーエクスペリエンスとインターフェースデザインに及ぼす影響について解説します。一貫性を保つ重要性から、意図的な一貫性の破壊まで、効果的なデザイン手法を理解しましょう。
JapaneseFigma Lessons: 08 Simplicity – シンプルさ
Figma Design Basicsコースを参考に、デザインのシンプルさがなぜ重要なのかを明らかにします。具体的な例を交えながら、シンプルなデザインがユーザーエクスペリエンスにどのように貢献するかを探求します。
DesignFigma Lessons: 07 Storytelling with design – デザインを通じた物語づくり
FigmaのDesign Basicsコースは、デザインの基本原則を学び、顧客の旅の重要性を理解することで、より洞察力のあるデザインアプローチを身につけることができます。実践的なスキルと理論を組み合わせ、デザインプロセスを強化します。
JapaneseFigma Lessons: 06 Content research and design – コンテンツリサーチ と デザイン
Figmaの"Design Basics"コースを参考に、コンテンツリサーチとデザインの重要性について詳しく解説。デザインの初期段階でのコンテンツの計画方法やツールの活用方法を紹介します。
JapaneseFigma Lessons: 05 Design Research – デザイン リサーチ
Figma社のDesign Basicsコースの「デザインリサーチ」部分を私なりに要約。デザインリサーチの基本的な考え方や手法を簡潔に解説します。
JapaneseFigma Lessons: 04 Accessibility and inclusion – “アクセスしやすさ” と “多様性の受け入れ”
アクセシビリティと包括性を中心にしたデザインの重要性を探求。色覚異常を持つ人々のためのデザイン考慮点やツールを紹介。Inclusive Designの考え方やユーザビリティの最新トレンドを解説
TechVue3 + TypeScript で Vite4 環境変数を用いる方法
Vue3プログラムで必要な変数を外部ファイルから取得する方法を、Viteの環境変数を使用した具体例を交えて解説します。環境変数を用いることで、APIキーやパスワードなどの機密情報を安全に設定することができます。本記事では、Viteにおけるモードの理解やビルトイン環境変数の設定、独自の環境変数の作成方法、そして作成した環境変数の参照方法についても解説します。
JapaneseVue3 + TypeScript で Mapbox GL JS を使って マップ を レスポンシブ に画面全体に表示
Vue3, TypeScript 環境 で Mapbox地図をレスポンシブ表示する方法を紹介しています。 主にCSSの設定が参考になれば幸いです。
JapaneseFigma Lessons: 03 Design thinking & ethics – デザイン思考と倫理
本記事では、デザインをする際に重要になってくる「 Design thingkin - デザイン思考」という考え方と、デザインする際に気にしておくべき「ethics - 倫理」について整理していきます。 デジタルプロダクト の デザイン をす...
DesignFigma Lessons: 02 What is graphic design? (グラフィック デザイン とは何か？)
本記事では グラフィック デザイン とは何か？ について整理していきます。 得てして、グラフィック を可愛らしくすることが デザイン だと思われていますが、 その誤りについて例を用いて説明していきます。 デザインとはものごとをカッコよく見せ...