20 Điều khoản ngành công nghiệp thiết kế web cho khách hàng không biết gì

Trong ngành thiết kế web, chúng tôi sử dụng nhiều điều khoản nội bộ. Điều này không chỉ gây khó khăn cho việc bắt đầu cho người mới, đặc biệt là những khách hàng không tham gia vào ngành thiết kế, nhưng truyền đạt ý nghĩa của chúng đúng cách đôi khi có thể là một thách thức.

Trong bảng thuật ngữ này, chúng tôi đã thu thập 20 thuật ngữ thiết kế web được sử dụng thường xuyên và thêm một lời giải thích ngắn cho mỗi người, để bất kỳ ai cũng có thể nhanh chóng xem xét chúng trong trường hợp có sự không chắc chắn. Nếu bạn có một khách hàng thực sự cần một khóa học sự cố trong thuật ngữ thiết kế web, hãy chia sẻ bài viết này với họ.

“Hoạt hình”

Một kỹ thuật thiết kế web thêm chuyển động các yếu tố trên màn hình để hình dung sự thay đổi hoặc để thu hút sự chú ý của người dùng.

Ảnh động là mạnh hơn chuyển tiếp, vì chúng có thể đi qua nhiều trạng thái khác nhau giữa điểm bắt đầu và điểm kết thúc, do đó chúng có thể được sử dụng cho hiệu ứng phức tạp hơn.

“Bánh mì”

Một loại điều hướng thông báo cho người dùng về vị trí hiện tại trên một trang web.

Bánh mì có chứa con đường trên đó có thể truy cập trang hiện tại từ trang chủ, thường ở định dạng Trang chủ / Danh mục / Trang. Mỗi yếu tố của đường dẫn cũng là có thể nhấp để người dùng có thể nhanh chóng điều hướng hệ thống phân cấp trang web. Bánh mì thường được hiển thị trên đầu mỗi trang.

“Bừa bộn”

Một lỗi thiết kế web, một chỉ số của một trang được thiết kế kém.

Chúng tôi nói về một trang lộn xộn khi nhà thiết kế vắt quá nhiều thông tin trên cùng một trang mà không cần thêm đủ khoảng trắng & nội dung cấu trúc đúng. Các trang lộn xộn có khả năng đọc thấp, và làm hại trải nghiệm người dùng.

“Bảng màu”

Một bộ sưu tập màu sắc hài hòa được sử dụng để tạo ra một nhận diện thương hiệu dễ nhận biết.

Thông thường cùng một bảng màu là được sử dụng nhất quán trên trang web, ứng dụng di động, logo và tài liệu tiếp thị của thương hiệu. Một bảng màu có thể được thiết kế theo nguyên tắc khác nhau, có các màu đơn sắc, tương tự, bổ sung, bộ ba và các màu khác.

“Tương phản”

Một kỹ thuật thiết kế để nhấn mạnh sự khác biệt giữa các yếu tố có vai trò hoặc ý nghĩa khác nhau.

Sử dụng Màu bổ sung (đối lập trên bánh xe màu) là cách nổi tiếng nhất để thể hiện độ tương phản, tuy nhiên sự khác biệt thị giác trong hình dạng, kiểu dáng, kiểu chữ hoặc bố cục của các yếu tố trang mà chúng tôi muốn phân biệt cũng có thể đạt được hiệu ứng tương phản.

“Trạng thái trống”

Một trạng thái cụ thể của một trang web hoặc ứng dụng khi có chưa có nội dung trên một trang cụ thể, tuy nhiên các yếu tố thiết kế là đã vào vị trí của họ.

Các trạng thái sử dụng đầu tiên, chẳng hạn như hồ sơ trống là ví dụ điển hình cho các trang trạng thái trống. Họ yêu cầu các kỹ thuật thiết kế cụ thể (như thiết kế trên tàu) thông báo cho người dùng về những gì nên có trên trang, và khuyến khích họ để thực hiện các hoạt động nhất định.

“Bố cục cố định”

Một kiểu bố trí trong đó một trang web và các yếu tố của nó sử dụng cùng chiều rộng trên tất cả các nghị quyết, được định nghĩa trong các giá trị tĩnh (thường là pixel).

Cách xây dựng trang web truyền thống. Hiếm khi được chọn cho các trang web mới hơn, vì các trang web có bố cục cố định hầu như không thể sử dụng (có thể đọc được) trên màn hình di động. Để có thể truy cập cho người dùng di động, nhiều trang web bố trí cố định sử dụng một trang web di động thứ cấp.

“Thiết kế phẳng”

Một Giao diện người dùng thiết kế ngôn ngữ tập trung vào phong cách sạch sẽ và tối giản, và loại bỏ các kết cấu, hoa văn, độ dốc phức tạp và các hiệu ứng lạ mắt khác để giúp người dùng tập trung tốt hơn vào nội dung.

Thiết kế phẳng đã bị chỉ trích vì các vấn đề về khả năng sử dụng xuất phát từ thiếu ba chiều. Trưởng thành hơn Ngôn ngữ thiết kế phẳng 2.0, chẳng hạn như thiết kế Vật liệu của Google, đã xuất hiện dưới dạng phản hồi và thêm một chút chiều sâu trở lại thiết kế phẳng.

“Bố trí chất lỏng”

Một kiểu bố trí cái đó sử dụng đơn vị tương đối để xác định chiều rộng của một trang web và các yếu tố của nó.

Các đơn vị tương đối được sử dụng thường xuyên nhất cho bố trí chất lỏng là tỷ lệ phần trăm, nhưng emS và còn lạiS cũng có thể được sử dụng. Một bố trí chất lỏng thay đổi kích thước (kéo dài và co lại) khi chiều rộng của khung nhìn thay đổi. Không giống như bố trí đáp ứng, bố trí chất lỏng không sử dụng truy vấn phương tiện truyền thông. Còn được gọi là bố trí chất lỏng.

“Gập lại”

Mặt dưới của phần hiển thị của màn hình.

Thuật ngữ “trên nếp gấp” đề cập đến phần của một trang web mà khách truy cập có thể thấy không có hành động, trong khi “dưới nếp gấp” đề cập đến phần còn lại của trang mà người dùng có thể chỉ tiếp cận bằng cách tương tác với trang web - thường bằng cách cuộn hoặc vuốt (trên thiết bị di động).

Nên đặt yếu tố thương hiệu (ví dụ: logo), điều hướng trong trang web, và nội dung lôi cuốn trên màn hình đầu tiên để làm cho người dùng nhanh chóng hiểu mục đích của trang web và quan tâm đến phần còn lại của nội dung.

“Thoái hóa biến chất”

Một chiến lược thiết kế web bao gồm tất cả các tính năng nâng cao theo mặc định trên một trang web, sau đó loại bỏ hoặc đơn giản hóa những thứ không hoạt động trong các trình duyệt cũ hơn, trên các thiết bị có khả năng kém hơn hoặc ở băng thông thấp hơn.

Trọng tâm thêm về ngoại hình hơn về nội dung. Trong kỷ nguyên di động, cải tiến tiến bộ đã trở thành chiến lược thiết kế web chiếm ưu thế cho các trang web mới, sự xuống cấp duyên dáng chủ yếu được sử dụng trên trang web cũ hoặc cũ.

“Hình ảnh anh hùng”

Một quá khổ biểu ngữ hình ảnh đặt trên nếp gấp.

Hình ảnh anh hùng là hình ảnh chất lượng cao, thường là toàn chiều rộng có liên quan đến nội dung của trang web. Trên đầu họ, thường có một văn bản ngắn (một hoặc hai dòng) truyền tải thông điệp đến người dùng và nút kêu gọi hành động yêu cầu họ thực hiện một hành động nhất định, chẳng hạn như mua sắm hoặc đăng ký vào trang web.

“Trang đích”

Ban đầu bất kỳ trang nào có một khách truy cập trực tuyến vào một trang web. Gần đây, thuật ngữ này được sử dụng cho một trang độc lập được thiết kế cho mục đích kinh doanh cụ thể.

Chẳng hạn, nếu người dùng web theo dõi một quảng cáo biểu ngữ, họ thường thấy mình trên một trang đích gọi họ để mua một sản phẩm có liên quan. Trang đích có tập trung duy nhất và một kêu gọi hành động rõ ràng có xu hướng đạt tỷ lệ chuyển đổi cao hơn.

“Tải lười biếng”

Một kỹ thuật để tải hình ảnh và nội dung tĩnh khác, chẳng hạn như video, chỉ một thời gian ngắn trước khi chúng hiển thị cho người dùng.

Nếu một trang web sử dụng tải lười biếng, chỉ có hình ảnh trên màn hình đầu tiên được tải trước, phần còn lại chỉ được tải khi (nếu) người dùng cuộn trang. Thường được sử dụng trong thiết kế đáp ứng và di động vì nó tiết kiệm tài nguyên. Chẳng hạn, Google AMP tăng tốc các trang web di động bằng cách lười tải tài nguyên tĩnh theo mặc định.

“Truy vấn phương tiện truyền thông”

Một tính năng CSS làm cho thiết kế web đáp ứng có thể bằng cách cho phép các nhà thiết kế tạo ra thiết kế khác nhau cho kích thước thiết bị khác nhau (chiều rộng và / hoặc chiều cao), định hướng (ngang hoặc dọc) và các loại phương tiện (in, màn hình, v.v.).

Thông thường, các trang web đáp ứng có bố cục riêng cho màn hình máy tính để bàn, máy tính bảng và điện thoại di động, điểm dừng giữa chúng là được xác định bởi các truy vấn phương tiện truyền thông được thêm vào CSS.

“Tăng cường tiến bộ”

Một chiến lược thiết kế web đầu tiên chỉ thêm các yếu tố cơ bản đến một trang web, hoạt động trên mọi trình duyệt, băng thông và thiết bị. Các tính năng mặt trước nâng cao hơn (kiểu dáng và tính tương tác) là được tải trong các lớp sau đó.

Tăng cường tiến bộ là chủ yếu tập trung vào nội dung, kết quả trong các trang web có thể truy cập Do đó, đối với mọi người dùng, đó là cách xây dựng trang web chiếm ưu thế trong kỷ nguyên di động (trái ngược với sự xuống cấp duyên dáng).

“Thiết kế đáp ứng”

Một cách tiếp cận thiết kế web để tạo các trang web điều chỉnh kích thước của các loại thiết bị khác nhau (thường xuyên nhất là điện thoại di động, máy tính bảng và máy tính để bàn) bằng cách thiết kế bố cục khác nhau và phong cách khác (ví dụ: kiểu chữ, kích thước hình ảnh) cho họ.

Thiết kế đáp ứng sử dụng các kỹ thuật khác nhau, chẳng hạn như đơn vị tương đối, lưới linh hoạt, và truy vấn phương tiện truyền thông để phục vụ mọi người dùng với nội dung có thể sử dụng, có thể đọc và truy cập được. Hầu hết các trang web hiện đại sử dụng thiết kế đáp ứng.

“Skeuomorism”

Một ngôn ngữ thiết kế giao diện người dùng tận dụng nguyên tắc làm quen, và tập trung vào việc tạo ra các yếu tố thiết kế giống như thế giới thực của họ.

Ví dụ: các nút trông giống như các nút thực tế bằng cách sử dụng các hiệu ứng như vát và chạm nổi, thả bóng, độ dốc và những thứ khác. Trước khi thiết kế phẳng trở nên chiếm ưu thế, tính đa dạng là xu hướng thiết kế web hàng đầu trong nhiều năm.

“Chuyển đổi”

Một kỹ thuật thiết kế web cho hình dung những thay đổi đơn giản khi một yếu tố trên màn hình thay đổi suôn sẻ giữa trạng thái bắt đầu và kết thúc.

Chuyển tiếp - không giống như hình động - không có trạng thái ở giữa, chỉ có một điểm bắt đầu và điểm kết thúc, do đó chúng được sử dụng cho thay đổi tinh vi, chẳng hạn như để hình dung trạng thái di chuột.

“Khoảng trắng”

Các không gian trống giữa các yếu tố thiết kế liền kề. Còn được gọi là không gian âm.

Khoảng trắng giúp người dùng đọc lướt nội dung, và trực quan biểu thị sự phân cấp nội dung. Không gian màu trắng không nhất thiết là màu trắng mà sử dụng màu nền của trang web. Việc thiếu không gian trắng đủ dẫn đến một trang lộn xộn.