{"id":3813,"date":"2019-08-08T00:07:01","date_gmt":"2019-08-07T15:07:01","guid":{"rendered":"https:\/\/chat-messenger.com\/?p=3813"},"modified":"2019-09-11T00:18:57","modified_gmt":"2019-09-10T15:18:57","slug":"app_icon_renewal_40700","status":"publish","type":"post","link":"https:\/\/chat-messenger.com\/en\/info\/app_icon_renewal_40700","title":{"rendered":"Icons in app completely redesigned based on flat design v4.07.04"},"content":{"rendered":"<style type=\"text\/css\"><!--\ntable, th, td {\n    border: none !important;\n}\n--><\/style>\n<h2>Complete renewal of icons in the app<\/h2>\n<h4>Based on flat design<\/h4>\n<p>Based on a simple flat design, the icons in the application have been completely redesigned.<\/p>\n<div class=\"card-img post_img\">\n  <img src=\"https:\/\/chat-messenger.com\/images\/info\/app_icon_renewal_40700.jpg\" alt=\"Icon renewal\" border=\"0\">\n<\/div>\n<div class=\"related\">\nFlat design is characterized by a simpler composition of colors and shapes with less three-dimensionality and texture.\n<\/div>\n<h4>CTO also uses Paint.NET to create icons<\/h4>\n<p>\nI (CTO Satoshi Tanabe) am an engineer, but I put a lot of energy into creating the new icons in the app myself.\n<\/p>\n<p>\nThe standard icon size for Windows is 16x16px, which is very small. Also, compared to MacOS, visibility tends to be poor due to the low resolution of the monitor.\n<\/p>\n<p>\nIn such a small world, it takes a lot of ingenuity to figure out how much information to pack into such a simple, intuitive operation.\n<\/p>\n<p>By the way, the designer is <a href=\"https:\/\/www.adobe.com\/jp\/products\/illustrator.html\" rel=\"noopener\" target=\"_blank\">Adobe Illustrator<\/a> I used to use it, but I <a href=\"https:\/\/forest.watch.impress.co.jp\/library\/software\/paintdotnet\/\" rel=\"noopener\" target=\"_blank\">Paint.NET<\/a> Created in\n<\/p>\n<p>\nThis is a little technique, but when overlapping icons, if you use transparency around the overlapping icon, it will improve visibility when the image is scaled down to 16x16px. I was told by the designer that it is difficult unless you use Adobe Illustrator, but it seems that Paint.NET is sufficient for this purpose.\n<\/p>\n<p>\nIcons are limited to circles, ovals, and rectangles, but they can be simply cut and stacked along the shape of the icon to be stacked, leaving a margin between the icons!<\/p>\n<div class=\"card-img post_img\">\n  <img src=\"https:\/\/chat-messenger.com\/images\/info\/Paint_NET_sample.jpg\" alt=\"Paint.NET\" border=\"0\">\n<\/div>\n<p>Also, Paint.NET's \"magic wand\" is incredibly useful.\n<\/p>\n<h2>Other<\/h2>\n<ul>\n<li>Fixed a bug that only the specified user is notified when he\/she specified a mentions in the chat.<br \/>\nWhen a user in a chat room is selected with the mouse, it becomes a Mention notification and is shared with the entire chat room.<\/p>\n<li>Defect handling in the user tab in the cloud model\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Complete renewal of in-app icons Based on a flat design Based on a simple flat design, the in-app icons [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"swell_btn_cv_data":""},"categories":[5],"tags":[],"_links":{"self":[{"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/posts\/3813"}],"collection":[{"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/comments?post=3813"}],"version-history":[{"count":47,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/posts\/3813\/revisions"}],"predecessor-version":[{"id":4065,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/posts\/3813\/revisions\/4065"}],"wp:attachment":[{"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/media?parent=3813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/categories?post=3813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/chat-messenger.com\/en\/wp-json\/wp\/v2\/tags?post=3813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}