Visual Communication Excercise

Page 1

05

1


Contents

Pastry Icons Woodland Border Lighting Nendo PBR Beer Tap Handle Meet Meat My Country

jacquelinebae.com

2

4-31 32-77 78-103 104 -165 166-183 184-203 204-231


3


Pastry Icon Design

4


5


Introduction Pastry Chef Icon Design

Definition of Pastry Chef /Pastry chef/ (noun) a professional cook who specializes in making desserts, especially cakes and pastries.

6


Introduction Pastry Chef Icon Design

7


Inspiration Mr. Holmes Bakery

8


Mind Field Pastry Chef Icon Design

#Tenderloin #Homeless #Closing-soon #Lineup #GoldSparking #Instagram #Souvenir

In this sort mind-field, I wanted to show the atmosphere of the pastry shop in san francisco, the Mr Holmes Bakery. After imagining the people, street, smell and the noise of the space, I was able to simply illustrate the visual of the environment. Not only that but also to convey this moment of waiting in a line to purchase a cupcake, I simply listed the hashtag words that people might put on their instagram posts.

9


Inspiration Mr. Holmes Bakery

10


Mind Field Pastry Chef Icon Design

#Little Stars #Only Two #Tourists #Mr. Holmes Chef #Cut in Half #Special Package #Instagram #Followers #Likes

There are many funny and interesting facts of the space which I thought could be really interesting if it is visualized into a simple iconography. The facts could be simply the things that are around that place, tenderloin, the homeless, the empty liquor bottles, close sign on the door of Mr holmes bakery, and the gold sparkling cupcakes in the store.

11


Sketches Pastry Chef Icon Design

12


Sketches Pastry Chef Icon Design

13


Sketches Pastry Chef Icon Design

14


Sketches Pastry Chef Icon Design

15


Sketches Pastry Chef Icon Design

16


Sketches Pastry Chef Icon Design

17


Sketches Pastry Chef Icon Design

18


Sketches Pastry Chef Icon Design

19


Black Glyphs 01 Pastry Chef Icon Design

20


Black Glyphs 02 Pastry Chef Icon Design

21


Black Glyphs 03 Pastry Chef Icon Design

22


Black Glyphs 04 Pastry Chef Icon Design

23


Black Glyphs 05 Pastry Chef Icon Design

24


Black Glyphs 06 Pastry Chef Icon Design

25


Icon 01 Pastry Chef Icon Design

The spotlight specially for the cupcake!

The superstar is the cupcake with gold sparkling jewelries.

26


Icon 02 Pastry Chef Icon Design

What if this could be the icon for the instagram zone in the pastry house?

27


Icon 03 Pastry Chef Icon Design

What if donuts are not made by pastry chef, but 3d printer?

28


Icon 04 Pastry Chef Icon Design

What if the “Please Wait” sign looks like this? So that it delivers the message: “pastries are being made”

29


Icon 05 Pastry Chef Icon Design

What if the donuts are made like this?

There is a hole in the middle but the general look for the dough looks like a roll cake? so the chef only needs to cut slices to make a donut shape?

30


Icon 06 Pastry Chef Icon Design

Little souvenir: A refrigerator magnet that symbolizes the chef of Mr Holmes Bakery.

31


Woodland Border Logo Design

32


33


Introduction Woodland

Definition of Woodland / woodland, wood land/ (noun) land covered with trees.

34


Introduction Woodland

35


Introduction Border

Definition of Border / border/ (noun) a line separating two geographical areas. (verb) form an edge along or beside (something).

36


Introduction Border

37


Inspiration Keywords; Woodland

1. woods 2. wood 3. forest 4. trees 5. backwoods 6. cover 7. grove 8. growth 9. jungle 10. park

11. 12. 13. 14. 15. 16. 17. 18.

shelter stand chase clump coppice covert thicket wildwood

38


Inspiration Keywords; Border

1. edge 2. margin 3. perimeter 4. periphery 5. rim 6. fringe 7. verge 8. sides 9. surround 10. enclose

11. 12. 13. 14. 15. 16. 17. 18. 19. 20.

encircle 21. join circle 22. meet edge 23. reach bound flank pipe finish next to adjacent to touch

39


Sketches Woodland / Forest

40


Sketches Woodland / Forest

41


Sketches Woodland / Shelter

42


Sketches Woodland / Shelter

43


Sketches Border / Enclose

44


Sketches Border / Enclose

45


Sketches Border / Meet

46


Sketches Border / Meet

47


Woodland Border Type Combination Studies 01

Primary Tyepface:

Secondary Tyepface:

Brandon Grotesque Regular

Minion Regular

Woodland Border Hotel WOODLANDBORDERHOTEL Woodland Border Hotel WOODLAND BORDER HOTEL

Ugiamus, sequi to et ut latecumquo dem experum doluptate sanimet landi sed quas et anienis iur sum utet eserit qui to con nam, aut esseremporem ut ab illumquassit qui ium ad ex et etum quosam voloriost, comnis sit dunt et quia voluptati re et faciditatus dolo mi, optatem estio tem acerundae offic to doluptati nos quae voluptatur aut aut aliquiate doluptas ut voloriore ipsandis andit ducia de venia doluptae as et aut ipiendic te omnimin re pel esti as sita dolorae por atis accab iduntenit, et es mi, suntiae num utatumq uaturectur? Em volestintem facepro officabor alictDolupita tincim et volorro mincimo luptatiis ab in culla pelia et, ne mos doloreiciae. Nequis derum andit il explandi dolupis aut es pra dolut illectate eostias pelitasit ligenimus sinitat. Endis aut as doluptaqui blabore voluptibus dolo-

48


Woodland Border Type Combination Studies 02

Primary Tyepface:

Secondary Tyepface:

Brown Bold

ITC Baskerville Regular

Woodland Border Hotel WOODLAND BORDER HOTEL Woodland Border Hotel WOODLAND BORDER HOTEL

Ugiamus, sequi to et ut latecumquo dem experum doluptate sanimet landi sed quas et anienis iur sum utet eserit qui to con nam, aut esseremporem ut ab illumquassit qui ium ad ex et etum quosam voloriost, comnis sit dunt et quia voluptati re et faciditatus dolo mi, optatem estio tem acerundae offic to doluptati nos quae voluptatur aut aut aliquiate doluptas ut voloriore ipsandis andit ducia de venia doluptae as et aut ipiendic te omnimin re pel esti as sita dolorae por atis accab iduntenit, et es mi, suntiae num utatumq uaturectur? Em volestintem facepro officabor alictNam, sita volescias dolest res eos estia ipis delende parum adis dit doluptu rerenes equibus, ius. Taquiatem est, as qui imus audist quia volorro bea nus dempores sequiata doluptatus nime susciunda sitati que commolu ptinctur aut fu-

49


Woodland Border Type Combination Studies 03

Primary Tyepface:

Secondary Tyepface:

Apercu Medium

Rotis Serif Regular

Woodland Border Hotel WOODLAND BORDER HOTEL Woodland Border Hotel WOODLAND BORDER HOTEL

Ugiamus, sequi to et ut latecumquo dem experum doluptate sanimet landi sed quas et anienis iur sum utet eserit qui to con nam, aut esseremporem ut ab illumquassit qui ium ad ex et etum quosam voloriost, comnis sit dunt et quia voluptati re et faciditatus dolo mi, optatem estio tem acerundae offic to doluptati nos quae voluptatur aut aut aliquiate doluptas ut voloriore ipsandis andit ducia de venia doluptae as et aut ipiendic te omnimin re pel esti as sita dolorae por atis accab iduntenit, et es mi, suntiae num utatumq uaturectur? Em volestintem facepro officabor alictPorepratis vellab ipsunt qui doluptatas ducim arumenduciet liquid eles et faccusam, coremporum etum nimagnis dolor sum quatur, ut fugia vero cus que sa secest quae nulluptat.

50


Woodland Border Type Combination Studies 04

Primary Tyepface:

Secondary Tyepface:

Circular Std Medium

Georgia Regular Ugiamus, sequi to et ut latecumquo dem

Woodland Border Hotel WOODLAND BORDER HOTEL Woodland Border Hotel

experum doluptate sanimet landi sed quas et anienis iur sum utet eserit qui to con nam, aut esseremporem ut ab illumquassit qui ium ad ex et etum quosam voloriost, comnis sit dunt et quia voluptati re et faciditatus dolo mi, optatem estio tem acerundae offic to doluptati nos quae voluptatur aut aut aliquiate doluptas ut voloriore ipsandis andit ducia de venia doluptae as et aut ipiendic te omnimin re pel esti as sita dolorae por atis accab iduntenit, et es mi, suntiae num utatumq uaturectur?

WOODLAND BORDER HOTEL

Em volestintem facepro officabor alictIquatur, simosam iur suntia dem qui te dissequ iscimi, conseque aut omniente nonsequi accupti ditat eium quam qui iundign atquia natiandam

51


Woodland Border Logo Sketches

52


Woodland Border Logo Sketches

53


54


55


56


Woodland Border Logo

2x

6x x

57


Woodland Border Logo Variations

1.

2.

3.

58


Woodland Border Logo Variations

4.

5.

59


Woodland Border Icon Design

60


Woodland Border Icon Design (Reverse)

61


62


63


64


65


66


67


68


69


70


71


Woodland Border Application

72


Woodland Border Application

73


Woodland Border Application

74


Woodland Border Application

75


Woodland Border Final Logo (B/W)

76


Woodland Border Final Logo (Color)

77


Lighting Design

78


79


Introduction Konstantin Grcic

Konstantin Grcic, Industrial Designer (1965) defines function in human terms, combining formal strictness with considerable mental acuity and humor. Each of his products is characterized by a careful research into the history of design and architecture and his passion for technology and materials. Known for pared-down pieces, Grcic is often called a minimalist but the designer himself prefers to speak of simplicity. http://konstantin-grcic.com/

80


Introduction Konstantin Grcic

81


Work Konstantin Grcic

82


Work Konstantin Grcic

Chair One Swivel / Chair / 2004

83


Lighting Konstantin Grcic

OK / Lamp / Flos, 2013

84


Lighting Konstantin Grcic

Mayday / Portable Lamp / Flos / 1999

85


Sketches Lighting

86


Sketches Lighting

87


Sketches Lighting

88


Sketches Lighting

89


Material Properties May Day

90


Material Properties Man Machine

91


92


93


94


95


96


97


98


99


100


101


102


103


Nendo

104


105


Introduction Nendo

106


Introduction Back To School

For Nendo 2015.06 A family of products under the theme, ‘back to school’. 3 different products created in this project is genuinely inspired by back to school items such as pencil, paper, eraser and stapler. These common objects became the inspiration and used as a design element. By utilizing the properties of the objects, it provided a humor and friendliness to the products which is essentially ties to nendo’s core design philosophy.

107


Back To School Typography

Header Typography MISO

THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG. abcdefghjijklmnopqrstuvwxyz 0123456789 !@#$%^&*(),.?;’:”

108


Back To School Typography

Body Text Typography

Adobe Garamond Pro

The quick brown fox jumps over the lazy dog. abcdefghjijklmnopqrstuvwxyz 0123456789 !@#$%^&*(),.?;’:”

109


Date Recipient Name Company Name Street Address City, State, ZIP

Dear Name Here, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Sincerely, Your Name Here, Title

110


Your Name Here, Product Manager

Email. jbae@logitech.com Office. 3107403447 Fax. 3107403447 Address. 819 Wright Ave, Pasadena, CA 91104

111


Back To School Application

112


Back To School Staionery

113


Back To School Stationery

114


Back To School Stationery

115


Back To School Exhibition

116


Back To School Exhibition

117


Back to school Exhibition Advertisement Banner on the street.

118


Entrance to the Back to school Exhibition

119


120


121


122


不透明静止セット Opacity Stationery Set

123


Back To School Opacity Stationery Set

What if there is an opacity on stationery set? just like brush, eraser and layer on photoshop?

124


Back To School Concept Sketch

125


Back To School Opacity Stationery Set

126


Back To School Opacity Stationery Set

127


Back To School Opacity Stationery Set

128


Back To School Opacity Stationery Set

129


130


131


132


133


134


135


136


ステープラー Stapler

137


Back To School Stapler

138


Back To School Concept Sketch

139


Back To School Stapler

140


Back To School Stapler

141


Back To School Stapler / Stool

142


Back To School Stapler / Stool

143


Back To School Stapler / Bench

144


145


Back To School Stapler / Bookshelf

146


Back To School Stapler / Bookshelf

147


148


149


Back To School Stapler

150


151


152


大きな大声、 小さいより静か。 Bigger Louder, Smaller Quieter.

153


Back To School Bigger Louder, Smaller Quieter Speaker

154


Back To School Concept Sketch

155


156


157


158


159


160


161


Back To School Bigger Louder, Smaller Quieter Speaker

162


Back To School Bigger Louder, Smaller Quieter Speaker

163


Back To School Bigger Louder, Smaller Quieter Speaker

164


Back To School Bigger Louder, Smaller Quieter Speaker

165


Pabst Blue Bottle Beer Tap Handle

166


167


Introduction Pabst Blue Ribbon

Pabst Blue Ribbon is a beer sold by Pabst Brewing Company, established in Milwaukee, Wisconsin in 1844 and currently based in Los Angeles. It is particularly popular with the unwaged, students and hipsters. Originally called Best Select, and then Pabst Select, the current name comes from the blue ribbons tied around the bottle neck between 1882 and 1916.

168


Introduction Pabst Blue Ribbon

169


Introduction Pabst Blue Ribbon

Type Manufacturer Introduced Alcohol % Website

: American Style Lager : Pabst Brewing Company : 1844 : 4.74% - 5.8% : pabstblueribbon.com

170


Introduction Pabst Blue Ribbon

Color Palette: C M Y K

: 15 : 100 : 100 :6

R : 196 G : 32 B : 38 # C42026

C M Y K

: 100 : 93 : 26 : 14

R : 38 G : 51 B : 111 # 26336F

C M Y K

: 23 : 18 : 19 :0

R : 196 G : 195 B : 195 # C4C3C3

171


Characteristics Pabst Blue Ribbon

1.

2.

172


Characteristics Pabst Blue Ribbon

4.

3.

5.

173


Brand Talk Pabst Blue Ribbon

• “Popular among urban hipsters” • “sponsored indie music, local businesses, facial hair clubs, post collegiate sports teams, dive bars and radio programs.” • “Pabst drinkers dress in alternative fashions” • “the company has opted not to fully embrace the counter cultural label in its marketing, fearing that doing so could jeopardize the very “authenticity” that made the brand popular”

174


Brand Talk Pabst Blue Ribbon

wears full frame glasses

shops at thrifts shop or urban outfitters drinks coffee and instagram them

rescue dogs/cat

smokes but eats organic food

loves flea market and farmers market

prefers bike than car

workout: kayaking, climbing and road biking

Mr. Hipster

175


Exploration Pabst Blue Ribbon

176


Exploration Pabst Blue Ribbon

177


Exploration Pabst Blue Ribbon

178


Concept 01 Pabst Blue Ribbon

Fold Type

Twist Type

Bend Type

Bend Type

A

B

C

D

179


Concept 01 Pabst Blue Ribbon

180


Concept 01 Pabst Blue Ribbon

181


Concept 02 Pabst Blue Ribbon

182


Concept 03 Pabst Blue Ribbon

183


Meet Meat

184


185


Introduction Meet Meat Butcher Shop

Butcher Shop (noun) a shop in which meat, poultry and sometimes fish are sold.

Butcher Shop in Valencia

186


Introduction Meet Meat Butcher Shop

187


Typhography Meet Meat Butcher Shop

188


California’s first butcher shop specializing in the products from local family farms that are ethically and environmentally responsible. 189


Sketches Meet Meat Butcher Shop

190


Sketches Meet Meat Butcher Shop

191


Sketches Meet Meat Butcher Shop

192


Sketches Meet Meat Butcher Shop

193


Sketches Meet Meat Butcher Shop

194


Sketches Meet Meat Butcher Shop

195


Sketches Meet Meat Butcher Shop

196


Sketches Meet Meat Butcher Shop

197


Illustration Meet Meat Butcher Shop

198


Illustration Meet Meat Butcher Shop

199


Illustration Meet Meat Butcher Shop Illustration Meet Meat Butcher Shop

200


Illustration Meet Meat Butcher Shop Illustration Meet Meat Butcher Shop

201


Illustration Meet Meat Butcher Shop

202


Illustration Meet Meat Butcher Shop

203


My Kingdom

204


205


Dream Project My Kingdom

206


Dream Project My Kingdom

207


Dream Project My Kingdom

08:00am

Coffee Dispensing Station

208


Dream Project My Kingdom

08:05am

Breakfast Onion Farm

209


Dream Project My Kingdom

08:05am

Mushroom Farm

210


Dream Project My Kingdom

08:15am

Cheese Chunk

211


Dream Project My Kingdom

10:00am

Oyster Farm

212


Dream Project My Kingdom

10:30am

Beach

213


Dream Project My Kingdom

11:30am

Winery in Town

214


Dream Project My Kingdom

215


Dream Project My Kingdom

12:00pm

Lunch Park

216


Dream Project My Kingdom

217


Dream Project My Kingdom

01:10pm

Swimsuit Outlet

218


Dream Project My Kingdom

Swimsuit Factory

219


Dream Project My Kingdom

01:50pm

220


Dream Project My Kingdom

Fishing Station

221


Dream Project My Kingdom

Recreations: Slides

222


Dream Project My Kingdom

04:00pm

Beach

223


Dream Project My Kingdom

224


Dream Project My Kingdom

225


Dream Project My Kingdom

09:30pm

228 226


Dream Project My Kingdom

City Hall | Music Hall

229 227


Dream Project My Kingdom

10:00pm

Seafood Restaurant

230 228


Dream Project My Kingdom

229 231


Dream Project My Kingdom

Under the Sea

230 232


Dream Project My Kingdom

Chefs from the Seafood Restaurant

233 231


232


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.