Leopard and the Updated HIG: A Designer's Guide to Icons
I am delighted to announce that my article
about creating 512x512 icons for Mac OS X Leopard has
been published at Smashing Magazine!
Smashing Magazine delivers useful, inspirational and innovative information for designers and web-developers and it's a great pleasure for me to contribute to such a creative designer environment!
“In 2000 Apple released the visual theme Aqua, a stunning leap forward in graphical user interface design. At the same time Apple published the Human Interface Guidelines (HIG), a tool for developers and designers that gives a detailed breakdown of the design philosophy behind Aqua. Apple recently updated their Human Interface Guidelines (HIG), to include the way the visual theme Aqua has evolved in Apple's latest operating system, OS X 10.5 Leopard. This is the first update since 2006.”
Aqua: "Gorgeous, artistic icons are an important part of the Mac OS X user experience. Users expect beautiful icons that tell an application’s story in a clear and memorable way". Well, how do icon designers go about creating beautiful icons in 512x512 glory? Leopard and the Updated HIG: A Designer's Guide to Icons examines Aqua's interface. Realism, symbols, silhouettes, transparency, light source and perspective. We take a look at the Dock, Leopard's file browser Cover Flow and the icon sizes. Finally you will find some practical tips on how to scale your art work so that the smaller versions become crisp and clear.
Smashing Magazine delivers useful, inspirational and innovative information for designers and web-developers and it's a great pleasure for me to contribute to such a creative designer environment!
“In 2000 Apple released the visual theme Aqua, a stunning leap forward in graphical user interface design. At the same time Apple published the Human Interface Guidelines (HIG), a tool for developers and designers that gives a detailed breakdown of the design philosophy behind Aqua. Apple recently updated their Human Interface Guidelines (HIG), to include the way the visual theme Aqua has evolved in Apple's latest operating system, OS X 10.5 Leopard. This is the first update since 2006.”
Aqua: "Gorgeous, artistic icons are an important part of the Mac OS X user experience. Users expect beautiful icons that tell an application’s story in a clear and memorable way". Well, how do icon designers go about creating beautiful icons in 512x512 glory? Leopard and the Updated HIG: A Designer's Guide to Icons examines Aqua's interface. Realism, symbols, silhouettes, transparency, light source and perspective. We take a look at the Dock, Leopard's file browser Cover Flow and the icon sizes. Finally you will find some practical tips on how to scale your art work so that the smaller versions become crisp and clear.
|
Cracking the Easter Icon Egg Hunt
And there is more! This was just the beginning of fun desktop events here at Marmalade Moon! I am launching a new project for people who like to customize their desktops: Club Marmalade Moon!
Members will receive exclusive, limited edition, designer desktop art that will be free for use in personal projects. You can use the desktop art to decorate your computer desktop. Or your blog or website. You can use it for your computer user account, your forum profile, or instant messenger. You can customise your social network such as Facebook, MySpace, Twitter. Making your digital space personal and beautiful. And it's fun to collect the desktop art too!
Sign up today and be part of the grand opening in April!
Happy Easter!
Rabbit on the Moon!
I asked him what you were supposed to do when you found an egg, he gave me a look like I am hopeless, and said that “you just click on it and you will be magically transported to a secret page where you can save them to your computer”.
Then his paintbrush dropped out of his satchel and he snatched it back up and suddenly looked a bit worried. He said something about finding the right shades for chocolate, and said he'd be back with more eggs “when they were ready”. Then he jumped vertically for no apparent reason. Blinked and darted off.
Just like that! There was no time for me to remind him that the last day for the egg hunt is on Easter Monday, 24 March and ask him what he had planned for the grand finale! If anything... One wonders... I will keep you updated when I see any more evidence of his work...
Until then, good luck on your icon egg hunt!
CLUE: If you have recently been browsing Marmalade Moon you might have to reload a page to see the egg, or clear the cashe in your browser.
Easter Icon Egg Hunt
Yes, he really did seem mad as a March hare, this bunny, or rabbit... Very excited, but also a bit scatterbrained... I was asking him about dates and how many of these eggs he was planning to bring but all I could get out of him was that it will be going on “during Easter” and that he will be hiding “some beautiful eggs” all over Marmalade Moon... When I pressed he said the last day for the hunt would be on Easter Monday, 24 March.
I think that was a bit too much for him, having to be so specific, because after that he started mumbling about whether these eggs would be wrapped in foil or not, or if they would be made of chocolate or if they were going to be all in shades of pastels or in stronger colours, with patterns or dyed, hollow or solid... And then he hopped off with a jerk, I assume to make preparations, and I refrained from passing any comments about tin foil...
Full Moon Icons
03/03/08 18:28 Filed in: Icons
Announcing the release of a set of Full Moon
icons based on the colourful moons from my
recent Total
Lunar Eclipse Collection of desktop
pictures.
Customize your desktop with this set of icons includes nine variations reaching from a pale, milky white moon, through shades of yellow, glowing oranges and reds as well as some blue moons.
Full Moon icons are Leopard and Vista ready!
Customize your desktop with this set of icons includes nine variations reaching from a pale, milky white moon, through shades of yellow, glowing oranges and reds as well as some blue moons.
Full Moon icons are Leopard and Vista ready!
Valentine's Day Icons Upsized for Leopard and Vista
13/02/08 17:17 Filed in: Icons
I just updated two sets of icons, Valentine's Day and
Wedding with new juicy big
sizes for Mac for Mac OS X Leopard and Windows
Vista in time for for the Iconfactory's
Valentine's Day Celebration. Naturally these
icons still also contain versions for the
classic systems.
These icons will look simply gorgeous in Leopard’s Cover Flow or as searchable CandyBar iContainers.
Valentine's Day includes hearts, a Valentine's Day card, a forget-me-not, a rose and a box of chocolates.
Originally I created Wedding as an iconic wedding gift for a friend and co-worker. The collection has a Chinese theme and includes a wedding invitation, a bridal bouquet of red roses, gold wedding rings, a wedding cake, a present, a glass of champagne and the Chinese symbol for Double Happiness.
So head on over to the Iconfactory's Valentine's Day Celebration, where you will find that the desktop cupid has presented romantic wallpapers and icons!
These icons will look simply gorgeous in Leopard’s Cover Flow or as searchable CandyBar iContainers.
Valentine's Day includes hearts, a Valentine's Day card, a forget-me-not, a rose and a box of chocolates.
Originally I created Wedding as an iconic wedding gift for a friend and co-worker. The collection has a Chinese theme and includes a wedding invitation, a bridal bouquet of red roses, gold wedding rings, a wedding cake, a present, a glass of champagne and the Chinese symbol for Double Happiness.
So head on over to the Iconfactory's Valentine's Day Celebration, where you will find that the desktop cupid has presented romantic wallpapers and icons!
Introducing xScope
30/01/08 22:23 Filed in: Design
I am so excited that xScope 2.0 is being released!
This handy tool really is a “Swiss Army knife” for designers and developers. xScope is a powerful set of tools to measure, compare, and contrast literally anything on the screen. xScope will increase your productivity and free you from mundane tasks like measuring on screen elements.
Version 2.0 introduces Dimensions. This tool is like laser tape measure for the screen that projects a beam out from your cursor instantly finding the edges of images, margins and blocks of text. The days of taking screen shots, opening them and measuring them by hand are finally over!
xScope will change the way you work and take all the effort out of measuring onscreen elements.
An Iconfactory and ARTIS Software production.
This handy tool really is a “Swiss Army knife” for designers and developers. xScope is a powerful set of tools to measure, compare, and contrast literally anything on the screen. xScope will increase your productivity and free you from mundane tasks like measuring on screen elements.
Version 2.0 introduces Dimensions. This tool is like laser tape measure for the screen that projects a beam out from your cursor instantly finding the edges of images, margins and blocks of text. The days of taking screen shots, opening them and measuring them by hand are finally over!
xScope will change the way you work and take all the effort out of measuring onscreen elements.
An Iconfactory and ARTIS Software production.
iPhone Inspired Icons: iPhonica Snowflakes
22/12/07 12:56 Filed in: Icons
Let these snowflake icons designed in the
iPhone style gently drift down on your desktop.
The collection of iPhonica Snowflakes includes large sizes for Mac OS X Leopard and Windows Vista as well as versions for the older systems.
Season's Greetings, Merry Christmas and Happy Holidays from Marmalade Moon!
The collection of iPhonica Snowflakes includes large sizes for Mac OS X Leopard and Windows Vista as well as versions for the older systems.
Season's Greetings, Merry Christmas and Happy Holidays from Marmalade Moon!
iPhone Inspired Icons: iPhonica Vol. 1 Remastered for Mac OSX Leopard and Windows Vista
22/12/07 12:17 Filed in: Icons
This fun and colourful collection of iPhone inspired icons
has been updated for modern systems.
The set is now complete with 512x512 pixel versions for Mac OS X Leopard and 256x256 pixel versions for Windows Vista added to the versions for the older systems.
Head on over to the Freebies page to download the updated collection of iPhonica Volume 1 icons for Leopard and Vista to your computer!
The set is now complete with 512x512 pixel versions for Mac OS X Leopard and 256x256 pixel versions for Windows Vista added to the versions for the older systems.
Head on over to the Freebies page to download the updated collection of iPhonica Volume 1 icons for Leopard and Vista to your computer!
Trick or Treat! iPhone Inspired Icons for Halloween
31/10/07 21:01 Filed in: Icons
Tricky spiders, skulls, cobwebs, a pointed witch's hat, candy corn, ghosts and ghouls as well as some smashing pumpkins will crawl out of this collection of icons! Happy Halloween!
iPhone Inspired Icons: iPhonica Vol. 3: Replacement Icons for iLife
07/08/07 21:48 Filed in: Icons
There are five icons in the collection, including iPhoto, iWeb, iDVD, iMovie and GarageBand. Download iPhonica Volume 3 at the Iconfactory!
Update: Since Apple redesigned the iLife 08 version of iMovie I added a second version of the iLife icon to the set – the iLife ‘08 version of iMovie.
Iconfactory Wallpapers for Your iPhone!
27/06/07 17:18 Filed in: Wallpapers
/ Desktop Pictures
Now you can customize your iPhone’s background with any of the Iconfactory's fun, graphic desktop pictures and make it match your desktop computer or just set your iPhone apart from the pack.
Busy days but I finally got some time to make application icons in the iPhonica style. So keep your eyes peeled for more goodies!
Designing the Digital Room
08/04/07 18:04 Filed in: Recognition
| Icons
I was recently interviewed by SvD Näringsliv, if you
speak Swedish you can read the interview here:
Design i digitala rum.
iPhone Inspired Icons: iPhonica System Replacement Icons
21/02/07 14:38 Filed in: Icons
Disclaimer, turning your computer sideways will NOT initiate portrait mode.
She Said No to Jobs and Gates
14/02/07 19:21 Filed in: Recognition
| Icons
I had the pleasure of being interviewed by Jonas
Hållén at Dagens Teknik. Alexander Ruas was the
photographer.
iPhone Inspired Icons: iPhonica Vol. 2
02/02/07 21:10 Filed in: Icons
On popular demand I created a second set of iPhonica icons. Volume 2 of my series of icons based on the upcoming GUI of Apple's new iPhone is this week's freeware release over at the Iconfactory. The set contains 10 new icons. A rose for your iPhone Valentine. A snowflake for winter. And several more utilitarian icons too.
iPhone Inspired Icons: iPhonica Vol. 1
17/01/07 12:58 Filed in: Icons
Can't wait for your new iPhone? Turn your
computer into a wannabe iPhone with 15 brand new
iPhonica icons!
These iPhone inspired icons include icons for music, work, experiments, favourites, various forms of electronic communication, hardware as well as coffee, a dry martini, a slice of orange and of course your favourite game, World of Warcraft.
These iPhone inspired icons include icons for music, work, experiments, favourites, various forms of electronic communication, hardware as well as coffee, a dry martini, a slice of orange and of course your favourite game, World of Warcraft.










