Trang Chủ Xã hội Truyền thông Tránh những sai lầm thiết kế Web - những con người

Tránh những sai lầm thiết kế Web - những con người

Mục lục:

Video: Những sai lầm cần tránh khi thiết kế và bày trí thiết bị vệ sinh cho phòng tắm 2025

Video: Những sai lầm cần tránh khi thiết kế và bày trí thiết bị vệ sinh cho phòng tắm 2025
Anonim

Đơn giản chỉ cần lên Web - đặc biệt là các khu vực có nhiều trang cá nhân, như trang web GeoCities hoặc khu vực quê hương của AOL - và bạn có thể tìm thấy nhiều ví dụ về các trang được thiết kế tồi. Nhưng điều đó làm cho các trang này trở nên tồi tệ? Trong số nhiều lỗi thiết kế bạn có thể thực hiện, ba trong số những người sáng tạo trang Web mới thường gặp: trang tải chậm, kết hợp màu xấu xí và văn bản nhỏ.

Các trang tải chậm

Đây là số 1 của thiết kế trang web, dù là nghiệp dư hay chuyên nghiệp. Mọi người nghĩ rằng họ đang thiết kế một tạp chí và ném đồ hoạ lớn, không nén xung quanh, một vài trang. Sau đó, họ thêm các phần tử thiết kế nhỏ dễ thương, mỗi phần đều phải được gửi đi dưới dạng một tệp riêng biệt bởi máy chủ Web. Khi mỗi yếu tố khác nhau được đưa vào, thiết kế trang sẽ thay đổi và làm nổi bật một cách đảm bảo gây say xe. Khi một trang của bạn tải chậm, thường là do thực tế bạn đang thực hiện một trong hai lỗi chính.

  • Lỗi # 1 liên quan đến việc thiếu chăm sóc với một hoặc hai đồ họa riêng lẻ. Bằng cách giữ các tệp đồ hoạ lớn, bạn sẽ làm mất toàn bộ trang để tải chậm.
  • Lỗi # 2 là sử dụng đồ hoạ nói chung. Các trang được thiết kế cao có thể có rất nhiều yếu tố đồ họa nhỏ gây ra nhiều lần chuyển tệp riêng khi tải trang. Trừ khi trang được thiết kế cẩn thận, trang thực sự thay đổi một chút khi mỗi đồ hoạ in. Hiệu quả tổng thể có thể khá lúng túng.
Kết hợp màu xấu xí

Nhiều nhà xuất bản trang Web không quan tâm nhiều đến việc kết hợp màu sắc mà họ sử dụng là hấp dẫn hay không. Những người khác chăm sóc, nhưng không thể đánh giá một cách phê bình công việc của họ và xem những điều xấu xí và / hoặc khó sử dụng là như thế nào.

Bạn có thể hiểu rằng một số kết hợp màu nhất định có thể là xấu, nhưng có lẽ chúng ta có thể kỳ lạ khi nói rằng các màu xấu có thể dẫn đến những trang khó sử dụng. Lý do là trên Web, màu sắc xác định các siêu liên kết, với các liên kết không sử dụng và các liên kết gần đây được sử dụng có màu sắc khác nhau. Các màu tiêu chuẩn cho các liên kết là màu xanh cho các liên kết không tìm thấy và màu tím cho các liên kết truy cập. Nếu bạn thay đổi những màu này, khách truy cập của bạn gặp sự cố khi xác định những liên kết họ đã truy cập và liên kết nào họ không có.

Nếu bạn chỉ cần thay đổi màu liên kết, hãy thử sử dụng các kết hợp màu tương tự như các màu chuẩn - màu nhẹ hơn, bắt mắt cho các liên kết không nhìn thấy và màu sắc đậm đối với các màu được truy cập.Điều này ít nhất tương tự, theo khái niệm, với màu sắc tiêu chuẩn. Sau đó kiểm tra thiết kế trên một vài người và xem họ có thể nhanh chóng tìm ra các liên kết nào.

Bây giờ, trở lại xấu xí. Chỉ vì Web làm cho nó có thể sử dụng kết hợp màu khác nhau không có nghĩa là bạn nên làm như vậy. Văn bản đen trên nền trắng hoặc trắng là điều mà mọi người thường sử dụng và luôn là lựa chọn an toàn nhất. Và với sự kết hợp này, màu sắc liên kết chuẩn sẽ hiển thị rất tốt. Bạn có thể sử dụng một thanh đồ họa ở một số vị trí nhất quán trên trang để cung cấp cho các trang Web của bạn một giao diện đồ họa đầy màu sắc, mà không phải hy sinh khả năng dự đoán và khả năng đọc được trong phần thân của mỗi trang.

Một vài kết hợp màu khác hoạt động khá tốt, nhưng nhiều người lại không. Hãy nhớ rằng một số người dùng chạy màn hình của họ ở chế độ 256 màu và chỉ có 216 màu trong 256 - bảng màu Web an toàn - giống nhau trên PC và máy Mac. Vì vậy, một sự kết hợp màu sắc trông tốt trên hệ thống của bạn có thể trông khá tệ trên hệ thống có ít màu hơn; Tương tự như vậy, màu sắc trông đẹp trên máy tính cá nhân có thể không quá nóng trên máy Mac.

Văn bản nhỏ (Và cả văn bản lớn)

Một sai lầm phổ biến mà mọi người làm là sử dụng văn bản nhỏ trên trang Web của họ. Văn bản nhỏ trông có vẻ mát mẻ, và nó cho phép bạn đóng gói rất nhiều thông tin. Bởi vì những cám dỗ này, ngay cả các trang Web lớn, chẳng hạn như các phiên bản đầu của trang Microsoft, đã mắc phải lỗi này. Sự cố là văn bản nhỏ trở nên

văn bản nhỏ khi xem trên màn hình có độ phân giải cao. Rất nhỏ, trên thực tế, nhiều người ghé thăm trang web của bạn có thể không thể dễ dàng đọc được văn bản trên trang của bạn. Ít thông thường, nhưng cũng có hại, là văn bản quá lớn. Bạn không cần phải thiết kế các trang web với văn bản có thể đọc được từ 20 feet. Có thật không. (Những người có vấn đề về thị lực thực sự chuyển đổi Windows và / hoặc trình duyệt của họ để hiển thị văn bản ở kích thước lớn hơn, do đó họ có cách để đọc văn bản bắt đầu ở kích thước bình thường.) Điều này có vẻ đáng sợ, đặc biệt khi xem trên một hệ thống với mức tương đối thấp độ phân giải, chẳng hạn như độ phân giải 800 x 600.

Cả hai vấn đề này đang trở nên tồi tệ hơn bởi xu hướng ngày càng tăng để nhúng nhiều văn bản của trang web vào hình ảnh đồ họa. Văn bản này luôn luôn có một cái nhìn nhất quán, bởi vì nó được điều trị bởi trình duyệt như là một hình ảnh, nhưng cái nhìn đó có thể dễ dàng quá nhỏ hoặc lớn. Khi bạn lưu văn bản dưới dạng tệp hình ảnh, trình duyệt không thể định lại kích thước văn bản để thích ứng với các cài đặt trình duyệt khác nhau. Vì vậy, người dùng không thể khắc phục bất kỳ vấn đề nào họ gặp phải với văn bản được hiển thị bằng đồ hoạ.

Vì vậy, văn bản "kích thước bình thường" là gì? Vui mừng bạn đã hỏi. Không có một kích thước bình thường chính xác, nhưng có một phạm vi bình thường. Để tìm thấy nó, hãy khớp kích thước văn bản trong trang web của bạn với kích thước văn bản trong một số trang Web bạn thích. Sau đó, hãy hỏi một vài người - không phải tất cả trẻ hơn và mắt chim ưng, cũng không già cả và ít trực quan hơn - để cho bạn biết liệu họ có thể dễ dàng đọc văn bản trong khi ngồi thoải mái cách xa máy tính một vài bước. Nếu không, hãy khắc phục sự cố trước khi trở thành gánh nặng cho khách truy cập trang Web của bạn.

Tránh những sai lầm thiết kế Web - những con người

Lựa chọn của người biên tập

Bạn nên biết gì về ngày chia cổ tức cho kỳ thi loại 7 - núm vú

Bạn nên biết gì về ngày chia cổ tức cho kỳ thi loại 7 - núm vú

Khi khách hàng đang mua chứng khoán của một công ty đang trong quá trình tuyên bố hoặc trả cổ tức, bạn cần phải có khả năng nói cho khách hàng biết họ có quyền nhận cổ tức hay không. Do giao dịch chứng khoán giải quyết trong ba ngày làm việc, khách hàng được hưởng cổ tức nếu mua chứng khoán tại <

Giải toán Các vấn đề về Từ Toán trên ACT - núm vú

Giải toán Các vấn đề về Từ Toán trên ACT - núm vú

Một vấn đề về chữ (còn gọi là vấn đề về câu chuyện vấn đề trong một thiết lập) cung cấp cho bạn thông tin bằng các từ chứ không chỉ trong phương trình và số. Để trả lời một vấn đề từ toán học trên ACT, bạn phải dịch các thông tin được cung cấp thành một hoặc nhiều phương trình và sau đó giải quyết. Bạn có thể giải quyết một số từ ...

Giải quyết sự tương đồng Tough MAT bằng cách xem xét các phần của bài phát biểu - những núm vú

Giải quyết sự tương đồng Tough MAT bằng cách xem xét các phần của bài phát biểu - những núm vú

Giải thích sự tương tự trên Miller Analogies Test (MAT) là khó khăn, nhưng nếu bạn có một kế hoạch, nó có thể giúp đỡ. Một phương pháp tấn công một phép so sánh phức tạp của MAT là kiểm tra các phần của bài phát biểu cho mỗi thuật ngữ. Bằng cách hiểu biết các phần của bài phát biểu liên quan, bạn có thể làm sáng tỏ một sự tương tự gây nhầm lẫn. ...

Lựa chọn của người biên tập

Thiết kế một Ảnh Cắt dán cho Blog của bạn với PicMonkey - những hình núm vú

Thiết kế một Ảnh Cắt dán cho Blog của bạn với PicMonkey - những hình núm vú

Trên blog, ảnh cắt dán cho phép bạn trình bày nhiều hình ảnh hơn trong một không gian nhỏ hơn so với khi bạn chèn những bức ảnh này vào bài đăng trên blog. Ảnh ghép ảnh cũng có thể làm cho nhìn vào nhiều hình ảnh hấp dẫn hơn, cho dù đó là trong bài viết blog của bạn hoặc ở nơi nào khác trong thiết kế blog của bạn.

Thiết kế một Trang Quảng cáo hiệu quả cho Blog của bạn - những con cần

Thiết kế một Trang Quảng cáo hiệu quả cho Blog của bạn - những con cần

Nếu bạn muốn kiếm tiền từ blog của bạn thông qua quảng cáo hoặc làm việc với các công ty, sau đó có một trang quảng cáo như một phần của thiết kế blog của bạn là phải. Nếu blog của bạn không có trang Quảng cáo, đại diện công ty sẽ không biết bạn có tiềm năng quan tâm đến việc làm việc với họ trong các dự án chung. Tất nhiên, ...

Thiết kế Blog của bạn Yourself - núm vú

Thiết kế Blog của bạn Yourself - núm vú

Nếu bạn có một niềm đam mê để học những điều mới và không nhớ thử nghiệm, hãy thử tự thiết kế blog của bạn. Tất nhiên, lập luận của bạn có thể ít mạo hiểm hơn - nói rằng, bạn có thể không có tiền để thanh toán cho ai đó để thiết kế blog của bạn. Bất kể lý do, việc thiết kế blog của riêng bạn có thể được khen thưởng! ...

Lựa chọn của người biên tập

Làm thế nào để Căn chỉnh Excel 2010 dữ liệu theo chiều ngang và chiều dọc - núm vú

Làm thế nào để Căn chỉnh Excel 2010 dữ liệu theo chiều ngang và chiều dọc - núm vú

Trong Excel 2010, bạn có thể thay đổi sắp xếp ngang và dọc của dữ liệu ô. Theo mặc định, văn bản được căn lề trái, và giá trị và ngày được canh phải. Sử dụng các nút trong nhóm Alignment của tab Trang chủ để thay đổi sắp xếp. Các giá trị được định dạng dưới dạng Kế toán chỉ có thể hiển thị là liên kết phải. Bạn có thể thay đổi sắp xếp tất cả ...

Làm thế nào để Căn chỉnh nhiều đối tượng đồ họa trong Excel 2010 - núm vú

Làm thế nào để Căn chỉnh nhiều đối tượng đồ họa trong Excel 2010 - núm vú

Khi bạn làm việc với nhiều đối tượng hoặc hình dạng trong Excel 2010, bạn có thể cần căn chỉnh các đối tượng theo những cách nhất định để cải thiện sự xuất hiện của họ trong bảng tính. Excel cung cấp một số tuỳ chọn căn chỉnh thông qua menu Align trên tab Định dạng Công cụ Vẽ. Thực hiện theo các bước sau để căn chỉnh các đối tượng đồ họa trong một bảng tính: Chọn <...

Cách áp dụng một kiểu bảng cho một bảng Excel 2010 - núm vú

Cách áp dụng một kiểu bảng cho một bảng Excel 2010 - núm vú

Trong Excel 2010, bạn có thể áp dụng một định dạng bảng được xác định trước cho một phạm vi ô. Tính năng Định dạng Bảng làm hiển thị một bộ sưu tập Thư viện mở rộng với định dạng hình thu nhỏ được chia thành ba phần - Ánh sáng, Trung bình và Đậm - mỗi màu đều mô tả cường độ màu được sử dụng theo các định dạng khác nhau.