✨ NHẬT KÝ THỰC TẬP NGÀNH THIẾT KẾ ĐỒ HỌA ✨ | Bộ sưu tập do Viết báo cáo, luận tốt nghiệp đăng

📌 TUẦN 1: LÀM QUEN QUY TRÌNH THIẾT KẾ GIAO DIỆN

• Tìm hiểu doanh nghiệp, bộ phận thiết kế và vai trò của UI Designer.

• Làm quen quy trình phối hợp giữa UI, UX, Product Manager và lập trình viên.

• Tiếp cận Figma, Illustrator, Photoshop và quy chuẩn nhận diện thương hiệu. 🏢

🔍 TUẦN 2: NGHIÊN CỨU GIAO DIỆN THAM KHẢO

• Phân tích bố cục, menu, biểu mẫu, nút chức năng, màu sắc, font chữ và icon.

• So sánh giao diện trên máy tính, máy tính bảng và điện thoại.

• Xây dựng bảng tham khảo, chọn lọc xu hướng phù hợp và không sao chép thiết kế. 📱

📝 TUẦN 3: XÂY DỰNG WIREFRAME

• Tiếp nhận yêu cầu, xác định mục tiêu, nội dung và đối tượng sử dụng.

• Phác thảo bố cục, sắp xếp nút, biểu mẫu và khu vực thông tin theo mức độ ưu tiên.

• Thiết kế wireframe cơ bản và chỉnh sửa theo góp ý chuyên môn. 🧩

🎨 TUẦN 4: THIẾT KẾ GIAO DIỆN CHI TIẾT TRÊN FIGMA

• Chuyển wireframe thành giao diện hoàn chỉnh với màu sắc, hình ảnh và kiểu chữ.

• Sử dụng Auto Layout, style và component để căn chỉnh các thành phần.

• Thiết kế trạng thái nút, biểu mẫu, thanh điều hướng và kiểm tra độ tương phản. ✨

🧱 TUẦN 5: XÂY DỰNG COMPONENT VÀ DESIGN SYSTEM

• Thiết kế nút bấm, trường nhập liệu, thẻ nội dung và hộp thông báo.

• Tạo component, variant và chuẩn hóa màu sắc, khoảng cách, đường viền, bo góc.

• Xây dựng thư viện thành phần tái sử dụng nhằm bảo đảm tính thống nhất. ⚙️

📲 TUẦN 6: THIẾT KẾ GIAO DIỆN RESPONSIVE

• Chuyển giao diện máy tính sang phiên bản máy tính bảng và điện thoại.

• Điều chỉnh bố cục, kích thước chữ, khoảng cách, menu và vùng thao tác.

• Sử dụng breakpoint, Constraints và Auto Layout để tối ưu trên nhiều thiết bị. 📐

🔗 TUẦN 7: TẠO PROTOTYPE VÀ BÀN GIAO THIẾT KẾ

• Kết nối các màn hình, thiết lập chuyển trang, hộp thoại và phản hồi khi thao tác.

• Kiểm tra luồng đăng nhập, tìm kiếm, nhập liệu và xác nhận thông tin.

• Chuẩn bị thông số, icon, hình ảnh và sử dụng Dev Mode để hỗ trợ lập trình viên. 🚀

🌟 TUẦN 8: TỔNG HỢP VÀ BÀN GIAO

• Rà soát wireframe, giao diện, component, prototype và sự thống nhất của file.

• Hoàn thiện nhật ký, báo cáo, sắp xếp file Figma và bàn giao tài sản thiết kế.

• Kỳ thực tập giúp mình nâng cao kỹ năng Figma, tư duy bố cục, thiết kế responsive, tiếp nhận phản hồi và phối hợp nhóm phát triển. 💙