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

iOS14

2020.06.242021.05.08

記事内に広告が含まれています。

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

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

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

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

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