Công cụ thiết kế UX/UI đầu tiên tôi gặp, Học Sketch dễ dàng và thú vị 📌
Thiết kế UX/UI là gì?
UX là viết tắt của Trải nghiệm người dùng . Thiết kế UX là công việc cải thiện màn hình web hoặc thiết bị di động và thúc đẩy hành động bằng cách thiết kế trải nghiệm của người dùng. Đây là công việc thiết kế trải nghiệm dịch vụ theo quan điểm của người dùng, bao gồm những gì họ cần khi sử dụng dịch vụ, những gì họ trải nghiệm trong suốt quá trình và liệu họ có cảm thấy bất tiện nào không. Toàn bộ quá trình thiết kế và cấu hình giao diện người dùng (UI), màn hình mà người dùng nhìn thấy, được gọi là thiết kế UX/UI .
Khi nghĩ đến thiết kế, chúng ta thường nghĩ đến một lĩnh vực sáng tạo hoặc nghệ thuật. Tuy nhiên, lĩnh vực UX/UI không chỉ đòi hỏi sự sáng tạo mà còn cả 'logic' xem xét đến trải nghiệm và sự tiện lợi từ góc nhìn của người dùng . Bởi vì chúng ta cần tạo ra sự tương tác giữa thiết bị kỹ thuật số và người dùng. Đây là lý do tại sao cần phải thực hành và nỗ lực liên tục để theo kịp xu hướng của ngành.
Trong khóa học này, bạn sẽ học cách thiết kế giao diện ứng dụng web/di động bằng Sketch , một công cụ thiết kế UX/UI cần thiết cho những ai muốn có được kỹ năng thiết kế UX/UI.
Dễ dàng và nhanh chóng ngay cả với người mới bắt đầu Học cách phác thảo!
Sketch là công cụ gì?
*Sketch là công cụ chỉ có thể sử dụng trong môi trường Mac.
Sketch là một chương trình thiết kế cho phép bạn tạo khung lưới và nguyên mẫu, đóng vai trò là bản thiết kế hệ thống cho thiết kế UI. Vì đây là công cụ thiết kế vector nên có ưu điểm là không gây hỏng hình ảnh ngay cả khi độ phân giải thay đổi. Nhờ đó, có thể hỗ trợ nhiều độ phân giải thiết bị khác nhau như máy tính để bàn và thiết bị di động. Bạn có thể làm việc hiệu quả và nhanh hơn khi thiết kế giao diện người dùng bằng Photoshop, vốn trước đây sử dụng định dạng bitmap.
Trong bài giảng này, chúng tôi sẽ thiết kế một ứng dụng giúp bạn đi du lịch . Chúng tôi có thể giúp bạn mọi việc từ lập kế hoạch khái niệm dịch vụ đến tạo khung lưới, thiết kế bố cục và thậm chí cả các phần chi tiết như thêm biểu tượng và ký hiệu. Ngoài ra, bạn sẽ học cách tích hợp với nhiều công cụ khác nhau, chẳng hạn như Zeplin, một công cụ cộng tác, Abstract, công cụ hỗ trợ quản lý phiên bản và ProtoPie, công cụ hỗ trợ tạo mẫu.
Trong khóa học này, chúng ta sẽ bắt đầu bằng cách tìm hiểu những kiến thức cơ bản về thiết kế UX/UI, sau đó học cách sử dụng Sketch thông qua các ví dụ và sau đó giới thiệu các mẹo học thiết kế để phát triển kỹ năng của bạn với tư cách là một nhà thiết kế. Tôi sẽ hướng dẫn bạn từng bước không chỉ các lý thuyết và cách sử dụng công cụ đơn giản mà còn cách áp dụng chúng vào thực tế và cách xác định hướng đi cần thiết để học thiết kế!
Chậm rãi và kỹ lưỡng.
Chúng ta hãy học theo thứ tự nhé!
Khởi động thiết kế UX/UI! Bạn bắt đầu sự nghiệp thiết kế UX/UI như thế nào? Bạn muốn làm gì với thiết kế UX/UI? Chúng tôi sẽ tóm tắt lại kiến thức nền tảng cơ bản và quy trình thiết kế UX/UI, giúp cải thiện màn hình web hoặc thiết bị di động và thúc đẩy hành động dựa trên trải nghiệm của người dùng cũng như xu hướng thực hành CNTT.
Hãy cùng tìm hiểu từng phần nhé. Bạn sẽ học cách sử dụng công cụ này bằng cách tìm hiểu mọi thứ từ cài đặt công cụ Sketch đến tạo tệp và vận hành giao diện như màn hình và bảng điều khiển. Ngoài ra, bạn có thể tìm hiểu về các thành phần, vốn là những yếu tố thiết yếu của thiết kế UX/UI và hiểu được nhu cầu về một hệ thống thiết kế.
Thiết kế ứng dụng di động do chính tay tôi thực hiện. Chúng tôi hình thành khái niệm dịch vụ, vẽ khung thiết kế, thiết kế và sắp xếp từng yếu tố thiết kế. Khi bạn tự tay thực hiện quy trình thiết kế ứng dụng, bạn sẽ tự nhiên học được cách sử dụng Sketch.
Nâng cao kỹ năng thực hành của bạn thông qua sự hợp tác+ Để chia sẻ bản thảo thiết kế được tạo bằng Sketch với nhóm và thực sự triển khai chúng, bạn cần sử dụng một số công cụ bổ sung. Tìm hiểu cách sử dụng nhiều công cụ khác nhau, bao gồm ProtoPie, công cụ tạo và thử nghiệm các nguyên mẫu dựa trên thiết kế, Zeplin, chương trình hướng dẫn GUI dành cho nhà phát triển để kiểm tra thiết kế và Abstract, công cụ cần thiết để kiểm soát phiên bản!
Để giúp bạn trở thành một nhà thiết kế giỏi! Thiết kế không phải là kỹ năng bạn học một lần rồi quên. Bạn cần phải liên tục theo dõi xu hướng và tiếp tục tìm hiểu nhiều phương pháp khác nhau. Cũng cần phải có quá trình lựa chọn và nghiên cứu các dự án tốt. Tôi sẽ dạy bạn cách học thiết kế dành cho những ai mơ ước trở thành nhà thiết kế giỏi.
Hãy chú ý những người này!
Trải nghiệm người dùng/Giao diện người dùng?
Thiết kế UX/UI thực tế Đối với những người tò mò về quá trình
Xin chào. ahrumist, cảm ơn bạn đã nghe bài giảng. Dù chưa đủ nhưng tôi càng biết ơn và vui mừng hơn khi biết bài giảng của mình rất hữu ích. Tôi cũng mong chờ công việc thiết kế trong tương lai. :)
Xin chào. Heejin
Tôi rất vui vì bạn có thể giải quyết được một số điều bạn không thể học được trong bài giảng miễn phí. Mặc dù đây là bài giảng chưa đầy đủ nhưng tôi chân thành hy vọng rằng nó sẽ hữu ích cho sự nghiệp thiết kế sau này của Heejin. Đừng bỏ cuộc ngay cả sau khi bài giảng kết thúc và hãy luôn luyện tập! Xin đừng quên :)
Xin chào. Nếu đây là lần đầu tiên bạn vẽ phác thảo, có thể bạn chưa quen với nó, vì vậy cảm ơn bạn đã tham gia lớp học cho đến cuối cùng. Công cụ thực chất chỉ là một công cụ nhưng nếu bạn quen với nó thì bạn sẽ có thể sử dụng nó một cách thoải mái. Đừng quên rằng bạn cũng có thể học bằng cách xem rất nhiều mẫu thiết kế và thực hành vẽ chúng trên canvas. ^^
Xin chào. Bạn có thể làm điều đó. Xin lỗi vì trả lời muộn, nhưng tôi tò mò liệu bạn có còn tiếp tục thiết kế không. Cũng giống như biệt danh của bạn, nếu bạn cứ làm thì bạn sẽ làm được nên đừng bỏ cuộc :)