Chương 3: GIAO DIỆN WEBSITE HOÀN CHỈNH
3.1 Công cụ sử dụng ❖Figma
❖Figma
● Điểm cộng:
- Ở mỗi chức năng đều có tooltip hướng dẫn.
- Về bố cục giao diện giống Sketch, nhưng đơn giản hơn.
- Khi mở file khác tự động sinh tab mới trên thanh tab bar, còn ở Sketch khi mở một file khác lại ra cửa sổ mới.
- Cho phép các thành viên khác cùng comment và sửa real-time (Đây có thể coi là điểm mạnh mẽ nhất của Figma).
- Trong vòng 30 phút nếu không có thao tác với thiết kế thì Figma sẽ lưu lại 1 version, sau đó nếu bạn có chỉnh sửa như thế nào thì vẫn có thể khôi phục lại version trước đó.
- Việc này thực sự rất có ý nghĩa khi làm việc với những khách hàng khó tính sửa đi sửa lại thiết kế cả trăm lần sau đó quyết định sử dụng version đầu tiên. - Sử dụng được trên mọi hệ điều hành với 2 phiên bản web app và desktop app.
● Điểm trừ:
- Layout columns và rows không có dạng đường kẻ như Sketch và Photoshop, chỉ có dạng những mảng màu được opacity và mặc định được đặt lên lớp trên cùng của thiết kế nên khi bật layout lên sẽ ảnh hưởng đến việc nhìn tổng thể cả thiết kế.
- Mặc dù dùng desktop app nhưng lại không mượt và nhanh như trên Sketch, cảm giác như là khi hoàn thành thao tác thì Figma phải load lại.
- Việc preview thiết kế cũng bị chậm trễ.
- Không preview được font chữ như trên Sketch và Photoshop.
- Chưa cho cài đặt plugin và cũng chưa có kho plugin phong phú như Sketch.
3.2 Các trang giao diện thành phần
- Trang Giới thiệu chung
- Trang chủ
- Trang Tạo/Sửa/Xóa công việc theo Cá nhân/Nhóm
- Các trang công cụ khác: Vẽ biểu đồ, Lịch hiển thị deadlines, Cập nhật thông tin cá nhân