Giới Thiệu · Iconographer
Designing application icons or customizing icons on your Mac can be a tedious and time consuming task, especially application icons as you need to also create the related "Document" icons, "Disk Image" icon and possibly even a Folder icon. Not forgetting that different operating systems have different guidelines for how app icons should look. We decided to share our own icon creation tool, so it can help you too. It's called Iconographer, we designed it to help us create our application icons (plus related icons) and we use it to customize our Macs, making it quicker for us to recognize certain folders or disks.In Iconographer we've included templates and styles to simply the process of creating the following icons. macOS; App icons, folder icons, disk icons & document file icons. iOS Application icons. Windows; App icons, folder icons, disk icons & document file icons. Even web icons, such as favicon.ico (with PNG variants) and Apple Touch Icons, so they look great in Safari's favorites panel. Creating icons is only one step in the process, once you've designed the perfect Icon, you still need to make sure it looks good. That often involves a lot of work and more time, to make Previewing simpler, we've built in a bunch of options. The macOS Dock (it actually replaces the Iconographer icon). The macOS About Box. A Mac App Store sample. QuickLook Preview. iPhone 6 home screen & App Store. iPad 2 home screen. Contact sheet showing the icon at various sizes.
We built a brand new editor, specialized in the task of creating icons. While we were building the editor, we were also actually using it to design icons and so we're very proud of this editor, here's some of the features. Layers, with blending modes, opacity & clipping. Layer dimensions are actually displayed in the layer while you're moving it around. Platform specific shapes, such as the macOS circle, rounded rect, Windows tile and iOS rounded square. Multiple 1-Click Styles, for not only each icon, but also each platform. A choice of 5 different backgrounds. Shared graphic layers, set the image once and it's used across all the icons. Shared colors & gradients; helping to keep your icon's identity across platforms. Shared labels; perfect for any text you need on the icon. Increase readability; keeps legibility of text at smaller sizes. Snapping guidelines, help to keep the elements in line.
