Mẫu thiết kế trang web

Mục lục:

Mẫu thiết kế trang web
Mẫu thiết kế trang web
Anonim

Chúng ta đừng đi sâu vào các con số và phép tính, vì không thể xác định được có bao nhiêu trang đã tồn tại trên Internet. Mỗi ngày, hàng nghìn, nếu không muốn nói là hàng trăm nghìn trang web bị lỗi và những trang web mới xuất hiện ở vị trí của chúng. Lý do cho những thất bại là gì? Tại sao mọi người truy cập trang web và ngay lập tức rời khỏi nó? Câu trả lời rất đơn giản và ngay trước mắt bạn - đây là thiết kế của trang web.

Hiệu ứng thu hút

Đồng ý, mọi người đều có một tập hợp các trang web nhất định được truy cập ngày này qua ngày khác. Tôi chắc chắn rằng hầu hết các trang được đánh dấu đều là các trang yêu thích có phim, sách, tin tức, trò chơi, v.v. Tại sao sau khi tìm thấy một trang, chúng tôi không thử tìm một trang khác tương tự, thậm chí có thể tốt hơn? Đáp án đơn giản! Các trang web mà chúng tôi đánh dấu là thuận tiện để sử dụng - các trang web như vậy thường có sự sắp xếp thuận tiện giữa các yếu tố, danh mục và thiết kế dễ chịu không gây khó chịu cho mắt. Đây là "hiệu ứng thu hút", hãy ghé thăm một trang web được thiết kế phù hợp một lần - để lạikhông còn muốn nữa.

Hãy xem ví dụ về hai trang web của nền tảng giao dịch:

Các trang web mẫu
Các trang web mẫu

Chắc chắn và không thể chối cãi, địa điểm số 1 muốn đóng cửa càng sớm càng tốt, và địa chỉ số 2, ngược lại, muốn nán lại. Tại sao chuyện này đang xảy ra? Ở trang đầu tiên, ngoài một sản phẩm được đặt ngẫu nhiên, còn có hiện tượng quá bão hòa màu, không thể nói đến trang thứ hai. Có một câu tục ngữ tuyệt vời như thế này: “Quần áo gặp nhau, nhưng tiễn đưa bằng tâm”, nó cũng có thể áp dụng cho các trang web, chỉ có thay quần áo là có thiết kế, và thay vì trí óc thì có cấu trúc điều hướng. Khách truy cập, khi đã vào trang web, điều đầu tiên anh ta nhìn thấy là bảng màu và sau đó chỉ chú ý đến điều hướng nội bộ và cấu trúc trang web.

Cảm nhận màu

Nguyên tắc chính khi chọn màu là đừng lạm dụng nó. Đôi khi ngay cả hai hoặc ba màu được chọn chính xác là quá đủ, một ví dụ sinh động về điều này là trang web fb.ru. Nhiều nhà thiết kế web sử dụng bảng màu "an toàn" để thiết kế trang web html của họ.

Bảng màu an toàn
Bảng màu an toàn

An toàn. Nó được gọi là vì tất cả các màu hiển thị ở đây sẽ được truyền tải bởi tất cả người dùng theo cùng một cách. Những màu này có thể nói là tiêu chuẩn khi tạo thiết kế trên trang web.

Tương thích màu

Mỗi màu có một màu "thân thiện" riêng - đây là màu mà nó hợp nhất. Không cần phải phát minh lại bánh xe và thử nghiệm chọn lọc, mọi thứ đã được phát minh từ lâu và thuộc phạm vi công cộng. Bánh xe màu được sử dụng để chọn màu. Itten. Hình ảnh dưới đây cho thấy một bánh xe màu để kết hợp 2 màu phù hợp.

Sự kết hợp màu bổ sung
Sự kết hợp màu bổ sung

T. tức là màu đối lập bên trong vòng tròn được coi là tương thích nhất. Nếu bạn cần chọn 3 màu phù hợp, bánh xe màu cũng được sử dụng, chỉ đường sắp xếp màu sẽ được thay đổi.

Bộ ba - sự kết hợp của 3 màu
Bộ ba - sự kết hợp của 3 màu

Và còn rất nhiều hình tròn như vậy, bạn có thể chọn thêm màu phù hợp. Ví dụ, bốn.

Tetrad - sự kết hợp của bốn màu
Tetrad - sự kết hợp của bốn màu

Lựa chọn màu sắc theo cách này thông qua các vòng kết nối của Itten, sự kết hợp tối đa của các màu sắc sẽ đạt được và sẽ có được một thiết kế trực quan của trang web. Nhiều vòng tròn màu hơn có thể được tìm thấy trực tuyến. Hãy chệch chủ đề chính một chút, vì tôi muốn thông báo với bạn rằng những bánh xe màu Itten này được sử dụng bởi các nhà thiết kế chuyên nghiệp từ thế giới thời trang, tức là khi tạo quần áo thiết kế, phương pháp kết hợp màu này đã được sử dụng.

Cấu trúc trang web nội bộ

Nếu mọi thứ trở nên rõ ràng hơn với cảm nhận màu sắc, thì vẫn còn một chỉ số quan trọng nữa là cấu trúc bên trong của trang web hay nói cách khác - "khả năng sử dụng". Chỉ chọn màu sắc phù hợp trên trang web là chưa đủ, vì thực tế cho thấy - với thiết kế đẹp của trang web, bạn sẽ không đi xa được. Cấu trúc chính xác của địa điểm giống như khung của một ngôi nhà, nếu nó không được quy hoạch một cách chính xác, thì sẽ rất bất tiện khi di chuyển xung quanh nó.

Tất cả các yếu tố điều hướng cần được suy nghĩ trước, và thậm chí tốt hơn - được viết ra. Kết cấuTrang web trước hết phải dễ hiểu và thuận tiện cho khách truy cập. Rất nhiều trang bị mất người truy cập chỉ vì sau này khi vào trang không hiểu vị trí và cái gì. Không cần phải lộn xộn với một loạt các nút và treo một loạt các chức năng. Bạn luôn cần phải nhìn qua con mắt của người truy cập, nếu người dùng không cần một số chức năng, thì tốt hơn là bỏ nó đi. Một lần nữa, một ví dụ sáng sủa và đúng đắn về thiết kế trang web là trang web Fb.ru, trên đó tất cả các phần đều được đặt theo cách dễ hiểu và thuận tiện cho người truy cập.

Sai lầm lớn nhất

Theo phân tích trung bình, một người dùng không thể tìm thấy phần hoặc thông tin cần thiết trên trang web trong vòng 15-30 giây tin rằng phần hoặc thông tin này không có trên trang web và rời khỏi tài nguyên. Trong hầu hết các trường hợp là mãi mãi. Một ví dụ điển hình về một trang web có điều hướng khủng khiếp:

Điều hướng trang web không hợp lệ
Điều hướng trang web không hợp lệ

Bạn có nghĩ rằng có thể tìm thấy thông tin cần thiết trên một tài nguyên như vậy bằng cách không đi từ tìm kiếm mà chỉ đơn giản là đến trang chính không? Tôi nghĩ không có. Một lần nữa, độ bão hòa màu sắc và sự phong phú của điều hướng khó hiểu, sẽ khiến bất kỳ khách truy cập nào cũng phải sững sờ và bối rối. Để tránh những sai lầm như vậy, cần phải nhóm tất cả các phần và đưa chúng vào một menu điều hướng riêng, điều này sẽ dễ hiểu đối với mọi khách truy cập.

Hình thức đăng ký

Một yếu tố quan trọng và đáng sợ khác trên trang web là mẫu đăng ký. Một số cố gắng thu thập gần như dữ liệu của bà cố trong cửa sổ đăng ký.

Mẫu đăng ký sai
Mẫu đăng ký sai

Hình thức đăng ký như vậylà mốt trước đây, khi Internet chỉ bắt đầu xuất hiện trong các gia đình. Ngày nay, người dùng Internet muốn tìm thấy thông tin mình cần càng sớm càng tốt, và các biểu mẫu đăng ký dài, mặc dù có thiết kế tuyệt vời của trang web, nhưng khả năng sẽ bị loại bỏ là 99%. Hình thức đăng ký lý tưởng theo tiêu chuẩn ngày nay được hiển thị bên dưới.

Đúng mẫu đăng ký
Đúng mẫu đăng ký

Ngay cả khi thông tin này là không đủ, thì sau quá trình đăng ký, không ai bận tâm đến việc yêu cầu nó từ phía khách, sau quá trình đăng ký. Cách tiếp cận này được coi là trung thành và thân thiện hơn so với biểu mẫu đăng ký, giống như một mẫu đơn xin việc.

Mẫu trang web

Nhiều trang web hiện đang được tạo trên hệ thống CMS hiện đại cung cấp thiết kế trang web miễn phí. Nhưng thiết kế miễn phí (mẫu) không mang bất kỳ thiết kế trực quan nào, vì vậy nếu chủ sở hữu trang web không cố gắng thay đổi nó theo bất kỳ cách nào, thì một trang web như vậy sẽ biến mất trong tìm kiếm.

Cũng cần đề cập đến toàn bộ cổng Internet cung cấp triển khai trang web của riêng bạn dựa trên chúng. Trong trường hợp này, có cả ưu và nhược điểm:

  • Điểm cộng đầu tiên và có lẽ là duy nhất là sự đơn giản. Khung trang web, như một quy luật, đã được các nhà thiết kế có kinh nghiệm làm mẫu dựa trên các tài nguyên đó, việc thiết kế trang web được thực hiện theo các yêu cầu và quy tắc nhất định. Nó vẫn chỉ để lấp đầy nó với tài liệu chuyên đề và chờ đợi những người truy cập đầu tiên. Do đó, sự đơn giản và tiện lợi của các dịch vụ như vậy thu hút những người mới bắt đầu. Nhưng nếu trang web được thiết lập để phát triển và cạnh tranh nghiêm túcđứng đầu trong các công cụ tìm kiếm, vậy thì tốt hơn hết bạn nên từ chối một dịch vụ như vậy.
  • Từ điểm tối thiểu - các mẫu được cung cấp trong hầu hết các trường hợp không thể chỉnh sửa hoặc thay đổi, bạn sẽ phải sử dụng mẫu được cung cấp mọi lúc. Tính đơn điệu là nhược điểm chính mà chúng ta đã nói ở phần đầu, bởi vì mỗi trang web phải là cá nhân và có sự khác biệt về hình thức với những trang khác. Rất nhiều hạn chế mà sẽ không thể diễn tả được, vì mỗi dịch vụ như vậy đều có riêng của nó.

Phần cuối cùng

Mọi thứ được mô tả trong tài liệu này không giả vờ là "hướng dẫn chính", bạn luôn có thể và thậm chí cần phải làm mọi thứ theo cách của riêng mình - đây chỉ là tập hợp các quy tắc và sai lầm phổ biến nhất. Nhưng những điểm quan trọng nhất, được mô tả ở đây dưới dạng cảm nhận về màu sắc và cấu trúc bên trong của trang web, là tiêu chuẩn để thiết kế trang web. Màu sắc được chọn không chính xác sẽ khiến bất kỳ khách truy cập nào vừa vào trang web sợ hãi và việc thiết kế các danh mục và yếu tố trang web một cách mù chữ sẽ không cho phép anh ta điều hướng và tìm kiếm thông tin cần thiết. Những điểm này cần được chú ý tối đa và, như đã đề cập ở trên, bạn nên luôn nhìn vào bất kỳ trang web nào qua con mắt của khách truy cập, chứ không phải qua con mắt của nhà phát triển.

Đề xuất: