Trâm Anh's School Portfolio

hu盻ｳnh-hoatrﾃ｢m-anh H115079

vﾄハ-lang

-

p o r t f o l i o hd u y n he hoa s i t gr a mn anh o f - s t u d e n t

-

c o n t e n t s aboutme

04-05

schoolprojects

06-37

graduationprojects

38-69

info -huᝳnh-hoa t r â m - a n h

13-12-93 H115079

con-tact 090 -695 -4800 toramanhh@gmail.com f b / daydreamfreak b e / toramanhh

likes

4

skills

#daftpunk #lego #characterdesign

photoshop

#dogs #toys #disney #bottlecaps

illustrator

#patterndesign #picturebook

indesign

- a - b o u t m e

5

6

school-projects

-

s c h o o l p r o j e c t s

7

traditional-patterns váť‘n-cáť•

8

school-projects

9

/ -Mùi Hương /

/ -Perfume /

1985. Quyển sách nói về cuộc đời của Jean-Baptiste Grenouille,

14*20cm

một kẻ khác người có khứu giác thiên bẩm.

Mùi Hương là tiểu thuyết Patrick Suskind sáng tác năm

Mục tiêu tôi muốn đạt được trong bìa sách này là thể

hiện được không khí ảm đạm của câu chuyện. Trên bìa sách là minh hoạ những câu chuyện mà Jean-Baptiste đã trải qua, chừa khoảng trống âm ở giữa cho hình ảnh lọ dầu thơm.

Option 2: Mỗi lọ dầu thơm đại diện cho một nạn nhân

của Jean-Baptiste. Tôi sử dụng một hoa văn mang tính chất cổ phù hợp với bối cảnh thời gian trong truyện để lồng ghép.

book -cover bìa-sách

10

school-projects

11

12

school-projects

13

/ -Áo thun Vans /

Vans luôn được biết tới như một thương hiệu thời

/ -Vans T-shirt/

trang cho giới trẻ. Ví thế tôi đã sử dụng các minh hoạ bằng nét thể hiện hình ảnh các nhân vật vui nhộn đang sử dụng sản phảm của Vans. Sau đó minh hoạ được ứng dụng trên một hộp dành cho 2 áo, và một hộp trụ đứng dành cho 1 áo.

packaging bao-bì

14

school-projects

15

16

school-projects

17

18

school-projects

Với đồ án lịch, tôi chọn chủ đề Sắc Màu Văn Hoá

/ -Sắc Màu Văn Hoá/

để có thể diễn đạt minh hoạ dưới nhiều màu sắc khác nhau

/ -Colors of Culture/

ở từng trang lịch.

35*70cm

Sắc Màu Văn Hoá được diễn đạt qua 12 tháng - 12 nước khác nhau từ 5 châu lục trên thế giới: Việt Nam- Nhật Bản- Ấn Độ- Hàn Quốc- Mexico- Brazil- Ai CậpÝ- Nga- Anh Quốc- Pháp.

calendar lịch-tường

19

20

school-projects

21

22

school-projects

23

Nguyễn Lâm Ngọc Hương / -nội dung & pop-up/ Huỳnh Hoa Trâm Anh / -minh hoạ/

24

school-projects

Nội dung quyển sách kể về cuộc phiêu lưu của chú lính

/ -Chú lính chì

chì một chân. Tôi chọn quyển sách này để có nhiều phân cảnh

dũng cảm/

thú vị mà độc giả có thể tương tác được với câu chuyện, thử

/ -The steadfast

nghiệm nhiều phương án pop-up khác nhau.

tin soldier/ 25*25cm

pop up -book sách-pop-up

25

26

school-projects

27

28

school-projects

29

photography nhiếp-ảnh

30

school-projects

31

32

school-projects

33

/ -Vương quốc đồ chơi /

My Kingdom là chuỗi cửa hàng chuyên phục vụ đồ chơi

/ -My Kingdom/

cao cấp mang tính giáo dục và giúp phát triển trí sáng tạo cho trẻ. Cửa hàng có nhiều mặt hàng đa dạng, phong phú với hơn 1,000 chủng loại mặt hàng dành cho mọi độ tuổi từ các thương hiệu đồ chơi uy tín từ nhiều quốc gia trên thế giới.

Logo của My Kingdom - Vương quốc Đồ chơi, mang

thông điệp là một không gian thân thiện, phù hợp với trẻ em được thể hiện trên hình ảnh chiếc dây cót (đại diện cho đồ chơi) và màu sắc tươi trẻ, vui vẻ. Không gọi là Thị trấn Đồ chơi hay Ngôi nhà Đồ chơi vì Vương quốc là một hình ảnh rộng lớn hơn, thể hiện sự đa dạng về mặt hàng, cũng như là một không gian thích hợp cho trí tưởng tượng và sự sáng tạo của trẻ.

logo logo

34

school-projects

35

illustration cรกc-minh-hoแบก-khรกc

36

Client: My Favorite

37

38

graduation-projects

-

g r a d u a t i o n p r o j e c t s

39

ins-piration cảm-hứng-ý-tưởng

Tôi rất thích đồ chơi và pattern design. Sau nhiều lần

thay đổi đề tài tôi vẫn muốn gắn đề tài với một ý tưởng mà người khác có thể “chơi” hay “tương tác” được.

Tôi quyết định thiết kế một hệ thống icon mà người

dùng có thể tự sắp xếp với nhau. Và khi kết hợp với số lượng lớn, những icon này sẽ tạo nên một tập hợp hoa văn đẹp mắt.

“Những icon này sẽ minh hoạ điều gì?” “Tại sao người

dùng lại muốn sử dụng hệ thống này?” “Họ sẽ là đối tượng nào?”

Tìm hiểu thói quen của giới trẻ, tôi quyết định sẽ ứng

dụng hệ thống icon lên chiếc ốp lưng điện thoại. Vì khi cầm điện thoại, khi chụp hình selfie,... người đối diện có thể nhìn thấy những minh hoạ được thể hiện trên ốp lưng. Những icon này sẽ thể hiện tính cách/đặc điểm của một đối tượng theo cách đơn giản nhất.

Ngoài ra, để người dùng tương tác với hệ thống dễ

dàng hơn, những việc quan sát và sắp xếp này được diễn ra trên một ứng dụng app điện thoại tên Lọ Mọ.

40

graduation-projects

introduction giới thiệu

Lọ Mọ là một ứng dụng điện thoại trên hệ điều hành ios cho phép người dùng sử dụng hệ thống icon có sẵn để tự sắp xếp và thiết kế nên một tập hợp hoa văn thể hiện tính cách và đặc điểm của bản thân, dựa trên một hệ thống lưới có sẵn gồm 8 ô trống. Lọ Mọ hiện tại chỉ tương thích với ốp lưng kích cỡ Iphone 5.

Các hạng mục icon của Lọ Mọ hiện tại gồm: bảng chữ cái, cung hoàng đạo, con giáp, sở thích, thức ăn, thành phố, và

hoa văn,... và có thể được phân bố thêm hạng mục trong tương lai. Sau đó người dùng cung cấp thông tin cá nhân và thông tin thanh toán, thiết kế sẽ được gửi đến công ti để tiến hành in án và gửi đến người dùng trong vòng 2-3 ngày.

Lọ Mọ - tên của thương hiệu là để chỉ hành động tỉ mỉ, sắp xếp, tự thiết kế, đồng thời mang tính chất vui nhộn, đơn giản, dễ nhớ.

41

Để phù hợp với việc thể hiện tốt nhất trên bề mặt in ấn

của ốp lưng, sau khi thử nghiệm nhiều phong cách khác nhau, tôi đã đi đến phong cách phù hợp nhất - flat design.

định-hướng-thiết-kế

42

graduation-projects

Khách hàng mục tiêu: 16 - 22 tuổi ( học sinh - sinh viên ) Khách hàng tiềm năng: 23 - 30 tuổi ( người lao động ) Giá trị cốt lõi: Ứng dụng điện thoại Key visual: Vui nhộn, sáng tạo, hiện đại Mục đích: Giúp người dùng thể hiện bản thân theo hướng đơn giản nhất Đem lại sự thích thú khi sử dụng Kết nối người dùng

brief

Các màu sắc tím, xanh, vàng đại diện cho thương hiệu tạo nên sự đặc trưng, đồng thời thể hiện phong cách vui nhộn.

43

logo-guidelines

Ý tưởng: Dựa theo cách sắp xếp dạng module của Lọ Mọ. Sử dụng các đường nét kỷ hà, các yếu tố tương tự nhau.

44

graduation-projects

khoảng trống

C : 85

C : 80

M : 75

M : 100

Y:0

Y : 30

K:0

K : 30

C : 75 M : 10 Y : 25 K:0

C:0 M : 15 Y : 100 K:0

45

wire-frame

46

graduation-projects

Ứng dụng Lọ Mọ hoạt động

dựa trên 4 bước cơ bản: - Giới thiệu: bao gồm một infographic trình bày về thương hiệu và cách hoạt động.

- Thiết kế: giao diện gồm 8 ô trống để người dùng tự chọn icon sắp xếp lại với nhau.

- Điền thông tin: người dùng cung cấp thông tin cá nhân cho Lọ Mọ.

- Thanh toán

Ngoài ra ứng dụng còn bao

gồm một số chức năng đơn giản khác: - Hiện thiết kế của người dùng lại một lần nữa để đảm bảo sự đồng ý của người dùng.

- Cảm ơn người dùng và thông báo sản phẩm sẽ được chuyển đến trong vòng 2-3 ngày.

47

LỌ MỌ LÀ GÌ?

LÀ GÌ?

LỌ MỌ là một hệ thống icon thể hiện tính cách, sở thích cho phép bạn tự sắp xếp, kết hợp với nhau ể tạo nên một tập hợp hoa văn của mỗi cá nhân, thể hiện bản thân mình theo cách ơn giản nhất.

loading-screen

home-screen

HOẠT ĐỘNG NHƯ THẾ NÀO?

Hệ thống Icon của LỌ MỌ bao gồm các chủ ề a dạng khác nhau như Cung hoàng ạo, Chữ cái, Sở thích, Con giáp, Thức ăn,... Với một hệ thống lưới có sẵn, bạn có thể tự do thiết kế nên một hoa văn ậm chất “tôi” nhất. Thiết kế sau ó sẽ ược in lên ốp lưng và gửi ến bạn.

BẮT ĐẦU NGAY!

48

graduation-projects

Infographic gồm 5 phần giới thiệu về Lọ Mọ và hướng dẫn cách sử dụng ứng dụng.

49

Các hạng mục icon của Lọ Mọ hiện tại gồm: bảng chữ

cái, cung hoàng đạo, con giáp, sở thích, thức ăn, thành phố, và hoa văn,...

Lọ Mọ là một hệ thống vừa ra mắt, các hạng mục vẫn

còn có thể được cập nhật trong tương lai để người dùng có thêm nhiều lựa chọn.

Mỗi hạng mục có 2 màu sắc khác nhau để đa dạng hoá

lựa chọn cũng như tập hợp thiết kế hoa văn.

icon hệ-thống-icon

Các icon hoa văn được lấy cảm hứng từ tính cách

người dùng như sôi nổi, trầm tĩnh, hoạt bát, vui vẻ,... Đồng thời do cấu trúc của ốp lưng có một lỗ hổng cho camera, những icon hoa văn này có mục đích làm cho thiết kế hoàn thiện hơn, không bị khoét mất.

50

graduation-projects

51

52

graduation-projects

53

icon-sáť&#x;-thĂ­ch

54

graduation-projects

55

icon-thành-phố

56

graduation-projects

57

icon-hoàng-đạo

58

graduation-projects

59

icon-con-giรกp

60

graduation-projects

61

icon-th盻ｩc-ﾄハ

62

graduation-projects

63

demo-sản-phẩm cuối-cùng

64

graduation-projects

65

66

graduation-projects

67

the-end May-2015 Tr â m - A n h ’s Port-fo-li-o

68