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のファイルテンプレート

Sketchライブラリのリソースをアップデートすると、一部のネストされたシンボルがマッピングされない可能性があるそうです。(参照)
スポンサーリンク

iOS

Additions:

  • 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

macOS

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