Apple、iOS 11 betaに対応したiOSアプリ用UI素材「Apple UI Design Resources」をSketchおよびPhotoshop形式で公開。

iOS 11のロゴ。 iOS11

 AppleがiOSアプリ用UI素材「Apple UI Design Resources」のiOS 11 beta版をSketchおよびPhotoshop形式で公開しています。詳細は以下から。

iOS 11のロゴ。

 AppleはWWDC 2017の基調講演後”iOS Human Interface Guidelines“のサポートページを更新し、iOS 10と同様にiOS 11 betaに対応したiOS用のUIテンプレートをPhotoshopおよびSketch形式で公開しています。

iOS Human Interface Guidelines for iOS 11 beta

iOS Apps
The Apple UI Design Resources include Photoshop, Sketch, and Adobe XD templates along with other UI materials for quickly designing iOS apps. The included resources are comprehensive and accurately depict the full range of UIKit controls, views and glyphs available to developers using the iOS SDK.

Design Resources – Apple Developer

 iOS 11.0 beta用のテンプレートはPhotoshop形式が195.9 MB、Sketch形式が5.6 MBで、ファイルには以下のNavigation BarやToolbar, QuickActions, TabBar のグリフ、UI Elements、Appアイコンなどが含まれているので、iOS 11アプリのデザインをされる方はチェックしてみて下さい。

UI Elements for iOS 11

  • Colors:
    • iOS-Colors.ase
    • iOS-Colors.clr
  • Fonts:
    • San Francisco Pro.pkg
    • SF UI Font License.rtf
  • Guides:
    • Quick Action Menu:
      • HIG-QuickAction-Menu.psd
    • Type SF UI:
      • Guide-Type-DynamicTypeTable-AX.psd
      • Guide-Type-DynamicTypeTable.psd
  • Templates:
    • App:
      • Template-BarsAndViews.psd
    • App iMessage:
      • Template-iMessageApp-Stickers.psd
    • App Icons:
      • Template-AppIcons-iOS.psd
      • Template-iMessageAppIcons-iOS.psd
    • Glyph Navigation Bar and Toolbar:
      • Glyphs-NavigationBarAndToolbar.psd
    • Glyph Quick Actions:
      • Glyphs-QuickActions.psd
    • Glyph Tab Bar:
      • Glyphs-TabBar.psd
  • UI Elements:
    • UIElements-Bars.psd
    • UIElements-Controls.psd
    • UIElements-System.psd
    • UIElements-Views.psd