Cách Vẽ Thiết Kế Trang Web

Mục lục:

Cách Vẽ Thiết Kế Trang Web
Cách Vẽ Thiết Kế Trang Web

Video: Cách Vẽ Thiết Kế Trang Web

Video: Cách Vẽ Thiết Kế Trang Web
Video: Học thiết kế web site, hướng dẩn học thiết kế web 2024, Có thể
Anonim

Không chỉ mọi người được đáp ứng bởi quần áo của họ, mà còn cả các trang web. Trang phục của trang web là thiết kế của nó. Tài nguyên có chất lượng cao và thiết kế hấp dẫn sẽ tạo ấn tượng thuận lợi đối với người dùng, do đó đảm bảo sự trung thành và sẵn sàng dành thời gian của họ để xem thêm. Ngoài chất lượng, độc đáo và duy nhất của thiết kế là quan trọng. Các chủ đề cũ kỹ sẽ đẩy lùi khách truy cập. Nhưng phát triển một thiết kế độc đáo là tốn kém. Đó là lý do tại sao nhiều quản trị viên web mới bắt đầu tự hỏi làm thế nào để vẽ một thiết kế trang web bằng tay của chính họ.

Cách vẽ thiết kế trang web
Cách vẽ thiết kế trang web

Nó là cần thiết

  • - bút chì;
  • - giấy;
  • - trình biên tập đồ họa raster GIMP hoặc Photoshop;
  • - tùy chọn: trình chỉnh sửa đồ họa vector (ví dụ, CorelDraw);
  • - tùy chọn: Môi trường mô hình 3D (3DStudio, Máy xay sinh tố);
  • - trình duyệt hiện đại;
  • - truy cập Internet.

Hướng dẫn

Bước 1

Phát triển một ý tưởng thiết kế trang web. Quyết định kiểu, phối màu, bố cục trang (kích thước tiêu đề trang, vị trí menu, khối văn bản, hình ảnh). Thật tốt nếu ý tưởng thiết kế dựa trên những ý tưởng ban đầu. Nhưng nếu chúng còn thiếu, bạn có thể lấy cảm hứng từ việc phân tích các giải pháp hiện có. Ví dụ: duyệt danh mục các chủ đề CMS phổ biến. Kết quả của công việc có thể là một bản phác thảo của trang web, được làm bằng bút chì trên một tờ giấy, chỉ ra các khu vực có kích thước cố định và khác nhau.

Bước 2

Tạo mẫu trang trang web trống trong trình chỉnh sửa đồ họa raster. Mở tài liệu mới trong trình chỉnh sửa đồ họa. Kích thước tài liệu phải lớn hơn nhiều so với kích thước trang tối thiểu theo cả chiều ngang (ngay cả khi bạn không có ý định tạo một thiết kế "linh hoạt") và theo chiều dọc. Thêm một lớp trong suốt mới. Trong lớp đã thêm, hãy vẽ hình ảnh của mẫu trang với các đường dày 1 pixel, tôn trọng kích thước thực của các phần tử. Đối với các thiết kế trang có chiều rộng cố định, hãy chỉ định các lề sẽ được tô bằng màu nền.

Bước 3

Tải xuống từ internet hoặc thiết kế các yếu tố thiết kế trang của riêng bạn. Logo và các yếu tố thiết kế độc đáo có thể được tạo trong môi trường mô hình 3D, trình chỉnh sửa vector hoặc raster. Một số lượng lớn các hình ảnh chủ đề có độ phân giải cao được chứa trong các ngân hàng ảnh Internet miễn phí. Ngoài ra còn có các bộ sưu tập biểu tượng miễn phí trên Internet mà bạn có thể thoải mái sử dụng trong các dự án của mình.

Bước 4

Vẽ một thiết kế trang web. Thêm các lớp trong suốt vào tài liệu có chứa mẫu cho trang web trong trình chỉnh sửa đồ họa. Chọn và điền vào chúng những khu vực phù hợp với nền của trang. Điền vào các khu vực với tô màu gradient và các kết cấu định kỳ. Chèn logo, hình ảnh tĩnh, biểu tượng. Vẽ ranh giới khối. Thêm một số văn bản. Đặt từng phần tử thiết kế đã hoàn thành, hình ảnh tĩnh và logo trên một lớp riêng biệt. Di chuyển hình ảnh trong các lớp để đạt được bố cục cần thiết.

Bước 5

Lưu "nguồn" đang hoạt động của thiết kế trang web ở định dạng "gốc" của trình chỉnh sửa đồ họa. Điều này sẽ cho phép bạn quay lại sau để chỉnh sửa nó.

Đề xuất: