Here's a screenshot of how I have Journler setup: Like NetNewsWire (another favorite app), Journler features a built-in webkit-based web browser, so I don't need to leave Journler to check out a weblink. It integrates to iLife, I can capture images, video and audio, it uses of the 'Services" menu to capture information from other applications, and has a 'Journler Drop Box' folder for an easy way of importing or linking files to Journler. I feel like I'm barely scratching the surface of Journler's capabilities. I can keep track of logo projects here, standard templates for emails, references to recipes and even links to external files. I love this multi-purpose capture tool, as I can store all sorts of useful information in one place. On Thursday, Journler 2.5 was released, a major milestone for the app, including many new features, a new look and feel and an icon I designed with the developer, Phil Dow. #JOURNLER APP MAC OS X#I've been using Journler a great Mac OS X journaling, tidbit-capturing, swiss army knife application for the past several months, and it's high time I share it here on the weblog. Thanks Adriaan for working with me on this fun project! :-) Read more The initial up-scaled icon wasn't perfect, but good enough to save a god chunk time rebuilding the icon from scratch if it were a 128px bitmap icon. I took the opportunity to refine the details, like adding actual lines of text to the documents.īecause I used Fireworks' vector tools to build this icon, it was relatively easy to upscale the 256px icon from the original 128px icon. I designed the original icon as a standard 128x128px icon, then later in the process, Adriaan needed a 256x256px version for other uses. It was a different approach for a blogging app icon, but that's just what Adriaan liked best. Working on this one was quite fun, going through the sketch process, until we came to this solution of a box with items you might use for blogging inside. In the flurry of activity here, I've not had a chance to mention the release of the new ecto 3 application icon I've designed for Adriaan at Infinite Sushi: Jon Trainer has a post about the design process on his company blog. I look forward to helping others on future iPhone app projects to keep exploring this fascinating new UI design space.īullfrog Touch was chosen as one of the best iPhone/iPod touch games to give as a gift, in the TidBITS Gift Guide 2008 It was an interesting and enjoyable challenge working with Jon on this iPhone UI design project. Here's my original mockup next to the the final Bullfrog Touch scores screen:Ĭonclusion? That was fun, I want to do it again! The colors and button styles and some of the elements were changed, resized and tweaked, but are still pretty close to my mockup. Jon was happy with the results, using the mockup and exported files as a reference for the final application UI. My goal was to make the scores screen clear, easy to read and use, while maintaining look and feel of the new logo into the UI design. After the research phase, I built a mockup in Fireworks, right on top of Jon's original sample screenshot: Using Jon's sample as a rough starting point, I began researching screens on my iPod touch and online, to see how Apple and other developers had dealt with UI elements, fonts, colors, sizing and so on. Jon had a rough idea of what he wanted, provided in a mockup screenshot I could use for reference: Next challenge Jon needed help with visually was the scores screen. I stayed with Arial Rounded Bold in all caps, adding jumbled alignments to visually suggest a bullfrog's jumping action and for a bit of contrast. In the open space to the top-right of the Bullfrog text, TOUCH fit perfectly. With the bullfrog icon on the left I chose Arial Rounded Bold for the Bullfrog font, applying a bright green glow in Fireworks. I needed to incorporate the existing Mac OS X Bullfrog cartoon icon, created by Jordan Langille and adapt it to the iPhone. The first challenge was creating a new logo for the Bullfrog Touch application. I've worked with Jon for years - designing the Outer Level logo, and creating an icon for LicenseKeeper, so I was happy to help translate his popular Mac OS X app Bullfrog to the iPhone. #JOURNLER APP SOFTWARE#In May 2008, Jon Trainer of Outer Level software came to me with a then confidential project - designing an icon and a UI screen for a top secret iPhone native application called Bullfrog Touch.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |