1020 1880 1178 1446 1924 1013 1721 1492 1585 1324 1312 1401 1407 1019 1127 1285 1949 1749 1951 1251 1114 1991 1878 1329 1174 1039 1715 1941 1453 1099 1286 1092 1358 1224 1477 1740 1188 1911 1985 1959 1859 1914 1071 1993 1025 1782 1888 1595 1753 1186 1460 1232 1192 1493 1294 1463 1049 1034 1859 1288 1778 1109 1646 1535 1965 1549 1304 1539 1597 1036 1549 1888 1753 1296 1536 1909 1987 1829 1398 1317 1404 1997 1695 1440 1553 1490 1479 1709 1581 1117 1415 1783 1278 1553 1124 1735 1368 1072 1918 The Overcast Redesign: Part One | PHPnews.io

PHPnews.io

The Overcast Redesign: Part One

Written by Marco Ament / Original link on Mar. 25, 2022

ocredesign2022-1-after.pngocredesign2022-2-after.pngocredesign2022-3-after.png

Overcast’s latest update (2022.2) brings the largest redesign in its nearly-eight-year history, plus many of the most frequently requested features and lots of under-the-hood improvements. I’m pretty proud of this one.

For this first and largest phase of the redesign, I focused on the home screen, playlist screen, typography, and spacing. (I plan to revamp the now-playing and individual-podcast screens in a later update.)

The home screen is radically different:

ocredesign2022-1-before.png ocredesign2022-1-after.png
Home screen, before (left) and after (right).

I’ve also rethought the old stacked “Podcasts” and “Played Podcasts” sections to better match people’s needs and expectations. Now, the toggle atop the podcast list switches between three modes: podcasts with current episodes, all followed podcasts, and inactive podcasts (those that you don’t follow and therefore won’t get any more episodes from, or haven’t posted a new episode in a long time).

The playlist screen’s structure remains mostly the same, while refining the design for the modern era:

ocredesign2022-2-before.png ocredesign2022-2-after.png
Playlist screen, before (left) and after (right).

Here, it’s more apparent that I’ve replaced the system San Francisco font with an alternate variant, San Francisco Rounded, to increase legibility and better match the personality of the app.

I’ve also added highly demanded features:

ocredesign2022-3a.png ocredesign2022-3b.png

The light and dark themes now each have a customizable tint color from the modern iOS UI-color palette, including these favorites from beta testers:

ocredesign2022-theme-light1.pngocredesign2022-theme-light2.pngocredesign2022-theme-light3.pngocredesign2022-theme-light4.pngocredesign2022-theme-light5.pngocredesign2022-theme-dark1.pngocredesign2022-theme-dark2.pngocredesign2022-theme-dark3.pngocredesign2022-theme-dark4.pngocredesign2022-theme-dark5.png

And throughout the app, I’ve made tons of tweaks and bug fixes, including:

Thank you so much to everyone who helped me beta-test this massive update.

As always, Overcast is free in the App Store. Go get it!

marcoament

« Weekly Update 288 - Glob-like File and Pattern Matching Utilities for PHP »