{"id":126424,"date":"2022-06-07T15:30:08","date_gmt":"2022-06-07T15:30:08","guid":{"rendered":"https:\/\/developer.apple.com\/news\/?id=3sgp4ps7"},"modified":"2022-06-07T15:30:08","modified_gmt":"2022-06-07T15:30:08","slug":"challenge-pixel-perfect-design","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2022\/06\/07\/challenge-pixel-perfect-design\/","title":{"rendered":"Challenge: Pixel perfect design"},"content":{"rendered":"<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-pixel-perfect-design.jpg\" data-hires=\"false\" alt><\/div>\n<p>Ready to show off your pixel perfect design skills? We&#8217;re challenging you to embrace the constraints of a grid and design an app icon at pixel level using only black and white colors. When we design icons today, we create work for high-resolution HDR screens, with millions of pixels and color at our disposal. But there\u2019s joy in embracing a bit of retro restraint: pixel grids can help you distill the essence of your design and make sure your icon is clear and understandable at all sizes.<\/p>\n<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-pixel-perfect-design-1.jpg\" data-hires=\"false\" alt=\"Challenge yourself to embrace constraints and design an app icon using only black and white colors on a 48x48 pixel grid.\"><\/p>\n<div class=\"typography-caption\">\n<p>Challenge yourself to embrace constraints and design an app icon using only black and white colors on a 48&#215;48 pixel grid.<\/p>\n<\/div>\n<\/div>\n<p>Pixel icons have a rich history on the Mac. MacPaint was a raster graphics editor released as part of the original Macintosh in 1984, and its icons were playful, simple and recognizable to people around the world. Many of the defining icons for modern drawing and design tools \u2013 such as the paint brush, lasso, and hand tool \u2013 were originally created for MacPaint by Susan Kare, one of the original designers for the Mac.<\/p>\n<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-pixel-perfect-design-2.jpg\" data-hires=\"false\" alt=\"App icons for MacPaint, MacDraw, and MacWrite, originally created by Mac designer Susan Kare.\"><\/p>\n<div class=\"typography-caption\">\n<p>App icons for MacPaint, MacDraw, and MacWrite, originally created by Mac designer Susan Kare.<\/p>\n<\/div>\n<\/div>\n<p>Kare designed these icons with the monochromatic limits of the first Mac display in mind, using a grid-lined notebook to map out each pixel. While we\u2019re no longer limited by hardware, you can explore those same design principles to help you create fun, interesting, and visually stunning icons. <\/p>\n<h3>Begin the challenge<\/h3>\n<p>We\u2019re inviting you to create an app icon at pixel level using only black and white colors on a 48\u00d748 pixel, 32\u00d732 pixel, or 16\u00d716 pixel canvas. You may design for every size, for two sizes, or just one size. You can draw your icon on paper or using your favorite program; we\u2019ve also provided a pixel grid for download.<\/p>\n<p><a href=\"https:\/\/developer.apple.com\/wwdc22\/challenges\/downloads\/WWDC22-Pixel-Perfect-Design-Challenge.zip\" class=\"icon icon-after icon-chevronright\">Download a pixel grid for the challenge<\/a><\/p>\n<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-pixel-perfect-design-3.jpg\" data-hires=\"false\" alt><\/div>\n<ul>\n<li>Before you start drawing on the canvas, think about your goal: Are you designing a brand new app icon, or recreating something that already exists?<\/li>\n<li>Once you\u2019ve decided, explore a single element that captures the essence of the app, and express that element in a simple, unique shape. For example, the Mail app icon uses an envelope, which is universally associated with mail. <\/li>\n<li>Add details cautiously. If the content or shape is overly complex, details can be hard to discern. Icons at all three sizes should generally match in appearance, although you can explore subtle, richer, or more detailed additions at 48\u00d748 pixel size.<\/li>\n<\/ul>\n<div class=\"inline-article-image\"><img decoding=\"async\" src=\"https:\/\/www.sickgaming.net\/blog\/wp-content\/uploads\/2022\/07\/challenge-pixel-perfect-design-4.jpg\" data-hires=\"false\" alt><\/div>\n<p><a href=\"https:\/\/twitter.com\/search?q=%23WWDC22Challenges\" class=\"icon icon-after icon-chevronright\">Explore #WWDC22Challenges on social media<\/a><\/p>\n<p><a href=\"https:\/\/developer.apple.com\/wwdc22\/challenges\/terms\/WWDC22_Challenge_Terms_Conditions.pdf\" class=\"icon icon-after icon-chevronright\">Read the WWDC22 Challenges Terms and Conditions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ready to show off your pixel perfect design skills? We&#8217;re challenging you to embrace the constraints of a grid and design an app icon at pixel level using only black and white colors. When we design icons today, we create work for high-resolution HDR screens, with millions of pixels and color at our disposal. But [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":126425,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-126424","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple-developer-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/126424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=126424"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/126424\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/126425"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=126424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=126424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=126424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}