KDE BLOG

バイブス

「生きる はたらく つくる」を読んだ

こちらの書籍を読んだ感想です。

www.mina-perhonen.jp

こちらの書籍は、minä perhonen(ミナ ペルホネン)というブランドのデザイナーである皆川明さんが、幼少期から現在までの軌跡、そして未来への展望が、様々なエピソードともに書かれた自伝的な内容になっています。

タイトルの通り、「生きること」「働くこと」「作ること」とはなにかを見つめ直さしてくれる、静かな佇まいな装丁と丁寧な文調でありながらもとても熱量が感じられる本でした。

  • この本を手にとったきっかけ
  • 働くことはクリエイティブなこと
  • 組織の中で自分をどう押し出してゆくか
  • せめて100年続くブランドに
  • お客様に提供しようとしているものはなにか
  • さいごに
続きを読む

「マイクロインタラクション UI/UXデザインの神が宿る細部」を読んだ

こちらの書籍を読みました。

www.oreilly.co.jp

UIデザイナーである自分にとって明日から使えるTipsがたくさん詰まっておりとても読み応えのある良い本でした。
まだ全てを理解できていませんが、現時点の読んだ感想などを書き残したいと思います。

  • 理解できて良かったこと
    • マイクロインタラクション = 小さなアニメーションではない
    • マイクロインタラクションこそがプロダクトの質を左右する
    • マイクロインタラクションは思っているよりも考えるべきことが多い
    • 技術発展の歴史はマイクロインタラクションの歴史でもある
  • UI Details JP を作った
続きを読む

【Human Interface Guidelines 翻訳 vol.19】iOS - Visual Design - Typography

元ページ
Typography - Visual Design - iOS - Human Interface Guidelines - Apple Developer

  • Typography(タイポグラフィ
    • SF Pro and SF Compact
    • SF Pro Rounded and SF Compact Rounded
    • SF Mono
    • New York
    • Choosing Fonts to Enhance Your App(アプリを拡張するためのフォントの選択)
    • Dynamic Type Sizes(ダイナミックタイプサイズ)
    • Larger Accessibility Type Sizes(より大きなアクセシビリティタイプサイズ)
    • Tracking Values(トラッキング値)
続きを読む

【Human Interface Guidelines 翻訳 vol.18】iOS - Visual Design - Terminology

元ページ
Terminology - Visual Design - iOS - Human Interface Guidelines - Apple Developer

  • Terminology(用語)
続きを読む

【Human Interface Guidelines 翻訳 vol.17】iOS - Visual Design - Materials

元ページ
developer.apple.com

  • Materials
    • System-Defined Materials and Vibrancy(システム定義のマテリアルと鮮やかさ)
続きを読む

【Human Interface Guidelines 翻訳 vol.16】iOS - Visual Design - Launch Screen

元ページ
Launch Screen - Visual Design - iOS - Human Interface Guidelines - Apple Developer

  • Launch Screen(起動画面)
続きを読む

【Human Interface Guidelines 翻訳 vol.15】iOS - Visual Design - Dark Mode

元ページ
https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/dark-mode/

  • Dark Mode(ダークモード)
    • Dark Mode Colors(ダークモードでの色)
      • Image, Icon, and Symbol Color(画像、アイコン、シンボルの色)
    • Materials(マテリアル)
続きを読む