10 mẹo thiết kế web hàng đầu để có được trang web lý tưởng

Hãy nói rõ: thiết kế web là một lĩnh vực liên quan có thể mất cả đời để thành thạo. Như thể điều đó chưa đủ khó, đây cũng là một lĩnh vực đang phát triển từng giây khi công nghệ không ngừng phát triển — hãy tưởng tượng sự thất vọng của da Vinci nếu mọi người phàn nàn Mona Lisa “trông cũ kỹ” chỉ sau 5 năm.

Thiết kế web là điều mà hầu hết mọi người ở cấp quản lý của một doanh nghiệp phải đối mặt, nhưng chỉ những chuyên gia thiết kế mới thực sự hiểu. Nếu bạn muốn có một thiết kế web tuyệt vời, bạn phải học những điều cơ bản, vì vậy bạn có thể giao tiếp theo ý mình muốn. Ngay cả khi bạn đang thuê một chuyên gia thiết kế trang cho mình, bạn vẫn cần một số thông tin cơ bản để phân biệt một nhà thiết kế web tài năng với một nhà thiết kế tầm thường và giải thích những gì bạn cần họ làm.

Chúng tôi biết những người không phải là nhà thiết kế sẽ gặp khó khăn như thế nào để hiểu được toàn bộ nội dung thiết kế web này, vì vậy chúng tôi đã tạo ra hướng dẫn hữu ích này để hướng dẫn bạn những kiến ​​thức cơ bản. Dưới đây là mười mẹo thiết kế web hàng đầu mà bạn cần biết (cộng với một số điều nên làm và không nên làm hữu ích ), được chia thành ba loại: Bố cục, Tính thẩm mỹ và Chức năng . Cho dù bạn đang thuê một nhà thiết kế hay tự làm, hãy kiểm tra thiết kế web cuối cùng của bạn để biết mười nguyên tắc cơ bản này.

Thành phần
–

1. Dọn dẹp những thứ lộn xộn.

Đầu tiên, hãy giải quyết một trong những lỗi phổ biến nhất dành cho người mới bắt đầu trong thiết kế web: màn hình lộn xộn. Hầu hết mọi người đều có danh sách mọi thứ họ muốn trên trang web của họ và không cần biết điều gì tốt hơn, họ chỉ cần đưa tất cả lên màn hình — và trên cùng một trang.

Về cơ bản, mọi yếu tố bạn thêm vào thiết kế web của mình sẽ giảm tất cả những yếu tố khác. Nếu bạn bao gồm quá nhiều yếu tố gây mất tập trung, người dùng của bạn không biết phải tìm ở đâu và bạn sẽ mất trải nghiệm mạch lạc. Ngược lại, nếu bạn chỉ bao gồm các yếu tố cần thiết, những yếu tố đó sẽ mạnh hơn vì chúng không phải chia sẻ giai đoạn trung tâm.

Nhiều khoảng trắng hơn có nghĩa là ít lộn xộn hơn và đó là điều thực sự quan trọng trong một thiết kế web tối giản, gọn gàng.

Xem cách màn hình chính trong ví dụ Intenz của nhà thiết kế Cấp cao nhất Slaviana không có gì khác ngoài các yếu tố cần thiết: menu điều hướng, biểu trưng, ​​dòng giới thiệu, lời gọi hành động chính (CTA) và một số hình ảnh thưa thớt cho bầu không khí và để giới thiệu sản phẩm. Tất nhiên, họ làm nổi bật những thông tin khác, nhưng hãy trình bày sau để màn hình của họ không bao giờ quá chật. Đó là hình ảnh tương đương với nhịp độ.

Để thiết kế web có hiệu quả, nó cần phải được sắp xếp hợp lý — phải có một đường dẫn rõ ràng hoặc các đường dẫn để người dùng đi theo. Có nhiều cách khác nhau để đạt được điều này (một số cách giải thích bên dưới), nhưng bước đầu tiên luôn là tạo không gian cho các phần tử có mức độ ưu tiên cao bằng cách loại bỏ các phần tử có mức độ ưu tiên thấp.

Làm :

• Tỉa bớt mỡ. Kiểm tra các thiết kế của bạn để tìm các yếu tố cần thiết. Nếu một yếu tố không bổ sung hoặc cải thiện trải nghiệm tổng thể, hãy xóa yếu tố đó. Nếu một phần tử có thể tồn tại trên một màn hình khác, hãy di chuyển nó đến đó.
• Hạn chế menu kéo ra. Menu kéo ra (thả xuống, gấp lại, v.v.) là một cách tốt để giảm bớt sự lộn xộn, nhưng không chỉ quét các vấn đề của bạn “dưới tấm thảm”. Nếu có thể, hãy cố gắng giới hạn các menu ẩn này ở bảy mục.

Đừng :

• Sử dụng thanh bên. Khách mới có thể sẽ không sử dụng chúng. Ngoài ra, nếu tất cả các tùy chọn không phù hợp với menu điều hướng chính của bạn, bạn vẫn cần đơn giản hóa cấu trúc điều hướng của mình (xem bên dưới).
• Sử dụng thanh trượt. Chuyển động và hình ảnh mới trong thanh trượt làm mất tập trung và chúng làm suy yếu khả năng kiểm soát của bạn đối với những gì người dùng của bạn nhìn thấy. Tốt hơn hết là bạn chỉ nên trưng bày những hình ảnh đẹp nhất của bạn, mọi lúc.

2. Sử dụng không gian trắng rộng rãi.

Làm thế nào bạn sẽ lấp đầy tất cả không gian mà bạn đã tạo ra sau khi dọn dẹp đống lộn xộn? Chúng tôi có thể đề nghị điền vào nó mà không có gì?

Không gian âm (hay còn gọi là khoảng trắng) là một thuật ngữ kỹ thuật trong nghệ thuật thị giác cho các khu vực trong một hình ảnh không thu hút sự chú ý. Thông thường, chúng trống rỗng hoặc trống rỗng, giống như bầu trời không có mây hoặc một bức tường đơn sắc. Mặc dù tự nó gây nhàm chán, nhưng khi được sử dụng một cách nghệ thuật, không gian âm có thể bổ sung và nâng cao chủ thể chính, cải thiện độ dễ đọc và làm cho hình ảnh dễ “bắt hình” hơn.

Câu thần chú của tôi là: đơn giản luôn tốt hơn. Nó thu hút sự chú ý đến những gì quan trọng đối với người dùng gần như ngay lập tức. Ngoài ra, đơn giản là hấp dẫn.

Trong ví dụ về Streamflow của nhà thiết kế cấp cao nhất Hitron, dòng giới thiệu và CTA lấy trọng tâm chính, không phải vì chúng hào nhoáng hay sặc sỡ, mà vì tất cả không gian tiêu cực xung quanh chúng. Màn hình đích này giúp người dùng dễ dàng hiểu những gì công ty làm và nơi tiếp theo trên trang web. Chúng cũng bao gồm hình ảnh tuyệt đẹp của những đám mây, nhưng theo một cách đẹp, tối giản — một bố cục thông minh với nhiều không gian âm chiến lược.

Làm:

• Bao quanh các yếu tố quan trọng nhất của bạn bằng không gian âm. Càng nhiều không gian tiêu cực xung quanh một cái gì đó, thì nó càng nhận được nhiều sự chú ý.
• Tránh bố cục nhàm chán với hình ảnh phụ. Các yếu tố thẩm mỹ khác như màu sắc hoặc kiểu chữ (xem bên dưới) có thể tạo ra sự chùng xuống một cách trực quan khi có nhiều không gian âm.

Đừng:

• Nhấn mạnh yếu tố sai. Chỉ bao quanh các phần tử ưu tiên hàng đầu bằng không gian âm. Ví dụ: nếu mục tiêu của bạn là chuyển đổi, hãy bao quanh email hoặc CTA bán hàng của bạn bằng không gian phủ định — không phải biểu trưng hoặc quảng cáo chiêu hàng bán hàng của bạn.
• Sử dụng hình nền bận rộn. Theo định nghĩa, nền được cho là phần lớn không được chú ý. Nếu nền của bạn không có đủ không gian âm, nó sẽ đánh cắp sự chú ý từ các yếu tố chính của bạn.

3. Hướng dẫn mắt người dùng của bạn bằng hệ thống phân cấp trực quan.

Nếu việc sử dụng một thuật ngữ kỹ thuật như “không gian âm” không phù hợp với bạn, thì bạn nghĩ gì về “hệ thống phân cấp trực quan”? Nó đề cập đến việc sử dụng các yếu tố hình ảnh khác nhau như kích thước hoặc vị trí để tác động đến yếu tố nào mà người dùng của bạn nhìn thấy đầu tiên, thứ hai hoặc cuối cùng. Với tiêu đề lớn, in đậm ở đầu trang web và thông tin pháp lý nhỏ ở cuối trang là một ví dụ điển hình về việc sử dụng hệ thống phân cấp trực quan để ưu tiên các yếu tố nhất định hơn những yếu tố khác.

Thiết kế web không chỉ là về những gì bạn thêm vào trang web của mình mà còn là cách bạn thêm nó. Lấy các nút CTA; chỉ đơn giản là họ ở đó là chưa đủ; các nhà thiết kế lành nghề đặt chúng một cách có chủ ý và cung cấp cho chúng những màu đậm để nổi bật và văn bản gợi ý để khuyến khích các nhấp chuột. Các yếu tố như kích thước, màu sắc, vị trí và không gian âm đều có thể tăng mức độ tương tác — hoặc giảm mức độ tương tác.

Ví dụ về trang chủ Shearline ở trên ưu tiên ba yếu tố: tiêu đề, hình ảnh của sản phẩm và lời kêu gọi hành động. Mọi thứ khác — menu điều hướng, logo, văn bản giải thích — tất cả đều có vẻ là thứ yếu. Đây là một lựa chọn có ý thức từ nhà thiết kế, được thực hiện thông qua việc sử dụng thông minh kích thước, màu sắc và vị trí.

Xem lại biểu đồ này từ Orbit Media Studios để tìm hiểu cách thu hút hoặc đẩy lùi sự chú ý. Đó là sự đơn giản hóa quá mức của một chủ đề phức tạp, nhưng nó hoạt động tốt để hiểu những điều cơ bản.

Làm:

• Thiết kế cho khả năng quét. Hầu hết người dùng không đọc từng từ của một trang. Họ thậm chí không nhìn thấy mọi thứ trên một trang. Thiết kế cho hành vi này bằng cách làm cho các ưu tiên hàng đầu của bạn khó bị bỏ qua.
• Thử nghiệm nhiều lựa chọn thay thế. Bởi vì hệ thống phân cấp trực quan có thể trở nên phức tạp, đôi khi thử-và-sai hoạt động tốt nhất. Tạo một vài phiên bản khác nhau (“mô hình”) và hiển thị chúng với một bộ mắt mới để biết các ý kiến ​​khác nhau.

Đừng:

• Sử dụng các yếu tố cạnh tranh. Hệ thống phân cấp trực quan là về thứ tự: đầu tiên là cái này, sau đó cái kia. Hạn chế mức độ chú ý của từng yếu tố thiết yếu của bạn để mắt người dùng của bạn dễ dàng theo dõi một con đường rõ ràng.
• Quá nhiệt tình. Làm cho các yếu tố quá lớn hoặc có quá nhiều độ tương phản màu có thể gây ra tác dụng ngược lại. Chỉ sử dụng nhiều chiến thuật thu hút sự chú ý khi bạn cần — và không hơn thế nữa.

Tính thẩm mỹ
–

4. Chọn màu sắc của bạn một cách chiến lược.

Bây giờ bạn đã quen với các khái niệm về bố cục tốt, hãy nói về các chi tiết cụ thể của bố cục đó. Chúng tôi sẽ bắt đầu với màu sắc, một công cụ mạnh mẽ cho bất kỳ nhà thiết kế nào.

Có điều, mỗi màu có một hàm ý cảm xúc khác nhau. Nếu đặc điểm nhận dạng thương hiệu của bạn là đam mê và tràn đầy năng lượng, màu đỏ rực rỡ sẽ phù hợp hơn màu xanh lam yên bình. Bên cạnh việc chọn màu sắc tốt nhất để đại diện cho thương hiệu của mình, bạn cũng cần sử dụng chúng tốt, chẳng hạn như các màu tương phản với nhau để thiết lập hệ thống phân cấp trực quan.

Để sử dụng màu sắc hiệu quả trong thiết kế web, bạn phải hiểu màu sắc được hình thành như thế nào và chúng liên quan với nhau như thế nào. Sự hài hòa và cân bằng là chìa khóa thành công.

Chỉ cần nhìn vào cách nhà thiết kế Cấp cao nhất Desinly sử dụng màu cam trong thiết kế web cho Oil Sands Masterclass ở trên. Đầu tiên, màu cam là một lựa chọn thông minh vì nó thường gắn liền với các thiết bị vận hành nặng mà công ty kinh doanh. Hơn hết, họ còn ghép màu cam đẹp mắt với nền đen để làm nổi bật hơn. Họ cũng sử dụng nhất quán cùng một màu để làm điểm nhấn cho các từ khóa và nút, và thậm chí họ còn tích hợp nó vào ảnh nền.

Làm:

• Thiết lập hệ thống phân cấp màu sắc. Sử dụng một màu duy nhất cho mỗi yếu tố chính (chính), điểm nổi bật (phụ) và các yếu tố ít quan trọng khác (nền).
• Gắn bó với các chủ đề nhất quán. Khi bạn đã có một bảng màu thiết lập, hãy gắn bó với nó. Giữ các màu chính, phụ và nền nhất quán trong toàn bộ trang web của bạn.

Đừng:

• Chọn màu sắc yêu thích cá nhân của riêng bạn. Hiệu ứng của màu sắc đã được chứng minh về hiệu quả tiếp thị. Nghiên cứu lý thuyết màu sắc và đừng lãng phí cơ hội xây dựng thương hiệu quan trọng.
• Xung đột màu sắc. Chọn màu một cách hợp lý là không đủ; họ cũng cần phải đi tốt với nhau. Màu tím và đỏ đều có thể đại diện tốt cho thương hiệu của bạn, nhưng hiệu ứng sẽ mất đi nếu chúng xung đột và tạo nên một thiết kế cuối cùng xấu xí.

5. Đừng tiết kiệm khi chụp ảnh.

Mặc dù là tùy chọn, nhưng nếu bạn chọn sử dụng tính năng chụp ảnh đời thực trong thiết kế web của mình, hãy đảm bảo rằng bạn làm đúng. Chụp ảnh hiệu quả, có ý nghĩa có thể nâng cao mục tiêu kinh doanh của bạn, nhưng ảnh chất lượng kém sẽ kìm hãm bạn.

Với nhiếp ảnh, cần phải có mối liên hệ giữa thương hiệu và ý tưởng. Nhiếp ảnh có thể tạo ra sự tương phản, thu hút sự chú ý hoặc thậm chí thu hút mắt bạn đến phần tiếp theo của trang.

Sử dụng nhiếp ảnh trong thiết kế web tuân theo nhiều nguyên tắc giống nhau để chụp ảnh đẹp nói chung. Một bức ảnh tuyệt đẹp được treo trong một phòng trưng bày nghệ thuật có thể tuyệt đẹp giống như trên một trang web, nhưng tâm trạng, phong cách và chủ đề phải trùng khớp. Chỉ cần nhìn vào bức ảnh hấp dẫn trong thiết kế web JPSDesign của nhà thiết kế Cấp cao nhất ở trên. Những quả việt quất đó trông có vẻ ngon ở bất cứ đâu, nhưng nó đặc biệt hiệu quả trên trang web của một cửa hàng tạp hóa.

Làm:

• Dùng người thật. Hình ảnh về mọi người có xu hướng thu hút người dùng hơn — đặc biệt là hình ảnh về nhân viên thực tế hoặc khách hàng thực tế của bạn.
• Thiết lập bầu không khí phù hợp. Nhiếp ảnh có nhiều phong cách gần như vô hạn, vì vậy hãy sử dụng những phong cách phản ánh tốt nhất những gì trang web của bạn đang hoạt động. Nếu bạn muốn có một trang web vui vẻ, hãy sử dụng hình ảnh của những người đang mỉm cười.

Đừng:

• Sử dụng hình ảnh chứng khoán rõ ràng. Từ tác ở đó là “hiển nhiên.” Hình ảnh còn hàng có thể mang lại lợi ích, nhưng chỉ khi người dùng không nhận ra đó là hàng.
• Sử dụng độ phân giải thấp. Đây là thời đại của độ nét cao, vì vậy chụp ảnh độ phân giải thấp khiến một thương hiệu có vẻ cũ kỹ hoặc không thành công. Mẹo bổ sung: sử dụng máy nén để giảm kích thước tệp lớn để bạn có thể ăn bánh và ăn.

6. Tối ưu hóa kiểu chữ để xây dựng thương hiệu của bạn.

Mặc dù những từ bạn hoặc người viết quảng cáo của bạn chọn có ảnh hưởng cực kỳ lớn, nhưng bạn cũng có thể nâng cao hiệu quả của chúng bằng cách cho họ cái nhìn đúng đắn.

Kiểu chữ bao gồm tất cả các hình ảnh của văn bản, đặc biệt là phông chữ, nhưng cũng có các yếu tố khác như kích thước, màu văn bản, kiểu (in nghiêng, in đậm, v.v.) và khoảng cách giữa các chữ cái, từ và dòng. Tất cả những điều này tác động đến hệ thống phân cấp trực quan và cách thương hiệu của bạn được nhìn nhận.

Kiểu chữ có thể hấp dẫn về mặt thị giác, nhưng nếu bạn sử dụng các phông chữ gây mất tập trung, người đọc của bạn sẽ không thể tập trung vào những gì bạn đang cố gắng nói và có thể trở nên khó chịu với trang web của bạn. Kết hợp kiểu chữ đậm với một chút biến tấu tối giản là tấm vé chiến thắng của bạn.

Giống như màu sắc và nhiếp ảnh, kiểu chữ có nhiều phong cách khác nhau, vì vậy hãy chọn phong cách bổ sung cho thương hiệu của bạn nhất. Để thêm một chút tinh tế cho thiết kế web Her Habesha ở trên, nhà thiết kế cấp cao nhất Studio Ubique sử dụng kiểu chữ nổi bật nhưng sang trọng cho tiêu đề. Nhưng hãy chú ý cách kiểu chữ thay đổi thành sans-serifs tinh tế, hiện đại cho tiêu đề sản phẩm bên dưới hình ảnh để đạt được sự cân bằng.

Làm:

• Sử dụng phông chữ web. Đối với tất cả sự đa dạng về phông chữ, hãy nhớ gắn bó với “phông chữ an toàn trên web” đã được xác minh có thể hiển thị trên hầu hết các thiết bị và màn hình máy tính. Bạn có thể tìm hiểu cách xác định chúng tại đây.
• Nghiên cứu các loại khác nhau. Bạn có biết serif là gì không? Kiểu chữ có rất nhiều sắc thái, vì vậy hãy tổng hợp năm loại phông chữ để tạo cho bạn một số ngữ cảnh.

Đừng:

• Lạm dụng phông chữ hào nhoáng. Phông chữ rực rỡ, thu hút sự chú ý có thể hoạt động tốt cho các tiêu đề hoặc các từ độc lập, nhưng quá mất tập trung khi sử dụng quá mức.
• Sử dụng cùng một kiểu chữ cho mọi thứ. Như trong ví dụ của Her Habesha, kiểu chữ hoạt động tốt nhất khi nó cân bằng. Sử dụng các bộ khác nhau cho tiêu đề, tiêu đề phụ và văn bản nội dung — và luôn nhất quán với các bộ này trên toàn bộ trang web.

Chức năng
–

7. Hợp lý hóa điều hướng.

Cuối cùng, chúng tôi chuyển sang chức năng: những gì trang web của bạn có thể làm. Cuộc trò chuyện về chức năng phải luôn bắt đầu với điều hướng, xương sống của bất kỳ trang web nào.

Mọi người đều có phương pháp riêng để tìm đường của họ trên một trang web. Một thiết kế web tốt phục vụ khả năng điều hướng của nó đến người dùng mục tiêu sao cho nó cảm thấy trực quan — người dùng càng ít phải suy nghĩ về nó càng tốt.

Nhưng đó không phải là một kỳ tích dễ dàng. Nó bắt đầu với cách tổ chức toàn bộ trang web: cái gì lấy trang riêng, cái gì chuyển sang trang con, cái gì được và không được làm nổi bật trong menu chính. Mỗi câu hỏi này cần được trả lời trước khi thiết kế web thực sự thành công.

Từ đó, bạn phải thiết kế điều hướng của mình theo cách mà khách truy cập dễ sử dụng, giống như trong ví dụ trên.

Làm:

• Tìm số dư cho số lượng tùy chọn. Bạn muốn cung cấp cho người dùng nhiều tùy chọn, nhưng bạn không muốn làm họ choáng ngợp. Tổ chức các danh mục trang của bạn theo cách đáp ứng các mục tiêu xung đột này.
• Xây dựng điều hướng xung quanh dữ liệu người dùng thực. Khi mua sắm giày trực tuyến, một số người dùng sẽ tìm kiếm trong “quần áo” và một số tìm kiếm trong “phụ kiện”. Các nhóm người dùng khác nhau có các sở thích khác nhau; xây dựng kiến ​​trúc điều hướng của bạn xung quanh cách người dùng của bạn nghĩ, theo dữ liệu thực tế. Bạn có thể tiến hành một số thử nghiệm người dùng nếu bạn đang ở trong bóng tối.

Đừng:

• Thử nghiệm với các định dạng bất thường. Mặc dù thử nghiệm với liều lượng lành mạnh có thể gợi ra một số ý tưởng mới và tuyệt vời, nhưng nó không được khuyến khích cho một số thứ quan trọng như điều hướng. Để tránh làm cho người dùng của bạn phải suy nghĩ quá nhiều, hãy tuân thủ các quy ước mà người dùng đã hiểu: menu điều hướng tiêu đề trên cùng, biểu trưng được liên kết với trang chủ, thanh tìm kiếm có biểu tượng kính lúp, v.v.

8. Ưu tiên di động.

Người lớn tuổi hơn (nhưng không phải là cũ !) Mọi người có xu hướng nghĩ đến thiết kế web về màn hình máy tính để bàn, nhưng sự thật là ngày nay mọi người hầu hết duyệt web của họ trên thiết bị di động. Đó là lý do tại sao bạn cần đảm bảo rằng trang web trên thiết bị di động của bạn đang ở trong tình trạng cao nhất. Không chỉ vì lợi ích của người dùng của bạn mà còn vì lợi ích của Google — thuật toán của Google ảnh hưởng đến khả năng đáp ứng của thiết bị di động đối với thứ hạng tìm kiếm của họ.

“Khả năng phản hồi trên thiết bị di động” đề cập đến mức độ hiển thị trang web của bạn trên các thiết bị màn hình nhỏ. Nếu trang web của bạn bị cắt trên thiết bị di động hoặc hình ảnh xuất hiện không đúng vị trí, khách truy cập sẽ không có trải nghiệm thú vị khi sử dụng trang web của bạn. Ngoài màn hình nhỏ hơn, thiết bị di động cũng có một bộ nguyên tắc thiết kế hoàn toàn mới, bao gồm các điều khiển như “vuốt”, vì vậy đừng cho rằng phiên bản dành cho máy tính để bàn của bạn sẽ dịch liền mạch.

Ngày nay, điều thực sự quan trọng là phải xem xét cách tiếp cận đầu tiên trên thiết bị di động. Mọi người có xu hướng sử dụng bố cục trên thiết bị di động khác với các phiên bản dành cho máy tính để bàn, vì vậy cách trang web sẽ hoạt động trên thiết bị di động là một phần không thể thiếu đối với một thiết kế hiệu quả. Tập trung vào thiết kế tối giản, gọn gàng và loại bỏ sự lộn xộn để giúp người dùng tập trung vào nội dung dễ dàng hơn.

Phiên bản di động của bạn nên được xem xét hàng đầu, ngay từ đầu. Nhưng điều đó không có nghĩa là bạn có thể bỏ qua phiên bản dành cho máy tính để bàn của mình. Trang web của bạn cần phải đẹp bất kể mọi người sử dụng thiết bị nào để xem nó. Hãy xem thiết kế web ở trên để biết nhà thiết kế Cấp cao nhất Ink đã tạo ra các biến thể của thiết kế như thế nào và — với một số chỉnh sửa nhỏ — làm cho thiết kế trông đẹp trên cả màn hình lớn và nhỏ.

Làm:

• Thiết kế phiên bản di động trước. Khi thiết kế phiên bản di động, bạn chỉ làm việc với những thứ cần thiết vì không gian màn hình có hạn. Việc xử lý phiên bản dành cho thiết bị di động trước tiên và sau đó thêm các phần tử vào phiên bản máy tính để bàn sẽ dễ dàng hơn là thiết kế phiên bản máy tính để bàn trước rồi mới xóa các phần tử.
• Ưu tiên các thiết bị dựa trên dữ liệu người dùng. Thiết bị “di động” là một thuật ngữ chung, nhưng các loại điện thoại và máy tính bảng khác nhau có kích thước màn hình và các cân nhắc kỹ thuật khác nhau. Tham khảo dữ liệu người dùng để xem khách truy cập của bạn sử dụng thiết bị nào nhiều nhất, sau đó ưu tiên chúng trong thiết kế.

Đừng:

• Sử dụng các trang web m.dot. Những trang web dành cho thiết bị di động có “m”. trong URL của họ là một giải pháp ban đầu cho các thiết kế đáp ứng trên thiết bị di động trước khi các nhà thiết kế biết rằng thiết bị di động sẽ vượt qua máy tính để bàn. Ngày nay, chúng tải chậm hơn và gây hại cho SEO — lựa chọn tốt nhất là thiết kế một trang web duy nhất hoạt động trên tất cả các thiết bị có liên quan.

9. Làm cho văn bản dễ đọc.

Việc thiết kế một trang web đặc biệt xoay quanh hình ảnh có thể gây hại cho tính dễ đọc của nó. Nếu bạn đang sử dụng một phông chữ trông đẹp nhưng không ai có thể đọc được, bạn đang ném đứa bé ra ngoài bằng nước tắm.

Khi chúng tôi nói rằng một trang web phải dễ đọc, chúng tôi đang nói về ba ý nghĩa khác nhau:

• Được viết tốt. Văn bản sao chép được viết để phù hợp với mục tiêu kinh doanh của bạn và bằng giọng nói thu hút khán giả của bạn.
• Được bố trí một cách thẩm mỹ. Văn bản sao chép được hiển thị tốt, tốt nhất là có nhiều không gian và trong các khối dễ hiểu để không làm người đọc choáng ngợp.
• Có thể đọc được. Phông chữ và kích thước đều có lợi cho việc đọc, không bị căng hoặc sao chép hai mặt.

Mặc dù tính dễ đọc chủ yếu bắt nguồn từ kiểu chữ, bạn cũng phải xem xét bố cục và cấu trúc, cũng như cách văn bản tương tác với các yếu tố khác — chưa kể đến chất lượng của văn bản thực tế.

Có một thiết kế web tuyệt vời sẽ không thành vấn đề nếu không ai có thể đọc văn bản của bạn. Nhà thiết kế Cấp cao nhất akorn.creative ghi nhớ điều này — hãy xem cách trong thiết kế web ở trên, họ đã làm mờ ảnh nền thành màu đen như thế nào để tạo độ tương phản hơn với văn bản và làm cho nó có thể đọc được.

Làm:

• Chú ý đến sự ghép nối màu sắc. Cách màu văn bản tương tác với nền ảnh hưởng rất nhiều đến khả năng dễ đọc, đặc biệt là với những người bị khuyết tật về khả năng đọc hoặc nhìn. Cố gắng kết hợp với các cặp tương phản (tông màu sáng và tối), và nếu vẫn thất bại, bạn luôn có thể quay trở lại với màu đen trắng cổ điển.
• Thử nghiệm thiết kế trên các đầu đọc khác nhau. Những gì dễ đọc đối với bạn có thể không dễ đọc đối với mọi người. Kiểm tra các thiết kế của bạn với nhiều trình đọc khác nhau để bao quát tất cả các cơ sở của bạn.

Đừng:

• Sử dụng phông chữ thảo hoặc sặc sỡ cho nội dung văn bản. Phông chữ lộng lẫy hoạt động tốt trong việc làm cho tiêu đề và tiêu đề hiển thị rõ ràng hơn, nhưng khi người dùng phải đọc từng dòng văn bản, tốt nhất nên chọn một phông chữ đơn giản, dễ nhìn.
• Bao gồm các khối văn bản lớn. Các khối văn bản lớn gây nguy hiểm cho người đọc, ngay cả bên ngoài thiết kế web. Tốt nhất bạn nên chia nhỏ chúng bằng cách sử dụng định dạng trang chủ động hoặc thậm chí là ngắt đoạn bắt buộc.

10. Truyền đạt những gì bạn muốn cho nhà thiết kế của bạn.

Giả sử bạn có một ý tưởng tuyệt vời cho một tính năng của trang web của mình. Bạn càng có khả năng giải thích nó tốt hơn với nhà thiết kế, thì càng có nhiều khả năng phiên bản cuối cùng sẽ xuất hiện như bạn hình dung.

Bởi vì đó là nỗ lực của cả nhóm, thiết kế web không chỉ liên quan đến kỹ năng kỹ thuật mà còn cả kỹ năng giao tiếp. Truyền đạt chi tiết những gì bạn muốn cho trang web của mình là con đường trực tiếp để có được một thiết kế ưng ý. Rốt cuộc, các nhà thiết kế web không bận tâm đến người đọc.

Trong ví dụ AUSMAIDS của nhà thiết kế Cấp cao nhất akdcreative ở trên, có vẻ như khách hàng biết họ muốn có một tiện ích con cho phép người dùng nhập số lượng phòng và tần suất ghé thăm. Nhà thiết kế đã lấy ý tưởng đó và làm cho nó trông đẹp mắt. Đó là sự hợp tác lý tưởng giữa khách hàng và nhà thiết kế, và sản phẩm cuối cùng xuất sắc cho thấy điều đó.

Làm:

• Lập kế hoạch trước những gì bạn muốn. Viết những gì bạn muốn ra giấy hoặc tạo khung dây. Cả hai đều giúp bạn ghi nhớ mọi thứ và chúng mang lại cho nhà thiết kế của bạn một điểm khởi đầu vững chắc.
• Nghĩ thoáng ra. Nhiệm vụ của nhà thiết kế là làm cho trang web của bạn trở nên tuyệt vời nhất có thể, vì vậy hãy luôn cởi mở với các đề xuất của họ, ngay cả khi nó khác với những gì bạn dự đoán. Rất có thể, họ biết điều gì đó mà bạn không biết.

Đừng:

• Hãy mơ hồ hoặc chung chung. Sử dụng các thuật ngữ mơ hồ và chung chung như “đầy màu sắc” hoặc “tương tác” không thực sự mang lại nhiều ý nghĩa. Những màu nào? Người dùng tương tác như thế nào? Hãy càng cụ thể càng tốt — hoặc đồng ý giao việc đó cho nhà thiết kế.

Bạn đã có cái này! (Hoặc ít nhất là nhà thiết kế của bạn làm.)

–

Đọc 10 thủ thuật thiết kế web này là một điều, nhưng hoàn toàn áp dụng chúng cho trang web của bạn là một việc khác. Các lĩnh vực như lý thuyết màu sắc, kiểu chữ, bố cục và khả năng phản hồi trên thiết bị di động đều khá chuyên sâu, vì vậy đừng nản lòng nếu bạn không hiểu hết trong một lần. Chỉ có các nhà thiết kế chuyên nghiệp mới có thể thực sự đánh giá cao các sắc thái của những khu vực này. Thuê một người hiểu những nguyên tắc thiết kế web này theo bản năng thường là con đường an toàn nhất để có được thiết kế tuyệt vời.

Nếu bạn đang tìm kiếm một nhà thiết kế web, công cụ tìm kiếm nhà thiết kế của chúng tôi cho phép bạn duyệt qua cộng đồng 1,4 triệu nhà thiết kế của chúng tôi từ khắp nơi trên thế giới. Bạn có thể lọc các tìm kiếm của mình theo trình độ kỹ năng, chuyên môn của nhà thiết kế hoặc thậm chí là loại ngành mà họ chuyên sâu.