Đồ án môn thiết kế sản phẩm đa phương tiện, đồ họa tĩnh (6)

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
Sinh viên:

Nguyễn Sinh Hùng
B17DCPT092


Đề 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


01

Lý do
chọn đề tài


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, ngồ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 đồ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”


02
Tính khả thi


Kỹ năng của bản thân
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:
Lĩnh vực

Kỹ năng công cụ

- Thiết kế đồ họa - Adobe
(Graphic Design) Photoshop
- Ngoài ra cịn có - Adobe
UX UI designer
Illustrator
- Adobe XD
- Figma

Kỹ năng tư duy
- 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


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


Sản phẩm


03
Tính khoa học


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). Ngồ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. Ngồ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.


04
Khung đề cương


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, ngồ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 đồ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”


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

Khung đề cương

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!