Nguyên tắc “được cơm áo gạo tiền” không chỉ đúng với mọi người, mà còn đúng với các trang web. Trang phục của trang web là thiết kế của nó. Và chính thiết kế sẽ quyết định ấn tượng mà khách truy cập có trong vài giây đầu tiên xem tài nguyên. Ấn tượng này đặc biệt quan trọng vì nó quyết định hành vi sau này của anh ấy. Yếu tố thiết kế đầu tiên mà mọi người dùng truy cập trang web nhìn thấy là "tiêu đề" của nó. Cap là bộ mặt của tài nguyên web. Do đó, mọi nhà thiết kế web mới vào nghề đều muốn trước hết học cách tạo tiêu đề cho trang web.
Cần thiết
- - truy cập Internet;
- - trình duyệt hiện đại;
- - trình biên tập đồ họa raster (GIMP, Photoshop);
- - tùy chọn: trình chỉnh sửa đồ họa vector (CorelDraw);
- - tùy chọn: Môi trường mô hình 3D (Máy xay sinh tố, 3DStudio);
- - tùy chọn: tờ giấy, bút chì hoặc bút.
Hướng dẫn
Bước 1
Phát triển một khái niệm cho tiêu đề trang web trong tương lai. Tốt nhất, khái niệm nên dựa trên ý tưởng ban đầu. Khi thiếu ý tưởng, có thể lấy lại cảm hứng bằng cách phân tích các giải pháp tốt hiện có. Phản ánh kết quả nghiên cứu sáng tạo dưới dạng bản phác thảo trên một tờ giấy. Bản phác thảo phải phản ánh cấu trúc của tiêu đề tương lai của trang web với chỉ dẫn về các địa điểm và khu vực "cao su" chứa đầy hình ảnh. Ở giai đoạn này, bạn nên suy nghĩ về một bảng màu gần đúng cho thiết kế của tiêu đề.
Bước 2
Chọn kích thước của tiêu đề. Trên thực tế, điều đáng giá là chỉ xác định rõ một trong các tham số của nó - chiều cao. Theo quy luật, chiều cao của tiêu đề trang là cố định và nó không phụ thuộc vào độ phân giải logic ảnh hưởng đến các thông số hiển thị của phông chữ. Nói cách khác, bạn nên chọn giá trị cho chiều cao tiêu đề tính bằng pixel. Trong trường hợp này, nên tính đến khả năng đặt biểu ngữ hoặc khối quảng cáo theo ngữ cảnh trong tiêu đề. Đối với chiều rộng, bạn nên xác định giá trị tối thiểu, làm nổi bật ít nhất một vùng "cao su" cho phép tiêu đề thích ứng với các kích thước khác nhau của trang web.
Bước 3
Tạo mẫu tiêu đề trong trình chỉnh sửa đồ họa. Trong một tài liệu mới, thêm một lớp trong suốt mà bạn sẽ kéo bản phác thảo theo các thông số hình học đã chọn. Chiều cao lớp phải khớp với chiều cao tiêu đề. Chiều rộng có thể được lấy tùy ý, nhưng lớn hơn kích thước tối thiểu, để lại không gian cho các vùng “cao su” theo chiều ngang.”Trong mẫu, chỉ định các vùng có kích thước cố định và thay đổi, các vùng dành để lấp đầy hình ảnh tĩnh, hình nền.
Bước 4
Tìm kiếm hoặc tạo hình ảnh tĩnh để đặt trong mẫu tiêu đề của bạn. Biểu trưng và một số yếu tố độc đáo có thể được tạo trong trình chỉnh sửa vectơ hoặc môi trường mô hình 3D. Khá dễ dàng để tìm thấy ảnh chuyên đề trên các photoban miễn phí trên Internet.
Bước 5
Chèn nền, biểu trưng và hình ảnh tĩnh vào mẫu tiêu đề trang trong trình chỉnh sửa đồ họa. Thêm nền và mỗi hình ảnh vào một lớp trong suốt riêng biệt. Sắp xếp các lớp một cách tốt nhất. Bằng cách di chuyển hình ảnh trong các lớp, đạt được bố cục hoàn hảo của chúng, tương ứng với mẫu đã tạo trước đó.
Bước 6
Lưu hình ảnh tiêu đề kết quả. Lưu dự án đang làm việc ở định dạng gốc của trình chỉnh sửa đồ họa. Sau đó, lưu hình ảnh tiêu đề phẳng ở định dạng không mất dữ liệu (ví dụ: PNG).
Bước 7
Tạo mẫu tiêu đề HTML nếu cần. Mở hình ảnh phẳng trong trình chỉnh sửa. Cắt hình ảnh từ nó tương ứng với các khu vực có kích thước cố định. Từ các vị trí tương ứng với các khu vực "cao su", cắt các hình ảnh rộng 1 pixel. Lưu tất cả hình ảnh vào đĩa. Bố trí tiêu đề HTML bằng cách sử dụng các hình ảnh đã lưu.
