{"id":30906,"date":"2020-12-02T16:59:40","date_gmt":"2020-12-02T21:59:40","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=30906"},"modified":"2020-12-02T16:59:40","modified_gmt":"2020-12-02T21:59:40","slug":"sketchs-big-sur-app-icon","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2020\/12\/02\/sketchs-big-sur-app-icon\/","title":{"rendered":"Sketch’s Big Sur App Icon"},"content":{"rendered":"

Sketch<\/a>:<\/p>\n

\n

“We experimented with moving away from the diamond, but that seemed a little silly considering that it’s such a strong part of our brand,” he explains. “So we created a bunch of new diamond shapes — some with perspective, some without; some with more faces, some with less.” From there, it became of question of which ones worked best, and how to integrate these elements with different backdrops.<\/p>\n

[…]<\/p>\n

Getting the balance right between the foreground shapes and the background was particularly tough. “Something we found out very quickly was that there was often a visual struggle between the rounded rectangle backdrop and the diamond,” he says.<\/p>\n

[…]<\/p>\n

The rounded rectangle background is actually a simplified representation of Sketch’s Big Sur user interface<\/a>, and the Sidebar on the left has transparency, which means it ever-so-slightly takes on the background color of your wallpaper.” The diamond itself got some love too — Prekesh redrew and re-colored it from scratch to improve the contrast and make it slightly more vibrant. Plus, a new, deeper shadow makes it feel like it’s really floating in front of the UI.<\/p>\n<\/blockquote>\n\n

Previously:<\/p>\n