Video: Thiết kế web 03 Quản lý website trong Dreamweaver 2025
Comps , như chúng được gọi là các vòng kết nối thiết kế web, là những mô hình trực quan của một thiết kế web mới được đề xuất. Họ là cơ hội của người thiết kế để thiết lập trang web cuối cùng sẽ như thế nào - từ màu nền trang và kết cấu, lựa chọn phông chữ, màu sắc và kích cỡ để điều hướng và thiết kế nút. Chìa khóa để thiết kế comps là tập trung vào thiết kế các mẫu.
Thường có một bản vẽ được phát triển cho mỗi khuôn mẫu (thường với nhiều lớp Photoshop và các bộ lớp thể hiện các trạng thái khác nhau của các thành phần tương tác). Vì vậy, khi thiết kế một comp, bạn phải nghĩ đến các trụ cột của mỗi mẫu. Lưới điện mà trang này sử dụng là gì? Làm thế nào và ở đâu sẽ hiển thị các loại phần tử văn bản khác nhau? Có phần mở rộng và có thể thu gọn mà bạn cần hiển thị cả hai chế độ xem? Có điều trị hoặc biên giới đặc biệt đối với hình ảnh hoặc biểu mẫu? Điều hướng và nút trông như thế nào?
Khi phát triển comp, hãy chọn một trang mẫu sử dụng một trong các mẫu. Sử dụng tiêu đề, bản sao nút và ảnh (hoặc gần với những gì sẽ là bản sao và ảnh thực tế) để nắm bắt đúng tâm trạng và giai điệu của trang web được đề xuất.
Đôi khi, một comp sẽ yêu cầu bạn bao gồm các phần tử hệ thống của trình duyệt như thanh cuộn, nút radio và hộp kiểm. Không cần phải chộp lên màn hình hoặc (tồi tệ hơn) tạo các vật dụng tùy chỉnh từ đầu (trừ khi đó là những gì bạn sẽ cho). Có các trang web trực tuyến như Designers Toolbox cho phép bạn tải các tệp Photoshop có các phần tử này trên các lớp trong suốt, làm cho nó dễ dàng kết hợp chúng vào các thiết kế của bạn.
