Nghiên cứu phong cách thiết kế phẳng và ứng dụng vào bộ biểu tượng (icon) trên ứng dụng điện thoại meete của công ty cổ phần nguyên group

Đề tàiNGHIÊN CỨU PHONG CÁCH THIẾT KẾ PHẲNG VÀ ỨNG DỤNG VÀO BỘ BIỂU TƯỢNG ICON TRÊN ỨNG DỤNG ĐIỆN THOẠI MEETE CỦA CÔNG TY CỔ PHẦN NGUYÊN GROUP... Từ những lý do trên, tác giả đã lựa chọn

Báo cáo môn:

Đồ án thiết kế ĐPT

Giảng viên HD: ThS Hà Thị Hồng Ngân

ThS Nguyễn Thị Kim Ngân ThS Trần Quốc Trung

Đề tài

NGHIÊN CỨU PHONG CÁCH THIẾT KẾ PHẲNG VÀ ỨNG DỤNG VÀO BỘ BIỂU TƯỢNG (ICON) TRÊN ỨNG DỤNG ĐIỆN THOẠI MEETE CỦA CÔNG TY CỔ

PHẦN NGUYÊN GROUP

Lý do chọn đề tài

01

Lý do chọn đề tài

Hiện nay, thương mại điện tử đang được nhiều quốc gia quan tâm, coi là một trong những động lực phát triển của nền kinh tế Nó mang lại những lợi ích tiềm năng, giúp doanh nghiệp thu được thông tin phong phú về thị trường và đối tác, giảm chi phí tiếp thị và giao dịch Và trong đấy việc mua hàng qua mạng hay mua hàng qua các ứng dụng điện thoại đang đem lại rất nhiều lợi ích cho cả khách hàng và doanh nghiệp.

Trong thiết kế giao diện cho ứng dụng điện thoại, biểu tượng (hay Icon) là một phần quan trọng bởi nó mang lại nhiều hiệu quả Việc thiết kế một biểu tượng cần có sự nhất quán giữa các biểu tượng với nhau, để làm được điều này thì nên thiết kế biểu tượng trên một phong cách thiết kế duy nhất Trong khi đó hiện nay phong cách thiết kế phẳng đang dẫn đầu xu hướng, ngoài ra còn phù hợp để thiết kế biểu tượng cho ứng dụng điện thoại

Được thành lập từ năm 2016 bởi công ty cổ phần Nguyên Group - qua 5 năm xây dựng và phát triển, Meete đã có chỗ đứng nhất định trong thị trường với gần 2 triệu users và 5000 thương hiệu, mang đến các giải pháp về khách hàng và tích điểm cho các thương hiệu, cửa hàng tại thị trường Hồ Chí Minh và Hà Nội Với mục tiêu xây dựng một hệ sinh thái rộng trải dài khắp Việt Nam và lớn hơn nữa là sang các quốc gia trong khu vực vào năm 2022, Meete hướng đến việc xây dựng đội ngũ năng động, nhiệt huyết để cùng làm việc với các advisors của Meete từ các công ty, tập đoàn lớn Và từ đó cùng nhau thực hiện lộ trình mà Meete mong muốn Và tất nhiên việc nâng cấp ứng dụng là một phần thiết yếu trong lộ trình này của công ty

Từ những lý do trên, tác giả đã lựa chọn đề tài “NGHIÊN CỨU PHONG CÁCH THIẾT KẾ PHẲNG VÀ ỨNG DỤNG VÀO BỘ BIỂU TƯỢNG (ICON) TRONG ỨNG DỤNG ĐIỆN THOẠI MEETE CỦA CÔNG TY CỔ PHẦN NGUYÊN GROUP”

Tính khả thi

02

Kỹ năng của bản thân

Lĩnh vực Kỹ năng công cụ Kỹ năng tư duy

- Thiết kế đồ họa

(Graphic Design)

- Ngoài ra còn có

UX UI designer

- Adobe Photoshop

- Adobe Illustrator

- Adobe XD

- Figma

- Phân tích nghiên cứu các tài liệu tham khảo

- Tư duy sáng tạo và đổi mới trong công việc

- Kỹ năng khảo sát thị trường, nắm bắt tâm lý người dùng

Sau 4 năm học tập và rèn luyện tại trường, em có tích lũy

và định hướng bản thân những kỹ năng như sau:

Kiến thức của bản thân

Nắm được tư duy thiết kế cơ bản và các thành phần trong thiết kế như: màu sắc, hình khối, bố cục, khoảng trắng, lưới, Typography,

Khả năng đọc hiểu và giao tiếp tiếng Anh ở mức tốt nên

có thể đọc hiểu và nghiên cứu được những tài liệu sử

dụng tiếng Anh hoặc giao tiếp với người nước ngoài có khả năng trong lĩnh vực.

Kinh nghiệm làm việc và học vấn

Kiến thức về Flat Design và icon đã được học ở môn mỹ thuật nâng cao

Còn về app điện thoại đã được học trong môn ấn phẩm điện tử

và thực hành chuyên sâu.

Đã hoàn thành được khóa học Pts cơ bản và nâng cao

trên Unica.

Có một kì làm sản phẩm về ứng dụng điện thoại tương tự

với ứng dụng Meete trong đề tài.

Sản phẩm

Tính khoa học

03

Tình hình nghiên cứu trên thế giới

Về phong cách thiết kế phẳng thì trong cuốn sách “Creating flat

design website” của tác giả António Pratas đã nghiên cứu được rằng đây là

một phong cách thiết kế dẫn đầu xu hướng trong những năm gần đây Trong cuốn sách này tác giả có nói về lịch sử của phong cách thiết kế phẳng

từ thủa sơ khai cho đến giờ và quan trọng là các đặc điểm nổi bật cũng như

là cách triển khai một sản phẩm theo phong cách thiết kế này

Ngoài ra tác giả Patrick Mcneil cũng có đề cập đến phong cách thiết kế phẳng, không những vậy còn nêu ra những đặc điểm chưa tốt của phong

cách thiết kế này trong quyển sách “Web Designer's Idea Book, Volume 4:

Inspiration from the Best Web Design Trends, Themes and Style”.

Còn ở Chương 3 trang 30 của cuốn “Learn Design for iOS

Development” của tác giả Sian Morson có nhắc đến thiết kế phẳng đã được

sử dụng trên các nền tảng như iOS, Android hoặc các trang web lớn như eBay, Twitter như thế nào Ngoài ra ở trang tiếp theo cuốn sách đưa ra cách kết hợp phong cách thiết kế phẳng vào các ứng dụng điện thoại như: thiết

kế biểu tượng, lựa chọn bảng màu, sử dụng khoảng trống.

Tình hình nghiên cứu trên thế giới

Trong khi đấy ở cuốn sách “Essential Mobile Interaction Design:

Perfecting Interface Design in Mobile Apps” của tác giả Cameron Banga và

Josh Weinhold, xuất bản năm 2014 có viết “Flat design is the antithesis of skeuomorphic interfaces” – Tạm dịch: Phong cách thiết kế phẳng đối nghịch với phong cách thiết kế skeuomorphic (Skeuomorphic - phong cách thiết kế mô phỏng các vật liệu quen thuộc) Ngoài ra trong cuốn này còn viết về cách thiết kế các loại biểu tượng như: Biểu tượng đại diện cho ứng dụng,…

Còn cuốn “Web Design Blueprints” của tác giả Benjamin LaGrone có

viết về các khía cạnh trong phong cách thiết kế phẳng như màu sắc, bố cục khi thiết kế theo phong cách này.

Đặc biệt ở cuốn “The Business of iOS App Development: For iPhone,

iPad and iPod touch” của tác giả Dave Wooldridge, Taylor Pierce viết về

cách thiết kế ra một biểu tượng trên ứng dụng điện thoại phải có những quy tắc gì, các bước để tạo ra một biểu tượng nói chung và các loại biểu tượng khác nhau nói riêng Ngoài ra còn đưa ra nhiều lưu ý và gợi ý khi thiết kế biểu tượng.

Trong cuốn “Thinking in Icons: Designing and Creating Effective Visual

Symbols” của tác giả Felix Sockwell và Emily Potts, xuất bản năm 2017

hướng dẫn quá trình tạo ra một biểu tượng hiệu quả, bao gồm nhiều phong cách và nhiều cách tiếp cận khác nhau

Tình hình nghiên cứu trong nước

Hiện nay ở trong nước chưa có nhiều đề tài nghiên cứu cũng như bài báo khoa học về phong cách thiết kế phẳng và biểu tượng Tuy nhiên có thể kể đến 1 số tài liệu như:

Quyển ebook “Những điều cần biết về FLAT DESIGN” của colorME đã

nghiên cứu về lịch sử, bố cục và hình khối trong phong cách thiết kế phẳng.

Khung đề cương

04

Lý do chọn đề tài

Hiện nay, thương mại điện tử đang được nhiều quốc gia quan tâm, coi là một trong những động lực phát triển của nền kinh tế Nó mang lại những lợi ích tiềm năng, giúp doanh nghiệp thu được thông tin phong phú về thị trường và đối tác, giảm chi phí tiếp thị và giao dịch Và trong đấy việc mua hàng qua mạng hay mua hàng qua các ứng dụng điện thoại đang đem lại rất nhiều lợi ích cho cả khách hàng và doanh nghiệp.

Trong thiết kế giao diện cho ứng dụng điện thoại, biểu tượng (hay Icon) là một phần quan trọng bởi nó mang lại nhiều hiệu quả Việc thiết kế một biểu tượng cần có sự nhất quán giữa các biểu tượng với nhau, để làm được điều này thì nên thiết kế biểu tượng trên một phong cách thiết kế duy nhất Trong khi đó hiện nay phong cách thiết kế phẳng đang dẫn đầu xu hướng, ngoài ra còn phù hợp để thiết kế biểu tượng cho ứng dụng điện thoại

Được thành lập từ năm 2016 bởi công ty cổ phần Nguyên Group - qua 5 năm xây dựng và phát triển, Meete đã có chỗ đứng nhất định trong thị trường với gần 2 triệu users và 5000 thương hiệu, mang đến các giải pháp về khách hàng và tích điểm cho các thương hiệu, cửa hàng tại thị trường Hồ Chí Minh và Hà Nội Với mục tiêu xây dựng một hệ sinh thái rộng trải dài khắp Việt Nam và lớn hơn nữa là sang các quốc gia trong khu vực vào năm 2022, Meete hướng đến việc xây dựng đội ngũ năng động, nhiệt huyết để cùng làm việc với các advisors của Meete từ các công ty, tập đoàn lớn Và từ đó cùng nhau thực hiện lộ trình mà Meete mong muốn Và tất nhiên việc nâng cấp ứng dụng là một phần thiết yếu trong lộ trình này của công ty

Từ những lý do trên, tác giả đã lựa chọn đề tài “NGHIÊN CỨU PHONG CÁCH THIẾT KẾ PHẲNG VÀ ỨNG DỤNG VÀO BỘ BIỂU TƯỢNG (ICON) TRONG ỨNG DỤNG ĐIỆN THOẠI MEETE CỦA CÔNG TY CỔ PHẦN NGUYÊN GROUP”

Khung đề cương

LỜI MỞ ĐẦU

1 Lý do chọn đề tài

2 Tình hình nghiên cứu 2.1 Quốc tế

2.2 Trong nước

3 Mục đích và nhiệm vụ:

4 Đối tượng và phạm vi nghiên cứu:

5 Phương pháp nghiên cứu:

6 Ý nghĩa thực tiễn:

7 Nội dung đề cương nghiên cứu

CHƯƠNG 1: TỔNG QUAN VỀ PHONG CÁCH THIẾT KẾ PHẲNG

VÀ THIẾT KẾ BIỂU TƯỢNG 1.1 Tổng quan phong cách thiết kế phẳng 1.1.1 Khái niệm phong cách thiết kế phẳng 1.1.2 Lịch sử của phong cách thiết kế phẳng 1.1.3 Vai trò của phong cách thiết kế phẳng 1.1.4 Đặc điểm của phong cách thiết kế phẳng 1.2 Tổng quan về thiết kế biểu tượng

1.2.1 Khái niệm về biểu tượng và thiết kế biểu tượng 1.2.2 Các phong cách thiết kế biểu tượng

1.2.3 Nguyên tắc thiết kế biểu tượng Tiểu kết chương 1:

Khung đề cương

CHƯƠNG 2: NGHIÊN CỨU VỀ THIẾT KẾ BIỂU TƯỢNG THEO PHONG CÁCH THIẾT KẾ PHẲNG

2.1 Vai trò của thiết kế phẳng trong thiết kế biểu tượng 2.1.1 Khái niệm về icon theo phong cách thiết kế phẳng 2.2 Thực trạng của biểu tượng theo phong cách thiết kế phẳng

2.2.1 Thực trạng trong nước 2.2.2 Thực trạng quốc tế 2.3 Những lưu ý trong việc thiết kế biểu tượng theo phong cách thiết kế phẳng

2.3.1 Lưu ý về đường nét 2.3.2 Lưu ý về màu sắc Tiểu kết chương 2:

CHƯƠNG 3: ỨNG DỤNG PHONG CÁCH THIẾT KẾ PHẲNG VÀO THIẾT

KẾ BỘ BIỂU TƯỢNG CHO ỨNG DỤNG ĐIỆN THOẠI MEETE CỦA CÔNG TY NGUYÊN GROUP

3.1 Nghiên cứu tổng quan về Công ty Nguyên Group 3.1.1 Giới thiệu về công ty Nguyên Group

3.1.2.Khảo sát về công ty Nguyên Group 3.2 Ứng dụng phong cách thiết kế phẳng vào thiết kế bộ biểu tượng cho ứng dụng điện thoại Meete của công ty Nguyên Group

3.2.1 Giới thiệu về ứng dụng Meete 3.2.2 Bộ Biểu tượng không có tương tác 3.2.3 Bộ biểu tượng có tương tác

Tiểu kết chương 3:

Cảm ơn cô

và các bạn

đã lắng nghe!