PROJECT 3.2: MOBILE APP ICON Graduate Studio 571: SIGNS & Symbology Spring 2013 | Whitley R. Kemble
Contents mySeedSaver App 4 Research 6 Matrix 8 Sketches 10 Iterations 12 Semi-Final(s) 14 Refinements 16 Final Experiments 18 Final & Icon in Use 20
3
mySeedSaver The Seed Savers Exchange has been operating out of Decorah, IA for more than 35 years. Their mission is “to conserve and promote America’s culturally diverse but endangered food crop heritage for future generations.” The folks at Seed Savers offer a variety of services. In addition to helping their customers determine what types of vegetables to sow and which varieties are best suited for their region, they also strive to educate gardeners and vegetable enthusiasts everywehre on how to plant, care for, harvest and preserve thousands of varieties of heirloom plants sold in their shop. CONCEPT Similar to the myNaturalist app listed in the syllabus, mySeedSaver would be an informational app. Rather than pinpoint where certain animals have been sighted, this app would store data on each of the varieties of plants available at their store. This data would be made available as a sort of “plant profile” to help Seed Savers customers plan their gardens, give them tips on plant care, and instructions for collecting and storing their seeds. 4
IMAGES Several webpage examples from the Seed Savers site. Their logo, right, as well as their site was heavy in green. Photos of the vibrant vegetables really popped against the background.
5
RESEARCH Because I’m already a customer of Seed Savers and have been to their actual store, I had a basic understanding of what they do and why it’s important. I did check into their history, though, as well as some of the educational resources for on their website. In doing so, I discovered that there is actually a strong sense of community at its core. The people are very much involved with the organization, and people really enjoy what they do.
IMAGES
6
The concept map at right helped get ideas flowing. The images opposite served as a basis for some of my symbols.
Current logo for Seed Savers Exchange
Cupped hands, courtesy of Photo Bucket http://i244.photobucket.com/albums/gg35/nickcarter03/hands1.jpg
Photo courtesy of SeedSavers.org
Photo courtesy of SeedSavers.org
http://3.bp.blogspot.com/-WmqUS-XS-sk/TdAAVVMN-eI/ AAAAAAAAAGU/7ED9OZv8W1s/s640/hands_soil.jpg
Photo courtesy of SeedSavers.org
Photo courtesy of SeedSavers.org
Photo courtesy of SeedSavers.org
7
MATRIX It was really difficult to narrow my list of attributes. It seemed the more I went through the process of sketching, the more attributes seemed to appear. I tried to have a good range of symbols, though. Some of the categories were a bit morphed, but overall I think there were some really strong ideas represented in great variety.
IMAGES
8
For this project, we were asked to create a matrix with attributes along one axis and design principles along the other.
9
SKETCHES
10
11
REFINEMENTS
12
Original
Fields 1
Fields 2
Original Dark
Fields 1 Dark
Fields 2 Dark
13
ITERATIONS Color was something I really struggled with in this project. I tried to pull color from what was on the existing Seed Savers website, but their current palette didn’t offer much in the way of contrast. Green was an absolute must, obviously, so I experimented with many values of a handful of hues. There was also the issue of reduceability. I have a tendency to get too much into detail, which you can see here with the hand renderings, as well as some of the earth/fields. The shape here is good, but I knew it would present a problem when finalizing the design for use as an icon.
IMAGES There were several experiments with color, ground, sky, and even line weight and textures.
14
15
16
SEMI-FINAL I chose this basic shape as my semi-final symbol. As previously mentioned, the color needed to be developed further. I experimented with several different shade of blue, gradients as well as flat color, before finally deciding on yellow. The yellow, I felt, would really make the symbol pop against a dark background, and it offered some nice references to sunlight and growing. These things are indicated by the sprout as well, but the yellow seemed stronger than the other color experiments. Finally, I experimented with the hands. Some were flipped, some were turned around, and others were separated. The closer view of the separated hands helped clarify the symbol.
IMAGES While all were representative in meaning, the yellow background seemed to be much stronger.
17
FINAL EXPERIMENTS After settling on the yellow background, it was time to refine the symbol. I experimented with line weight, the value of the brown earth and lines, and changed the hands up to try to give it a greater contrast. Although there seemed to be greater contrast with the darker hands, it seemed too unnatural to me. I decided to tint the lighter hands slightly and increase the dominance of yellow in my background.
IMAGES
18
Final experiments with line weight, color dominance, and value really helped give this symbol greater contrast.
19
FINAL SYMBOL For my final symbol, I decided to use a slightly subtler gradient in the background. I made the color of the space around the seed completely white so that it would stand out more against the background. The earth, as well as the hands were made slightly darker, and the hadns were moved further apart. The final line weight on the hands was bumped up to 2pt, which really helped define their shape.
IMAGES The final symbol at various sizes. You can see how earlier adjustments contributed to a stronger final outcome.
20
ArtGrA
10:00 M
21