Cách thiết kế trang web: 7 nguyên tắc chính cho trang web hấp dẫn trực quan

Mọi người và ông của họ (và con chó) dường như đã tạo một trang web trong những ngày này. Web ngày càng trở nên đông đúc hơn, với hàng chục trang web được thêm vào khi bạn đọc bài viết này. Càng ngày càng khó để được công chúng chú ý.

“Thật may mắn” cho chúng tôi, những nhà thiết kế, dường như không phải ai cũng hiểu điều gì tạo nên hoặc phá vỡ một thiết kế Web. Đúng là thiết kế web phần lớn là một quá trình sáng tạo và do đó có thể được gọi là nghệ thuật hơn là khoa học. Nhưng vì bản chất nó là một phương tiện trình bày nên một số quy tắc (hoặc ít nhất là nguyên tắc) được áp dụng.

Bằng cách làm theo một số gợi ý đơn giản, bất kỳ ai cũng có thể tạo ra một thiết kế đẹp mắt và tiến một bước gần hơn đến danh tiếng. Được rồi, nó không đơn giản như vậy, tài năng và kinh nghiệm mới quan trọng, nhưng bất kỳ ai cũng có thể biến trang chủ của họ thành một thứ gì đó đẹp hơn chỉ trong vài phút.



Vì vậy, những gì làm cho một cái gì đó đẹp? Nó không phải là Flash. Không phải nói rằng Flash không có giá trị gì, nhưng một mình Flash không tạo nên một thiết kế tốt; một số trang web Flash khó chịu hiện có.

Ngoài ra, một người không cần phải là một họa sĩ minh họa tuyệt vời để tạo ra những thiết kế hấp dẫn. Thay vào đó, hãy xem thiết kế Web như một sự cộng sinh của các yếu tố khác nhau. Không có yếu tố đơn lẻ nào được tính nhiều nhất; thay vào đó, tổng của các yếu tố làm cho một thiết kế trông đẹp mắt.

1. Giữ cho thiết kế của bạn cân đối.

Cân bằng là để đảm bảo rằng thiết kế của bạn không nghiêng về bên này hay bên kia. Nó giống như sự cân bằng của trọng lượng trong việc đạt được sự đối xứng hoặc bất đối xứng.

Hãy nhìn con chó trong hình ảnh tiêu đề của trang web Phép trừ của Khôi Vinh bên dưới. Tôi lấy ví dụ này từ The Principles of Beautiful Web Design của Jason Beaird. Jason chỉ ra cách chữ thập bên phải tạo nên trọng lượng hình ảnh bổ sung mà con chó mang lại ở bên trái. Đó là một chi tiết nhỏ nhưng không đáng kể. Hãy tự mình xem bằng cách giấu cây thánh giá bằng tay của bạn.

Đây là cái mà chúng ta gọi là cân bằng bất đối xứng, và đây chính là ý nghĩa của sự cân bằng. Nếu bạn không cẩn thận về cách bố trí mọi thứ, thiết kế sẽ trở nên mất cân đối khá nhanh. Bạn có thể điều chỉnh trọng lượng hình ảnh của một thiết kế theo nhiều cách, chẳng hạn như bằng màu sắc, kích thước và thêm hoặc bớt các phần tử.

Ví dụ, nếu bạn tạo một hình chữ thập có màu cam rực rỡ, nó sẽ trở nên nặng hơn và có thể làm mất cân bằng bố cục một lần nữa. Đạt được sự cân bằng bất đối xứng là một vấn đề đặc biệt tế nhị cần có thời gian để tinh chỉnh và một con mắt được đào tạo đôi chút để thực sự thành công.

Dưới đây là một ví dụ khác về cân bằng đối xứng, ví dụ này của Việt SEO. Mặc dù đồ họa tiêu đề được cân bằng không đối xứng (bạn có thể nhận ra nó được thực hiện như thế nào không?), phần còn lại của thiết kế phía dưới có các cột đối xứng. Cân bằng bất đối xứng có thể khó thực hiện hơn, nhưng nó có xu hướng làm cho một thiết kế vui tươi hơn.

Bạn sẽ thấy rằng mọi thiết kế mà bạn cho là đẹp đều có sự cân bằng được xây dựng tốt bên dưới nó. Và mọi thiết kế đặc trưng ở đây đều đạt điểm cao trên từng nguyên tắc trong số bảy nguyên tắc mà chúng ta thảo luận. Vì vậy, hãy dành một phút để cuộn lên xuống và tự mình xem liệu tất cả chúng có vượt qua vòng tuyển chọn hay không.

2. Chia nhỏ thiết kế của bạn bằng cách sử dụng lưới.

Khái niệm về lưới có liên quan chặt chẽ với khái niệm về sự cân bằng. Lưới là một loạt các thước kẻ ngang và dọc giúp bạn “phân chia ngăn” một thiết kế. Hãy nghĩ về các cột. Các cột cải thiện khả năng đọc, làm cho nội dung của trang dễ tiếp thu hơn. Khoảng cách và việc sử dụng Quy tắc một phần ba (hoặc Tỷ lệ vàng tương tự) giúp mọi thứ trở nên dễ nhìn hơn.

Ví dụ: Quy tắc một phần ba và Tỷ lệ vàng giải thích tại sao các thanh bên thường chiếm khoảng một phần ba chiều rộng của trang và tại sao khu vực nội dung chính gần bằng chiều rộng của thiết kế chia cho 1,62 (bằng phi trong toán học).

Chúng tôi sẽ không hiểu tại sao lại như vậy, nhưng nó dường như đúng trong thực tế. Đó cũng là lý do tại sao đối tượng trong các bức ảnh được chụp chuyên nghiệp thường không được đặt ở giữa mà nằm ở giao điểm của một lưới chín ô vuông tưởng tượng (ba nhân ba, với hai đường kẻ ngang và hai đường thẳng đứng).

Lưới đặc biệt phù hợp với các thiết kế tối giản. 5 Thirty One của Derek Punsalan cho thấy lý do tại sao:



Mặc dù bản thân thiết kế không ấn tượng về mặt hình ảnh, nhưng cấu trúc chặt chẽ rõ ràng của các yếu tố khiến nó trở nên dễ nhìn. Cột bên trái có kích thước gần gấp đôi thanh bên phải, điều này rất hợp lý và là điều cần suy nghĩ khi tạo thiết kế của riêng bạn.

3. Chọn nhiều nhất hai hoặc ba màu cơ bản cho thiết kế của bạn.

Điều gì sẽ xảy ra nếu bạn thay đổi màu đỏ cơ bản trên trang web Việt SEO (ở trên) thành màu xanh lục nhạt? Nó sẽ nhìn tốt? Hầu như không. Vì nó không thuộc cùng một bảng màu (và tất nhiên xanh lá chanh không phải là màu dễ phối nhất).

Các trang web như ColourLovers tồn tại là có lý do. Bạn không thể chỉ chọn màu sắc theo phong cách Rambo, súng rực lửa. Một số màu kết hợp tốt với nhau, những màu khác thì không. Có rất nhiều lý thuyết về màu sắc và sự kết hợp của chúng, bao gồm các quy ước về cách phối màu đơn sắc và tương phản, nhưng rất nhiều lý thuyết bắt nguồn từ lẽ thường và cảm nhận về nó.

Tìm ra cho chính mình những gì làm việc cùng nhau. Tìm hiểu càng nhiều thiết kế trang web càng tốt, chẳng hạn như những thiết kế nổi bật trên bất kỳ trang web giới thiệu CSS nào (như Thư viện web tốt nhất), để cảm nhận cách các màu tương tác với nhau. Chọn tối đa hai hoặc ba màu cơ bản cho thiết kế của bạn, sau đó sử dụng sắc độ (sáng hơn, trộn với màu trắng) và sắc độ (tối hơn, trộn với màu đen) của các màu cơ bản này để mở rộng bảng màu khi cần thiết.

Chọn màu đẹp cũng quan trọng như chọn màu phù hợp (tức là màu phù hợp với công việc). Một thiết kế web cho một nhà hàng nhỏ ấm cúng sẽ hoạt động tốt với các tông màu “đất”: đỏ, nâu, v.v. Tất nhiên, không có thứ gọi là công thức chắc chắn. Mỗi màu gửi đi một thông điệp, và bạn có nhận được đúng thông điệp hay không là tùy thuộc vào bạn.

Trang web của Bence Kucsan có phong cách phối màu của riêng anh ấy. Chủ yếu là ảnh đơn sắc (các sắc độ và sắc thái của một màu) và ảnh không sắc (đen và trắng) với một màu (đỏ) để nổi bật:



Màu đen và trắng truyền tải sự sang trọng và chuyên nghiệp, trong khi màu đỏ thêm gia vị làm nổi bật một số yếu tố nhất định và giữ cho thiết kế không bị buồn tẻ; tất nhiên, không chỉ màu đỏ làm cho thiết kế này trở nên thú vị. Nhân tiện, một công ty đặc biệt đã phổ biến phong cách này.

Tất cả những màu phấn mềm mại làm cho thiết kế này tỏa sáng. Thoạt nhìn, các lựa chọn màu sắc có vẻ hơi tùy ý, nhưng khi quan sát kỹ, bạn sẽ nhận thấy một bảng màu được xác định nghiêm ngặt, điều này cần thiết để đảm bảo rằng tất cả các yếu tố đều hài hòa với nhau. Trang web, và đặc biệt là nền của nó, cũng thể hiện sự kết hợp tốt giữa màu sắc và đồ họa, đưa chúng ta đến vị trí thứ tư…

4. Cố gắng làm cho đồ họa ăn khớp với nhau.

Được rồi, thiết kế tuyệt vời không cần đồ họa cầu kỳ. Nhưng đồ họa kém chắc chắn sẽ làm hỏng một thiết kế. Đồ họa thêm vào thông điệp trực quan. Các trang web như WebDesigner Wall có hình ảnh minh họa ấn tượng, trong khi những trang web khác được đánh giá thấp.

Tim van Damme chỉ sử dụng một ít đồ họa trên trang web Max Voltar của anh ấy, nhưng anh ấy thực hiện chúng với sự cân nhắc và cẩn trọng nhất. Hình nền không gây khó chịu và vương miện tinh xảo là hai trong số các đồ họa. Nhìn bề ngoài, chúng không quá ấn tượng, nhưng tất cả chúng đều bổ sung cho giao diện của trang web và không có chỗ nào lạc lõng.

Hiện tại, Max Voltar đã có một thiết kế khác với thiết kế được hiển thị ở trên. Nhưng trong hai tháng mà cái này trực tuyến, nó dễ dàng trở thành một trong những mục yêu thích của tôi. Vì điều này và vì việc sử dụng đồ họa của nó rất mẫu mực nên tôi đã chọn nó thay vì phiên bản mới nhất.

Rogie King's Komodo Media nặng về đồ họa hơn rất nhiều, được thực hiện hoàn hảo từ cả quan điểm kỹ thuật và chủ đề.

Bạn có thể không phải là một họa sĩ hay nhiếp ảnh gia giỏi, nhưng điều đó không có nghĩa là bạn không thể đưa những hình ảnh đồ họa tuyệt vời lên trang web của mình. Một số kỹ năng Photoshop cơ bản, có thể là một số hình ảnh có sẵn và hương vị tuyệt vời là tất cả những gì bạn cần. Cố gắng làm cho đồ họa kết hợp hài hòa với nhau và đảm bảo rằng chúng thể hiện phong cách mà bạn đang hướng tới.

Tuy nhiên, không phải tất cả chúng ta đều có năng khiếu bẩm sinh giống nhau. Bạn có thể chọn một số thứ bằng cách học hỏi từ những người khác, nhưng đôi khi bạn chỉ cần chọn phong cách phù hợp với mình nhất (chẳng hạn như phong cách sạch sẽ nếu bạn không phải là họa sĩ minh họa giỏi nhất).

5. Cải thiện kiểu chữ trang web của bạn.

Nghệ thuật sắp chữ là một chủ đề khó nói vì nó bao gồm rất nhiều yếu tố. Mặc dù nó có thể được coi là một nhánh của thiết kế, nhưng người ta có thể dành cả đời để làm chủ tất cả các khía cạnh của nó. Đây không phải là nơi để cung cấp một tài liệu tham khảo chính tả đầy đủ, vì vậy chúng tôi sẽ giới hạn cuộc thảo luận của chúng tôi về những gì sẽ mang lại lợi ích cho bạn trong thời gian ngắn.

Kiểu chữ web bị hạn chế so với kiểu chữ in. Sự khác biệt lớn nhất là chúng ta không kiểm soát hoàn toàn sự xuất hiện của loại trên Web, do đặc tính động của nó. Rõ ràng, kết xuất động có điểm mạnh của nó, nhưng các nhà thiết kế Web có ít quyền kiểm soát đối với kết quả, ít nhất là vào lúc này.

Thiếu phông chữ trên máy tính của người dùng, sự khác biệt trong kết xuất trình duyệt và nền tảng, và nói chung là hỗ trợ phụ trong CSS làm cho kiểu chữ Web trở thành một nhiệm vụ khó khăn nếu không muốn nói là khó chịu. Nhưng trong khi chúng ta có thể phải đợi CSS 3 để kiểu chữ Web phát huy hết tiềm năng của nó, thì hiện tại chúng ta có phương tiện để làm cho kiểu chữ trông thú vị và quan trọng hơn là đẹp mắt.

Ngăn xếp phông chữ

Có một số cách khá dễ dàng để cải thiện đáng kể kiểu chữ trên trang web của bạn, ba trong số đó chúng tôi sẽ đề cập ở đây. Một trong số đó là ngăn xếp phông chữ.

Ngăn xếp phông chữ chỉ là CSS cơ bản. Chúng cho phép bạn xác định thứ tự hiển thị phông chữ. Nói chính xác, chúng ta đang nói về kiểu chữ ở đây, không phải phông chữ. Để có một bản tóm tắt hay về điều này, vui lòng tham khảo Kiểu chữ != Phông chữ của Jon Tan.

body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

Thuộc tính trên sẽ cung cấp cho phần thân sao chép kiểu chữ “Helvetica Neue.” Tuy nhiên, điều này yêu cầu máy tính của người dùng phải cài đặt kiểu chữ cụ thể đó. Máy Mac ngày nay được cài đặt sẵn Helvetica (Neue), nhưng hầu hết các máy Windows thì không.

Cái hay của ngăn xếp phông chữ là bạn có thể xác định “dự phòng”, nghĩa là bất cứ khi nào một kiểu chữ đã xác định bị thiếu, trình duyệt chỉ cần tìm kiểu chữ tiếp theo trong dòng. Tất nhiên, điều này có nghĩa là thiết kế sẽ không hoàn toàn giống nhau đối với tất cả mọi người và do đó, chúng tôi lại mất kiểm soát một lần nữa. Nhưng đối với những người không muốn dùng đến giải pháp khác (chẳng hạn như thay thế hình ảnh), đây là giải pháp tốt nhất mà CSS thuần túy cung cấp vào lúc này (cho đến ngày chúng ta có thể thoải mái sử dụng @ font-face).



Wilson Miner sử dụng ngăn xếp phông chữ mà chúng tôi đã trích dẫn ở trên. Helvetica Neue là một cải tiến của Helvetica. Và trong khi Arial được cài đặt trên hầu hết mọi máy tính (ít nhất là trên máy Windows và Mac) và do đó là lựa chọn phổ biến cho Web, hầu hết các nhà thiết kế thích Helvetica hơn Arial. Bằng cách này, bạn sẽ tận dụng được cả hai thế giới: Helvetica cho những người có nó và Arial trong trường hợp Helvetica không khả dụng.

Jon Tan sử dụng một phông chữ thú vị khác cho tiêu đề của mình:

body { font-family: baskerville, 'palatino linotype', 'times new roman', serif; }

Chỉ một số lượng tương đối nhỏ khách truy cập sẽ thấy các tiêu đề ở Baskerville, nhưng đó không phải là vấn đề. Nó mang lại cho thiết kế thêm một chút cá tính trong khi không làm tổn thương bất kỳ ai không có nó. Một lần nữa, ngăn xếp phông chữ không phải là một giải pháp hoàn hảo, nhưng chúng mang lại lợi thế cho bạn.

Đo lường và Dẫn đầu

Đo lường là độ dài của các dòng và dẫn đầu là chiều cao (hoặc khoảng cách dọc) của các dòng. Trong CSS, thước đo có thể được kiểm soát bằng cách xác định chiều rộng cho hộp chứa (ví dụ: phần tử đoạn văn). Cả hai đều ảnh hưởng đến khả năng đọc. Nếu dòng quá ngắn hoặc quá dài, người dùng sẽ không thoải mái khi đọc nội dung; người ta thường thấy vấn đề này với bố cục linh hoạt. Từ 40 đến 80 ký tự trên mỗi dòng có vẻ lý tưởng.

Có thể tăng (hoặc giảm) phần dẫn đầu nếu bạn thực sự muốn) bằng cách xác định thuộc tính CSS line-height. Nói chung, chiều cao dòng 1,5 hoạt động tốt cho các đoạn văn. Điều này có nghĩa là khi kích thước của văn bản là 12 point, chiều cao của dòng sẽ trở thành 18 point (12 × 1,5), giúp văn bản có chút khoảng trống.

Dấu ngoặc kép treo và dấu đầu dòng

Cách thứ ba để cải thiện khả năng đọc là sử dụng dấu ngoặc kép và dấu đầu dòng. Thay vì để văn bản của danh sách dấu đầu dòng và dấu ngoặc kép với căn chỉnh mặc định, hãy căn chỉnh nó theo chiều ngang với phần còn lại của văn bản trên trang.

Chúng tôi đã thêm đường màu đỏ để nhấn mạnh cách tất cả văn bản đã được căn chỉnh theo chiều ngang. Chỉ cần đặt thuộc tính CSS padding-left của danh sách dấu đầu dòng thành 0, bạn có thể đạt được kết quả tương tự.

Mặt khác, việc loại bỏ các trích dẫn treo không đơn giản như vậy. Hầu hết các nhà thiết kế sử dụng một hình nền cho dấu ngoặc kép và sau đó căn chỉnh cho phù hợp.

Dấu ngoặc kép treo ở đây không làm gián đoạn dòng văn bản. Đó là một chi tiết không thường xuyên được quan tâm nhưng rất đáng để đầu tư.

In các quy tắc không áp dụng

In và Web không giống nhau. Điều đó có vẻ khá rõ ràng, nhưng rất nhiều người coi chúng như thể chúng giống nhau. In cố định và Web động. Không thể kiểm soát hoàn toàn cách thiết kế Web của bạn phù hợp với mọi người.

Nhịp dọc, văn bản được căn đều (có gạch nối và không có dòng sông) và bố cục nhiều cột chỉ là một số tính năng của bản in (hầu như) không thể có trên Web. Vì vậy, chúng tôi có rất nhiều điều để mong đợi với CSS 3.

Tuy nhiên, CSS 3 có thể sẽ không phải là giải pháp toàn diện và cuối cùng, và có thể sẽ mất vài năm nữa trước khi chúng ta có thể tận dụng tối đa lợi thế của nó. Chúng ta đơn giản là phải chấp nhận những khác biệt này ngay bây giờ: đừng xem Web như một phiên bản in ấn trực tuyến; thay vào đó, hãy sử dụng tối đa tiềm năng nội tại của Web.

Đôi điều về thay thế hình ảnh

Thế còn thay ảnh (kỹ thuật thay phông bằng ảnh) thì sao? Chúng ta đã nói về ngăn xếp phông chữ, nhưng chúng có kém hơn so với thay thế hình ảnh không?

Chà, điều đó phụ thuộc vào điều bạn cho là quan trọng hơn: có thể hiển thị chính xác phông chữ bạn muốn hay có nội dung động, dễ truy cập và thân thiện với SEO? Một số kỹ thuật thay thế hình ảnh đã trở nên khá tiên tiến, nhưng chúng vẫn không linh hoạt như văn bản thuần túy. Thay thế hình ảnh phù hợp với các tiêu đề và đoạn trích, nhưng nó không phải là một giải pháp cho văn bản nội dung.

6. Làm nổi bật các yếu tố bằng cách thêm khoảng trắng xung quanh chúng.

Khoảng trắng, hay không gian âm, liên quan đến những gì không có ở đó. Giống như thước đo và hàng đầu, khoảng trắng mang lại cho văn bản một số khoảng thở và không gian yên bình. Bạn có thể làm nổi bật các yếu tố bằng cách thêm khoảng trắng xung quanh chúng. Ví dụ, bản sao trông không được chật chội. Để đảm bảo tính dễ đọc, hãy đảm bảo các đoạn văn có đủ phần đệm.

Quảng cáo nước hoa - hoặc bất kỳ quảng cáo nào cho một sản phẩm xa xỉ cho vấn đề đó - được biết đến với việc sử dụng khoảng trắng… vô số khoảng trắng; và một kiểu chữ serif để đo lường tốt.

Tôi cho rằng đó là thời gian cho một phích cắm không biết xấu hổ. Ảnh chụp màn hình ở trên là của trang web Shift (px) của riêng tôi. Thiết kế chủ yếu dựa vào kiểu chữ và khoảng trắng. Khoảng trắng có thể chiếm khoảng 50% trang. Khoảng trắng là một trong những cách dễ dàng nhất (vì bạn không thực sự thêm bất cứ thứ gì phải không?) và là cách hiệu quả nhất để tạo ra một thiết kế dễ đọc và dễ nhìn.

Không gian màu trắng thêm rất nhiều đẳng cấp cho một thiết kế. Đừng ngại để lại một số lỗ hổng, thậm chí là những lỗ hổng. Các nhà thiết kế thiếu kinh nghiệm thường muốn đặt một thứ gì đó vào mọi góc nhỏ. Thiết kế là để truyền đạt một thông điệp. Do đó, các yếu tố thiết kế nên hỗ trợ thông điệp này, không thêm nhiễu vào nó.

Tác phẩm Astheria của Kyle Meyer cho thấy không cần nhiều thứ để có một thiết kế đẹp mắt. Một số người có thể nhầm lẫn “tối giản” với “đơn giản”. Nhưng để tạo ra một phong cách như vậy không đơn giản và cũng không dễ dàng (ngay cả khi người ta không cần phải giỏi về đồ họa hoặc hình minh họa).

7. Có tất cả các phần tử được kết nối.

“Kết nối” là một thuật ngữ hơi bịa đặt ở đây, nhưng nó có vẻ là thuật ngữ tốt nhất cho những gì chúng tôi muốn nói. Kết nối ở đây đề cập đến một thiết kế Web có cả sự thống nhất và nhất quán. Hai thuộc tính này thể hiện tính chuyên nghiệp của một thiết kế (và do đó là người thiết kế của nó).

Chúng là những thuộc tính rất rộng. Một thiết kế phải nhất quán trong việc sử dụng màu sắc, trong phạm vi phông chữ, với các biểu tượng, v.v. Tất cả các khía cạnh này đều có giá trị; một thiết kế có thể trông tuyệt vời và vẫn có sự không nhất quán.

Khi một thiết kế không nhất quán, người dùng có thể mất đi sự thống nhất của nó. Unity hơi khác với tính nhất quán. Unity đề cập đến cách các yếu tố khác nhau trong một thiết kế tương tác và ăn khớp với nhau. Ví dụ, màu sắc và đồ họa có khớp nhau không? Có phải tất cả mọi thứ đóng góp cho một thông điệp thống nhất? Mặt khác, tính nhất quán được tìm thấy giữa các trang của một thiết kế.

Unity có lẽ là quan trọng hơn của cả hai. Không có sự thống nhất, rất khó để có một thiết kế tốt. Tuy nhiên, sự không nhất quán có thể trông hơi “cẩu thả” nhưng có thể không làm cho thiết kế trở nên “xấu”.

Trong bảy nguyên tắc được đề cập trong bài viết này, kết nối là quan trọng nhất. Kết nối liên quan đến cách tất cả các yếu tố kết hợp với nhau: cân bằng, lưới, màu sắc, đồ họa, loại và khoảng trắng. Nó giống như chất keo kết dính mọi thứ lại với nhau.

Không có keo này, thiết kế sụp đổ. Bạn có thể có kiểu chữ đẹp, bảng màu rực rỡ và được lựa chọn tỉ mỉ, nhưng nếu đồ họa quá tệ hoặc đơn giản là không khớp hoặc nếu mọi thứ được nhồi nhét vào nhau một cách thiếu suy nghĩ, thiết kế sẽ thất bại.

Đây là phần khó nhất trong thiết kế. Nó không phải là thứ có thể dễ dàng dạy hoặc nhất thiết phải dạy. Một chút khả năng tự nhiên và kinh nghiệm là cần thiết. Nhưng nó là như vậy, và cuối cùng thì nó làm cho một thiết kế trông đẹp mắt.

Trước đó, chúng tôi đã ca ngợi Bức tường WebDesigner của Nick La vì đồ họa đáng yêu của nó, nhưng nó cũng là một ví dụ điển hình về sự kết nối. Khi bạn nhìn kỹ vào đồ họa và phong cách nói chung, mọi thứ đều có vẻ ngoài được vẽ bằng màu nước: hình ảnh của bài báo, hình nền màu nước, biểu tượng và hình vẽ nguệch ngoạc bằng tay, kiểu dáng của cuộc thăm dò ý kiến, v.v. TRÊN. Sự chú ý đến chi tiết làm cho thiết kế này vượt trội.
Tìm hiểu thêm Hosting - Máy chủ lưu trữ web là gì?

Phần kết luận

Thiết kế Web tốt không chỉ giới hạn ở bảy nguyên tắc chính được thảo luận ở đây. Các khía cạnh như khả năng truy cập, khả năng đọc và khả năng sử dụng cũng đóng một phần.

Đây là lý do tại sao thiết kế Web rất khó khăn. Bắt tay vào thiết kế thật dễ dàng, đặc biệt là ngày nay, với rất nhiều hệ thống quản lý nội dung, công cụ viết blog và chủ đề có sẵn. Nhưng thực sự thành thạo tất cả các khía cạnh của thiết kế Web cần có thời gian và thành thật mà nói, đó là tài năng. Có khả năng tạo ra những thiết kế đẹp mắt chỉ là một khía cạnh, nhưng là một khía cạnh quan trọng.