Đồ á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ý chọn đề tài Lý chọn đề tài Hiện nay, thương mại điện tử nhiều quốc gia quan tâm, coi động lực phát triển kinh tế Nó mang lại lợi ích tiềm năng, giúp doanh nghiệp thu thông tin phong phú thị trường đối tác, giảm chi phí tiếp thị giao dịch Và việc mua hàng qua mạng hay mua hàng qua ứng dụng điện thoại đem lại nhiều lợi ích cho khách hàng doanh nghiệp Trong thiết kế giao diện cho ứng dụng điện thoại, biểu tượng (hay Icon) phần quan trọng mang lại nhiều hiệu Việc thiết kế biểu tượng cần có quán biểu tượng với nhau, để làm điều nên thiết kế biểu tượng phong cách thiết kế Trong phong cách thiết kế phẳng dẫn đầu xu hướng, ngồi 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 công ty cổ phần Nguyên Group - qua năm xây dựng phát triển, Meete có chỗ đứng định thị trường với gần triệu users 5000 thương hiệu, mang đến giải pháp khách hàng tích điểm cho thương hiệu, cửa hàng thị trường Hồ Chí Minh Hà Nội Với mục tiêu xây dựng hệ sinh thái rộng trải dài khắp Việt Nam lớn sang quốc gia khu vực vào năm 2022, Meete hướng đến việc xây dựng đội ngũ động, nhiệt huyết để làm việc với advisors Meete từ cơng ty, tập đồn lớn Và từ thực lộ trình mà Meete mong muốn Và tất nhiên việc nâng cấp ứng dụng phần thiết yếu lộ trình cơng ty Từ lý 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ỹ thân Sau năm học tập rèn luyện trường, em có tích lũy định hướng thân kỹ sau: Lĩnh vực Kỹ công cụ - Thiết kế đồ họa - Adobe (Graphic Design) Photoshop - Ngồi cịn có - Adobe UX UI designer Illustrator - Adobe XD - Figma Kỹ tư - Phân tích nghiên cứu tài liệu tham khảo - Tư sáng tạo đổi công việc - Kỹ khảo sát thị trường, nắm bắt tâm lý người dùng Kiến thức thân Nắm tư thiết kế thành phần thiết kế như: màu sắc, hình khối, bố cục, khoảng trắng, lưới, Typography, Khả đọc hiểu giao tiếp tiếng Anh mức tốt nên đọc hiểu nghiên cứu tài liệu sử dụng tiếng Anh giao tiếp với người nước ngồi có khả lĩnh vực Kinh nghiệm làm việc học vấn Kiến thức Flat Design icon học mơn mỹ thuật nâng cao Cịn app điện thoại học môn ấn phẩm điện tử thực hành chuyên sâu Đã hoàn thành khóa học Pts nâng cao Unica Có kì làm sản phẩm ứng dụng điện thoại tương tự với ứng dụng Meete đề tài Sản phẩm Sản phẩm 03 Tính khoa học Tình hình nghiên cứu giới Về phong cách thiết kế phẳng sách “Creating flat design website” tác giả António Pratas nghiên cứu phong cách thiết kế dẫn đầu xu hướng năm gần Trong sách tác giả có nói lịch sử phong cách thiết kế phẳng từ thủa sơ khai quan trọng đặc điểm bật cách triển khai sản phẩm theo phong cách thiết kế Ngoài tác giả Patrick Mcneil có đề cập đến phong cách thiết kế phẳng, khơng cịn nêu đặc điểm chưa tốt phong cách thiết kế sách “Web Designer's Idea Book, Volume 4: Inspiration from the Best Web Design Trends, Themes and Style” Còn Chương trang 30 “Learn Design for iOS Development” tác giả Sian Morson có nhắc đến thiết kế phẳng sử dụng tảng iOS, Android trang web lớn eBay, Twitter Ngoài trang sách đưa cách kết hợp phong cách thiết kế phẳng vào ứ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 giới Trong sách “Essential Mobile Interaction Design: Perfecting Interface Design in Mobile Apps” tác giả Cameron Banga Josh Weinhold, xuất 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ô vật liệu quen thuộc) Ngồi cịn viết cách thiết kế loại biểu tượng như: Biểu tượng đại diện cho ứng dụng,… Còn “Web Design Blueprints” tác giả Benjamin LaGrone có viết khía cạnh phong cách thiết kế phẳng màu sắc, bố cục thiết kế theo phong cách Đặc biệt “The Business of iOS App Development: For iPhone, iPad and iPod touch” tác giả Dave Wooldridge, Taylor Pierce viết cách thiết kế biểu tượng ứng dụng điện thoại phải có quy tắc gì, bước để tạo biểu tượng nói chung loại biểu tượng khác nói riêng Ngồi cịn đưa nhiều lưu ý gợi ý thiết kế biểu tượng Trong “Thinking in Icons: Designing and Creating Effective Visual Symbols” tác giả Felix Sockwell Emily Potts, xuất năm 2017 hướng dẫn trình tạo biểu tượng hiệu quả, bao gồm nhiều phong cách nhiều cách tiếp cận khác Tình hình nghiên cứu nước Hiện nước chưa có nhiều đề tài nghiên cứu báo khoa học phong cách thiết kế phẳng biểu tượng Tuy nhiên kể đến số tài liệu như: Quyển ebook “Những điều cần biết FLAT DESIGN” colorME nghiên cứu lịch sử, bố cục hình khối phong cách thiết kế phẳng 04 Khung đề cương Lý chọn đề tài Hiện nay, thương mại điện tử nhiều quốc gia quan tâm, coi động lực phát triển kinh tế Nó mang lại lợi ích tiềm năng, giúp doanh nghiệp thu thông tin phong phú thị trường đối tác, giảm chi phí tiếp thị giao dịch Và việc mua hàng qua mạng hay mua hàng qua ứng dụng điện thoại đem lại nhiều lợi ích cho khách hàng doanh nghiệp Trong thiết kế giao diện cho ứng dụng điện thoại, biểu tượng (hay Icon) phần quan trọng mang lại nhiều hiệu Việc thiết kế biểu tượng cần có quán biểu tượng với nhau, để làm điều nên thiết kế biểu tượng phong cách thiết kế Trong phong cách thiết kế phẳng dẫn đầu xu hướng, ngồi 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 công ty cổ phần Nguyên Group - qua năm xây dựng phát triển, Meete có chỗ đứng định thị trường với gần triệu users 5000 thương hiệu, mang đến giải pháp khách hàng tích điểm cho thương hiệu, cửa hàng thị trường Hồ Chí Minh Hà Nội Với mục tiêu xây dựng hệ sinh thái rộng trải dài khắp Việt Nam lớn sang quốc gia khu vực vào năm 2022, Meete hướng đến việc xây dựng đội ngũ động, nhiệt huyết để làm việc với advisors Meete từ cơng ty, tập đồn lớn Và từ thực lộ trình mà Meete mong muốn Và tất nhiên việc nâng cấp ứng dụng phần thiết yếu lộ trình công ty Từ lý 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 Lý chọn đề tài Tình hình nghiên cứu 2.1 Quốc tế 2.2 Trong nước Mục đích nhiệm vụ: Đối tượng phạm vi nghiên cứu: Phương pháp nghiên cứu: Ý nghĩa thực tiễn: 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ử phong cách thiết kế phẳng 1.1.3 Vai trò phong cách thiết kế phẳng 1.1.4 Đặc điểm phong cách thiết kế phẳng 1.2 Tổng quan thiết kế biểu tượng 1.2.1 Khái niệm biểu tượng 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ò thiết kế phẳng thiết kế biểu tượng 2.1.1 Khái niệm icon theo phong cách thiết kế phẳng 2.2 Thực trạng biểu tượng theo phong cách thiết kế phẳng 2.2.1 Thực trạng nước 2.2.2 Thực trạng quốc tế 2.3 Những lưu ý việc thiết kế biểu tượng theo phong cách thiết kế phẳng 2.3.1 Lưu ý đường nét 2.3.2 Lưu ý 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 Công ty Nguyên Group 3.1.1 Giới thiệu công ty Nguyên Group 3.1.2.Khảo sát công ty Nguyên Group 3.2 Ứng dụng phong cách thiết kế phẳng vào thiết kế biểu tượng cho ứng dụng điện thoại Meete công ty Nguyên Group 3.2.1 Giới thiệu ứ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ô bạn lắng nghe! ... Khái niệm phong cách thiết kế phẳng 1.1.2 Lịch sử phong cách thiết kế phẳng 1.1.3 Vai trò phong cách thiết kế phẳng 1.1.4 Đặc điểm phong cách thiết kế phẳng 1.2 Tổng quan thiết kế biểu tượng 1.2.1... THEO PHONG CÁCH THIẾT KẾ PHẲNG 2.1 Vai trò thiết kế phẳng thiết kế biểu tượng 2.1.1 Khái niệm icon theo phong cách thiết kế phẳng 2.2 Thực trạng biểu tượng theo phong cách thiết kế phẳng 2.2.1... niệm biểu tượng 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