Apple、デザインが刷新されるmacOS 11 Big SurとiOS 14 BetaのSketch、Photoshop用デザインテンプレートを公開。


 Appleがデザインが刷新されるmacOS 11 Big SurとiOS 14 BetaのSketch、Photoshop用デザインテンプレートを公開しています。詳細は以下から。

Adobe Photoshop

 Appleは日本時間2020年06月22日午前10時より世界開発者会議(WWDC20)をオンラインで開催し、次期macOS 11 Big SurおよびiOS 14などを今年の秋にもリリースすると発表しましたが、このmacOS 11とiOS 14のデザインテンプレートが開発者向けに公開されています。

iOS 14とmacOS Big Surのデザインテンプレート

 AppleはmacOS 11 Big SurでmacOSのデザインを刷新することを既に発表していますが、現在のところmacOS 11のUIエレメントは公開されておらず、アイコンとファイルテンプレートのみですが、

macOS Big Surのアイコン

macOS 11ではアイコンとファイルアイコンもiOSライクになり大きく変更されるので、開発者やデザイナーの方はチェックしてみてください。*iOS 14のデザインテンプレートも複数のアップデートが追加されています。

macOS Big Surのファイルテンプレート




  • Menu control (Sketch, Photoshop)
  • Date and Time Pickers (Sketch, Photoshop)
  • Color Pickers (Sketch, Photoshop)
  • Sidebar (Sketch, Photoshop)
  • Widgets (Sketch, Photoshop)
  • 4and 5symbol options for navigation bar (Sketch, Photoshop)
  • Search field right accessory option for navigation bar (Sketch, Photoshop)
  • Min and max slider control options (Sketch)
  • Page controls with background platter (Sketch, Photoshop)
  • Grouped table views (Sketch, Photoshop)
  • Default and large row height options
  • Inset appearance for compact and regular size classes
  • Material reference guide for Photoshop
  • Color guide for Photoshop
  • 12.9” keyboards in portrait and landscape orientation (Sketch, Photoshop, XD)
  • Named (labeled) text fields (Sketch, Photoshop)
  • Symbols and templates for Apple Wallet passes and Add to Apple Wallet buttons (Photoshop, Sketch)
  • Dark mode action sheets, activity view controllers (share sheets), and alerts for Photoshop

Major updates:

  • Indeterminate Progress Indicators (Spinners) (Sketch, Photoshop)
  • Home Screen, Notification, and Home Screen Quick Action design templates. (Photoshop)
  • Page controls (Sketch, Photoshop)
  • Slider controls (Sketch, Photoshop)
  • Updated Keynote templates and guides to iOS 13

Other improvements and fixes:

  • Slight refinements to Photoshop segmented controls (Paths, layout)
  • Added support for Sketch 64 tints for tab bar, navigation bar, toolbar and most other controls
  • Updated position of some table row accessories (Sketch)
  • Updated section index symbol to fix layout bug and remove background color (Sketch)
  • Added prototyping hotspot to all tab bar buttons (Sketch)
  • Rebuilt two-item navigation bar text buttons to resize correctly
  • Updated grouped table view headers and footers for height accuracy (Sketch)
  • Header includes extra top padding to be used if trailing a grouped table view with footer text
  • Footer supports multiple lines of text
  • Updated size and font size of table row action buttons (was 82.67 points wide with 17 point type, now 74 points wide with 15 point type)
  • Updated appearance of table row reorder indicator
  • Updated appearance of sticky section headers
  • Changed layout of color guides
  • Updated inset values for compact width sliders
  • Updated icon sliders to work with SF Symbols
  • Fixed bug where Home Screen templates weren’t allowing app icon image overrides

Icons and Glyphs

  • Added Add to Apple Watch button artwork
  • Added Game Center icon and glyphs


  • Added app icon template for macOS (Photoshop, Sketch)
  • Added document icon template for macOS (Photoshop, Sketch)
  • Added feature icon template for macOS (Photoshop, Sketch)