KDE BLOG

バイブス

「マイクロインタラクション 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.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(マテリアル)
続きを読む

【Human Interface Guidelines 翻訳 vol.14】iOS - Visual Design - Color

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

  • Color(色)
    • System Colors(システムカラー)
    • Dynamic System Colors(ダイナミック[動的]システムカラー)
    • Color Management(色の管理)
続きを読む