CREATIVE

Logo

Business Card

Design Policy

• シンプルで簡潔なベースデザイン
• 徹底的に情報を取捨選択・整理し、構造と見た目を簡潔にすることで、認知処理の障壁を取り除く。
• 認知心理学の知見に基づく最適化された情報処理
• 余白を活用して知覚的体制化を促進し、シンプルさに加えて構造的な特異性を持たせることで、記憶への定着を狙う。
• 無意識に訴求する新規性と革新性
• 真に優れたデザインは、意識的に認識されることなく潜在意識に訴求する。見た目や機能の派手さに頼らず、審美性やワーディングなどの繊細な工夫によって独自性を生み出す。

Color Scheme

Method

Overview

Office365やAdobe製品によるコンテンツ作成は、デザイン過程が感覚的で、再現可能性に弱みを抱えている。

プレーンテキストであるMarkdownファイルと、そのテキストデータを視覚化するCSS & JavaScriptの活用によって、再現可能で修正が容易なデザイン環境を作る。

Method

Markdown → HTML/PDF

テキストデータをもとに、自作のCSSとJavaScriptによって、レスポンシブデザインに対応したユーザーフレンドリーなWEBページを実現。

「Visual Studio Code」と「Pandoc」を用いて、Markdownファイルを単独動作可能なHTMLあるいはPDFに変換する。

実際のWEBページの作例はこちら

R Markdown → HTML/PDF

統計解析をはじめとするのR・Pythonプログラムを含むテキストデータをもとに、自作のCSSとJavaScriptによって、レスポンシブデザインに対応したユーザーフレンドリーなWEBページを実現。

「RStudio」と付属する「R Markdown」機能を用いて、R Markdownファイルを単独動作可能なHTMLあるいはPDFに変換する。

実際のWEBページの作例はこちら

Markdown → Slide

テキストデータをもとに、自作のCSSとJavaScriptによって、図表を含むスライドを実現。

「Visual Studio Code」とその拡張機能の「Marp」を用いて、スライドを単独動作可能なHTML・PDF・PPTX形式に変換する。

Obsidianによる知的情報の管理

Markdownファイルの管理ソフトウェア「Obsidian」を活用し、WEBページ、動画、書籍などのあらゆる情報をプレーンテキストとして自身の端末に蓄積していく。

MarkdownファイルはAIにとって処理がしやすいフォーマットのため、Cursorなどの生成AIに読み込ませることで、情報の蓄積と生成を円滑に遂行できる。