![]() ![]() I could open, tweak, and re-export animations without much work from the developer. Kite builds pre-packaged animation archives, which allowed me to iterate super quickly on the animations. The size and pin toggle animations, enlarged and slowed to show detailsĪll of these animations are native CoreAnimation assets, built with a tool called Kite Compositor. Here are two of the animations from the toolbar: This is most noticeable in the toolbar at the top of the main window, where each icon subtly moves between states. One of the ways we accomplished that was by adding subtle animations throughout. When it is open, we wanted the app to feel snappy and vibrant. SoundSource does most of its work while in the background, with its only visible part showing in the menu bar. To create consistency, we also added those icons to the Standard view, where they serve as a secondary visual cue. The device icons which remain work particularly well if you have a small number of devices attached to your Mac, as most users do. The Compact view also removes text from the device selector, cutting it down to a fraction of its standard length. Click to download and watch in another app. Your browser doesn’t support the video tag. Clarity in the Compact view is somewhat reduced, but toggling back to the Standard view quickly restores it. ![]() This significantly reduces the width of the main window, which is particularly handy if you leave SoundSource pinned open. As you can see below, when SoundSource is switched to its Compact view, many text labels are removed. The most obvious way SoundSource 5 accomplishes this is with the new Compact view. ![]() While it wasn’t massively oversized, we knew we wanted to find ways to slim things down. SoundSource 4 started out very small and compact, but as features were added, the main window grew. In this article, I’ll go over some of the refinements we implemented to make SoundSource 5 both useful and delightful. The new interface both looks better and works better. We revisited every part of the user interface, to deliver an update that goes well beyond the sum of its parts. When I think of the design process for SoundSource 5, a single word comes to mind: refinement. Recently, we released the new SoundSource 5, featuring many improvements, both technical and in terms of design. That version marked SoundSource’s transition from a simple audio device selector into a much more powerful app. Not so long ago, I wrote about the design of SoundSource 4. Posted By Neale Van Fleet on August 31st, 2020 ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |