✨ NHẬT KÝ THỰC TẬP NGÀNH THIẾT KẾ ĐỒ HỌA ✨
📌 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. 💙
#vietbaocaototnghiep #xindauthuctap #xacnhanthuctap #lamkhoaluantotnghiep #dichvutotnghiep
Trong quá trình thực tập thiết kế đồ họa tại vị trí UI Design, mình nhận thấy việc nắm chắc từng bước trong quy trình thiết kế giao diện là cực kỳ quan trọng để tạo ra sản phẩm vừa đẹp mắt vừa thân thiện với người dùng. Mở đầu chu kỳ thực tập, mình dành thời gian tìm hiểu kỹ về vai trò UI Designer trong đội nhóm, đồng thời làm quen với các phần mềm thiết kế chủ lực như Figma, Illustrator và Photoshop. Từ kinh nghiệm của bản thân, việc hiểu rõ cách phối hợp giữa UI, UX Designer, Product Manager và lập trình viên giúp mình linh hoạt trong việc tiếp nhận và phản hồi yêu cầu thiết kế. Một điểm mà mình thấy rất hữu ích là bước phân tích giao diện tham khảo ở tuần 2. Qua việc so sánh cách bố trí, màu sắc, font chữ trên nhiều thiết bị khác nhau như máy tính, tablet, điện thoại giúp mình phát triển tư duy lựa chọn thiết kế phù hợp xu hướng mà vẫn đảm bảo tính độc đáo, không sao chép. Tạo wireframe và phác thảo bố cục cơ bản ở tuần 3 là giai đoạn quan trọng giúp mình thiết lập cấu trúc giao diện rõ ràng, ưu tiên các thành phần cần hiển thị. Sau đó, chuyển đổi sang thiết kế chi tiết trên Figma với việc sử dụng Auto Layout, component và style giúp quản lý các yếu tố giao diện dễ dàng và thống nhất hơn. Khi xây dựng component và design system, mình thấy rõ sự tăng hiệu quả khi tái sử dụng các thành phần đã chuẩn hóa, tiết kiệm thời gian và đảm bảo sự đồng nhất cho toàn bộ dự án. Kỹ năng sử dụng variant và Component Properties trên Figma cũng được nâng cao rõ rệt. Thiết kế giao diện responsive làm mình hiểu sâu hơn về sự linh hoạt trong thiết kế khi áp dụng breakpoint, constraints để tối ưu trải nghiệm trên đa dạng kích thước màn hình. Cuối cùng, việc tạo prototype kết nối các màn hình, thiết lập các hiệu ứng chuyển trang và kiểm thử luồng thao tác thực tế trước khi bàn giao thiết kế cho lập trình viên giúp sản phẩm được phát triển sát với ý tưởng ban đầu. Việc phối hợp chặt chẽ, trao đổi thông tin qua Dev Mode trên Figma cũng giảm thiểu sai sót và tăng tính chính xác cho sản phẩm. Đây thực sự là một hành trình học tập quý báu, giúp mình không chỉ nâng cao kỹ năng chuyên môn mà còn phát triển khả năng làm việc nhóm, tiếp nhận và phản hồi ý kiến một cách hiệu quả. Các bạn nào đang theo đuổi ngành thiết kế đồ họa, đặc biệt vị trí UI Design, mình khuyên nên trải nghiệm thử một kỳ thực tập tương tự để tự mình cảm nhận và tích lũy kinh nghiệm thực tế.