Trước khi bắt đầu thiết kế một layout cho website chúng ta phải phân tích kỹ lưỡng những vấn đề chính sau: về sản phẩm và dịch vụ mà website cần thiết kế hướng đến để có một thiết kế phù hợp, bố cục tổng toàn trang website phải hoài hòa đẹp mắt và phù hợp với tiêu chuẩn và thói quen của người xem, màu sắc phải được lựa chọn kỹ lưỡng ngoài yếu tố làm nổi bật cho webiste còn phải có sự kết hợp hài hòa giữa các màu trong toàn trang tránh làm rối mắt cho người xem, nên lựa chọn font chữ phù hợp để kết hợp có một website đẹp mắt. Phân tích các yếu tố quan trọng trước khi thiết kế layout cho website.


1. Bố cục rất quan trọng trong thiết kế website nó là bước đầu tiên cần làm trước khi thiết kế một website, khi thiết kế một website chúng ta phân tích sẽ làm gì cho website đó để đạt hiệu quả như mong muốn, lên bố cục tổng thể từng trang của website (Ví dụ: Trang chủ, Trang Giới thiệu, Trang sản phẩm, Trang Dịch vụ, Trang Liên hệ…), chúng ta phải tính toán sắp xếp các phần quan trọng như sản phẩm, dịch vụ ở các vị trí mà người dùng dễ nhìn nhất để thu hút người xem vào đó.

2. Sitemap: Lập một bản đồ site hoàn chỉnh cho toàn trang web, nó giúp cho thông tin về website trở nên rõ ràng, giảm thiểu thời gian làm việc và dễ thuyết phục người duyệt mẫu.


3. Bản thiết kế thô: chúng ta sẽ làm một bản thiết kế thô, bao gồm các vị trí của các thành phần trên website và bản thiết kế thô này cần phải được duyệt từ đối tác, khách hàng để từ đó tiến hành thiết kế layout hoàn chỉnh.

4. Về kích thước của trang web: Hiện nay hầu hết các người xem đều sử dụng chuẩn màn hình 1024 x 768 px hoặc cao hơn, tuy nhiên phần lớn mẫu thiết kế sử dụng kích thước thật của màn hình so với khung hình chuẩn của web theo chiều ngang là 1004px, một số trường hợp đặc biệt sẽ có thiết kế riêng biệt.

5. Sử dụng phần mềm để thiết kế website. Phần mềm chuyên dụng Adobe Photoshop là lựa chọn số một trong thiết kế đồ họa. Tuy nhiên để thiết kế một mẫu Layout chuyên nghiệp đẹp mắt ngoài các yếu tố về mỹ thuật, bạn cần phải có kiến thức tốt trong việc sử dụng các công cụ hỗ trợ của phần mềm Adobe Photoshop điều đó sẽ giúp bạn tiết kiệm được thời gian làm việc và hoàn chỉnh mẫu thiết kế như yêu cầu đề ra.

6. Sử dụng hệ màu chuẩn RGB cho web, vì chế độ màu sắc hiển thị trên màn hình là hệ màu chuẩn RGB.

7. Font chữ: nên sử dụng các font chữ chuẩn cho nội dung website (các font chữ hệ thống), vì nếu máy người xem không có font chữ mà website sử dụng thì sẽ làm hư toàn bộ layout. Khi sử dụng tiếng việt cho website nên dùng các font Unicode chuẩn như Times News Roman, Verdana, Tahoma, Arial…Font chữ phải có màu sắc hoài hòa với màu sắc của trang website, giúp cho ngươi xem dễ đọc chúng, tránh dùng những màu sắc có độ tương phản cao, làm mỏi mắt người xem khi đọc chúng. Khi thiết kế layout trong Photoshop nên để chế độ hiển thị Font chữ là None, tránh việc lựa chọn Crisp, Sharp, Strong, Smooth vì nếu sử dụng những lựa chọn này kết quả cuối cùng sẽ khác với thiết kế.

8. Đối với các website Thương mại điện tử nên hạn chế sử dụng đường cong, hình ảnh lớn, Background lớn chiếm dụng diện tích thông tin của website trừ khi chúng ta có thể quản lý được chúng. Và nó cũng làm chậm thời gian Load web (điều này rất quan trọng cho việc Seo Marketing Online). Ngoài ra việc sử dụng đường cong hay background cũng gây ra một số trở ngại khi chuyển sang HTML. Chúng ta cần nghĩ đến việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần nào.

Sử dụng ngôn ngữ lập trình web: có thể sử dụng một số ngôn ngữ chuẩn hiện nay như ASP.NET, PHP, Drupal…

Về trình duyệt website: phải kiểm tra mẫu kết quả website trên các trình duyệt web phổ biến nhất hiện nay như: Internet Explorer, Firefox, Chrome… để phát hiện lỗi và chỉnh sửa cho phù hợp.

Nitrogen.(Seoweb24h.com)