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