Giáo Trình Đồ Họa Thiết Kế Web Nghề Tin Học Ứng Dụng Cao Đẳng

Giáo trình về đồ họa thiết kế web nghề tin học ứng dụng cao đẳng, biên soạn theo chương trình đào tạo chuẩn, hệ thống hóa kiến thức từ cơ bản đến nâng cao.

• Người hướng dẫn: Đào Thị Xuân Hương
• Trường học: Trường Cao Đẳng Bách Khoa Nam Sài Gòn
• Chuyên ngành: Công Nghệ Thông Tin
• Đề tài: Giáo Trình Thiết Kế Web
• Loại tài liệu: Giáo trình
• Năm xuất bản: 2022
• Địa điểm: Thành phố Hồ Chí Minh

Mục lục chi tiết

• 1. CHƯƠNG 1: MỸ THUẬT ỨNG DỤNG
• 1.1. Các nguyên tắc bố cục cơ bản
• 1.2. Bố cục lệch tâm
• 1.3. Bố cục dựa trên đường ngang
• 1.4. Bố cục tam giác
• 1.5. Bố cục dạng tròn
• 1.6. Màu sắc
• 1.6.1. Khái niệm màu sắc
• 1.6.2. Màu sắc và ý nghĩa

Tóm tắt

I. Tổng quan về Giáo Trình Thiết Kế Web Cao Đẳng Bách Khoa Nam Sài Gòn

Giáo trình Thiết kế web tại Trường Cao Đẳng Bách Khoa Nam Sài Gòn được biên soạn nhằm cung cấp kiến thức cốt lõi cho sinh viên ngành Công nghệ thông tin. Nội dung giáo trình bao gồm các nguyên tắc thiết kế, sử dụng phần mềm Photoshop và các kỹ năng cần thiết để phát triển web. Mục tiêu chính là giúp sinh viên nắm vững kiến thức và kỹ năng thực hành trong lĩnh vực thiết kế web.

1.1. Mục tiêu của giáo trình thiết kế web

Giáo trình này nhằm trang bị cho sinh viên những kiến thức cơ bản về thiết kế giao diện và lập trình web. Sinh viên sẽ học cách sử dụng các công cụ thiết kế và phát triển web hiệu quả.

1.2. Đối tượng sử dụng giáo trình

Giáo trình được thiết kế cho sinh viên ngành Công nghệ thông tin và những ai có nhu cầu tìm hiểu về thiết kế web. Nội dung phù hợp với cả người mới bắt đầu và những người đã có kiến thức cơ bản.

II. Những thách thức trong việc học thiết kế web

Học thiết kế web không chỉ đơn thuần là việc nắm vững lý thuyết mà còn phải đối mặt với nhiều thách thức thực tiễn. Sinh viên thường gặp khó khăn trong việc áp dụng lý thuyết vào thực tế, cũng như trong việc sử dụng các công cụ thiết kế. Những thách thức này cần được giải quyết để nâng cao hiệu quả học tập.

2.1. Khó khăn trong việc áp dụng lý thuyết

Nhiều sinh viên gặp khó khăn trong việc chuyển đổi kiến thức lý thuyết thành kỹ năng thực hành. Việc này đòi hỏi sự kiên nhẫn và thực hành thường xuyên.

2.2. Sử dụng công cụ thiết kế

Việc làm quen với các phần mềm như Photoshop hay các công cụ lập trình có thể gây khó khăn cho sinh viên. Cần có thời gian và sự hướng dẫn để thành thạo các công cụ này.

III. Phương pháp học hiệu quả trong thiết kế web

Để vượt qua những thách thức trong việc học thiết kế web, sinh viên cần áp dụng các phương pháp học tập hiệu quả. Việc kết hợp lý thuyết với thực hành, tham gia các dự án thực tế và làm việc nhóm sẽ giúp nâng cao kỹ năng và kiến thức.

3.1. Kết hợp lý thuyết và thực hành

Việc thực hành thường xuyên sẽ giúp sinh viên củng cố kiến thức lý thuyết. Các bài tập thực hành trong giáo trình sẽ hỗ trợ sinh viên áp dụng kiến thức vào thực tế.

3.2. Tham gia dự án thực tế

Tham gia vào các dự án thực tế sẽ giúp sinh viên có cái nhìn rõ hơn về quy trình làm việc trong ngành thiết kế web. Điều này cũng giúp sinh viên phát triển kỹ năng làm việc nhóm.

IV. Ứng dụng thực tiễn của giáo trình thiết kế web

Giáo trình Thiết kế web không chỉ giúp sinh viên nắm vững lý thuyết mà còn trang bị cho họ những kỹ năng cần thiết để làm việc trong ngành. Các ứng dụng thực tiễn từ giáo trình sẽ giúp sinh viên tự tin hơn khi bước vào thị trường lao động.

4.1. Kỹ năng thiết kế giao diện

Sinh viên sẽ học cách thiết kế giao diện người dùng thân thiện và hấp dẫn. Kỹ năng này rất quan trọng trong việc phát triển các sản phẩm web chất lượng.

4.2. Phát triển web và lập trình

Giáo trình cũng cung cấp kiến thức về lập trình web, giúp sinh viên có khả năng phát triển các ứng dụng web động và tương tác.

V. Kết luận và tương lai của thiết kế web

Thiết kế web là một lĩnh vực đang phát triển mạnh mẽ. Với sự gia tăng nhu cầu về các sản phẩm web chất lượng, việc học thiết kế web trở nên cần thiết hơn bao giờ hết. Giáo trình tại Trường Cao Đẳng Bách Khoa Nam Sài Gòn sẽ là nền tảng vững chắc cho sinh viên trong tương lai.

5.1. Tương lai của ngành thiết kế web

Ngành thiết kế web sẽ tiếp tục phát triển với sự xuất hiện của các công nghệ mới. Sinh viên cần cập nhật kiến thức thường xuyên để không bị lạc hậu.

5.2. Cơ hội nghề nghiệp

Với kiến thức và kỹ năng từ giáo trình, sinh viên sẽ có nhiều cơ hội việc làm trong lĩnh vực công nghệ thông tin và thiết kế web.

Nội dung chính

Tổng quan về giáo trình

Giáo trình Đồ họa Thiết kế Web (Mã môn học/mô đun: MH24) là tài liệu đào tạo chính thức được ban hành theo Quyết định số 459/QĐ-NSG ngày 31 tháng 08 năm 2022 của Hiệu trưởng Trường Cao Đẳng Bách Khoa Nam Sài Gòn, do tác giả Đào Thị Xuân Hường chủ biên. Môn học giữ vị trí mô đun chuyên ngành thuộc chương trình đào tạo trình độ Cao đẳng ngành Tin học ứng dụng thuộc Khoa Công nghệ Thông tin. Theo cấu trúc chương trình đào tạo, môn học này được bố trí giảng dạy sau khi sinh viên đã hoàn thành môn học Thiết kế Web cơ bản.

Mục tiêu học tập của giáo trình được xác định cụ thể trên ba phương diện chuẩn đầu ra:

• Kiến thức: Nhận diện và giải thích các nguyên tắc bố cục mỹ thuật thị giác, phân loại và ứng dụng các quy tắc phối màu, mô tả nghệ thuật sắp chữ (Typography); trình bày các nhóm thao tác trên phần mềm Adobe Photoshop; nắm vững quy trình phát thảo và các quy tắc xây dựng layout website.
• Kỹ năng: Vận hành thành thạo công cụ Adobe Photoshop trong xử lý hình ảnh và thiết kế đồ họa; thiết kế hoàn chỉnh các mẫu layout và banner cho website theo yêu cầu thực tế; thực hiện quy trình cắt giao diện PSD và chuyển đổi sang HTML.
• Năng lực tự chủ và trách nhiệm: Rèn luyện tác phong công nghiệp, tính cẩn trọng, kiên trì và tư duy thẩm mỹ ứng dụng trong môi trường công nghệ.

Cấu trúc giáo trình được tổ chức tuần tự theo 3 bài học lớn: Bài 1 - Mỹ thuật ứng dụng; Bài 2 - Photoshop; Bài 3 - Thiết kế Layout và banner cho web. Cách tiếp cận của tài liệu đi từ lý thuyết tạo hình mỹ thuật căn bản, tiến đến làm chủ công cụ kỹ thuật phần mềm và kết thúc bằng việc ứng dụng thực tế vào sản phẩm giao diện web.

Nội dung kiến thức cốt lõi

Các chương/chủ đề chính

Nội dung giáo trình được triển khai qua 3 bài học mang tính liên kết logic chặt chẽ:

• Chương 1: Mỹ thuật ứng dụng: Trang bị các nguyên tắc tạo hình đồ họa căn bản. Trọng tâm gồm có nguyên tắc cân bằng thị giác (cân bằng đối xứng và cân bằng bất đối xứng/lệch tâm), bố cục đường ngang, bố cục tam giác (phân tích qua tác phẩm "Tự do dẫn dắt nhân dân" của họa sĩ Delacroix) và bố cục dạng tròn. Về màu sắc, tài liệu trình bày hiện tượng tán sắc ánh sáng của Isaac Newton (1671), phân loại các bậc màu từ bậc 1 đến bậc cao, thuộc tính cường độ và quang độ (valuer), cấu trúc vòng thuần sắc 12 màu và 6 nguyên tắc phối màu (đơn sắc, tương đồng, bổ túc trực tiếp, bổ túc bộ ba, bổ túc xen kẽ, bổ túc bộ bốn). Về Typography, chương học phân định Typeface và Font, phân loại các họ chữ (Serif, Sans-serif, Monospace, Cursive, Fantasy), bảng tỷ lệ kích thước chữ chuẩn và quy cách dàn trang văn bản. Chương này cũng chuẩn hóa quy trình 9 bước thiết kế logo từ bước phác thảo ý tưởng đến đăng ký bảo hộ sở hữu trí tuệ.
• Chương 2: Photoshop: Cung cấp thông số cấu hình, lịch sử phát triển phần mềm qua các dấu mốc của Thomas Knoll và John Knoll (từ phiên bản Display năm 1987 đến Adobe Photoshop 1.0 năm 1990 và phiên bản CC 2018). Nội dung kỹ thuật đi sâu vào việc quản lý lớp đối tượng (Layer), kỹ thuật mặt nạ và kênh (Quick Mask, Alpha Channels), công cụ vẽ đường cong véc-tơ Pen Tool và bảng Paths Palette, hệ thống công cụ tô vẽ (Brush, Pencil, Gradient, Eraser) và các bộ lọc hình ảnh (Filter Artistic, Blur, Stylize).
• Chương 3: Thiết kế Layout và banner cho web: Trình bày quy trình hoạt động của website, các bước phác thảo giao diện, xử lý phục hồi ảnh chân dung số (chỉnh màu, khử mắt đỏ, làm mịn da). Phần thực hành tập trung vào việc bố cục website Thời trang và Beautiful Salon trên Photoshop, phân tích cấu trúc thị giác theo mô hình F-layout, kỹ thuật tối ưu hóa định dạng ảnh (JPEG, PNG, GIF) bằng công cụ Save for Web và kỹ thuật cắt layout PSD chuyển đổi sang HTML (Convert PSD to HTML).

Kiến thức nền tảng được xây dựng

Giáo trình thiết lập nền tảng lý thuyết thông qua 4 khối kiến thức:

1. Lý thuyết cân bằng thị giác và hình học bố cục: Xác lập cách điều hướng mắt nhìn dựa trên trọng lượng thị giác của mảng màu, đường nét và các khối kỷ hà.
2. Khoa học quang học và tâm lý học màu sắc: Giải thích cơ chế tác động của bước sóng màu sắc tới cảm nhận người dùng trong thiết kế giao diện và nhận diện thương hiệu.
3. Quy chuẩn Typography số: Xây dựng hệ thống phân cấp văn bản (Headline, Subhead, Body text, Caption) với tỷ lệ kích thước và khoảng cách dòng chính xác.
4. Cơ chế đồ họa raster và vector: Phân biệt bản chất hiển thị của điểm ảnh bitmap và đường nét véc-tơ trong không gian kỹ thuật số.

Kỹ năng phát triển

• Kỹ năng kỹ thuật (Technical skills): Cài đặt và cấu hình phần mềm Adobe Photoshop CC 2018; thao tác vùng chọn, cắt ghép đối tượng bằng Pen Tool; quản lý mặt nạ Layer Mask; xử lý tối ưu hóa dung lượng tập tin ảnh cho môi trường mạng internet.
• Kỹ năng phân tích (Analytical skills): Phân tích luồng đọc của mắt người dùng trên trang web theo mô hình F-layout; đánh giá mức độ tương phản giữa chữ và nền; lựa chọn bảng màu phù hợp với từng ngành nghề kinh doanh.
• Kỹ năng thực hành nghề nghiệp (Practical competencies): Thực hiện quy trình thiết kế nhận diện thương hiệu và logo; hoàn thiện layout giao diện website từ bản vẽ phác thảo trên giấy đến bản thiết kế chi tiết trên máy tính và xuất mã nguồn giao diện HTML.

Phương pháp giảng dạy và học tập

Giáo trình áp dụng phương pháp sư phạm tích hợp (Intergrated Pedagogical Approach), kết hợp chặt chẽ giữa việc giảng dạy lý thuyết tạo hình mỹ thuật với hướng dẫn thao tác phần mềm trực quan. Mỗi bài học được thiết kế ngắn gọn, đi thẳng vào bản chất kỹ thuật, kèm theo hình ảnh minh họa chi tiết từng bước thực hiện.

Cấu trúc bài tập và case studies trong giáo trình bao gồm:

• Hệ thống bài tập thành phần: Các bài tập thực hành vùng chọn, bài tập tổng quát về thao tác Layer, bài tập thực hành kỹ thuật Quick Mask và Paths Palette, bài tập ứng dụng bộ lọc Filter.
• Dự án mẫu thực tế (Case studies): Xây dựng đồ án thiết kế giao diện website Thời trang và website Beautiful Salon; phân tích ca thực tế về nhận diện thương hiệu thông qua logo của các tổ chức như Olympics, Microsoft, Lego, BBC, FedEx, Mitsubishi.

Phương pháp đánh giá kết quả học tập của sinh viên dựa trên:

1. Đánh giá quá trình: Kiểm tra độ chính xác và tính thuần thục trong thao tác sử dụng công cụ phần mềm Photoshop thông qua các bài thực hành trên lớp.
2. Đánh giá sản phẩm: Đánh giá các đồ án thiết kế layout website hoàn chỉnh dựa trên các tiêu chí: tính đúng đắn về nguyên tắc bố cục, sự hài hòa của màu sắc, tính tiện dụng của Typography, kỹ thuật tối ưu hóa dung lượng hình ảnh và khả năng chuyển đổi sang tệp HTML.

Về hướng dẫn tự học, giáo trình yêu cầu người học tự đọc và tìm hiểu trước các khái niệm lý thuyết về bố cục, vòng thuần sắc và cấu trúc chữ trước mỗi buổi học, sau đó kết hợp với bài giảng thị phạm của giảng viên trên lớp để tiến hành thực hành trên máy tính.

Điểm nổi bật và cập nhật

• Tích hợp phiên bản phần mềm cụ thể: Giáo trình cung cấp quy trình hướng dẫn cài đặt chi tiết kèm theo thông số cấu hình phần cứng tối thiểu và khuyến nghị đối với phần mềm Adobe Photoshop CC 2018 trên hệ điều hành Windows 7/8/10 (hỗ trợ cả hai nền tảng 32-bit và 64-bit).
• Liên kết quy trình thiết kế với phát triển web thực tế: Khác với các tài liệu thuần túy về xử lý ảnh, giáo trình này định hướng trực tiếp vào thiết kế giao diện web. Tài liệu kết nối công đoạn thiết kế đồ họa tĩnh với công đoạn cắt layout PSD và chuyển giao mã nguồn (Convert PSD to HTML), phản ánh đúng quy trình làm việc tại các doanh nghiệp công nghệ thông tin.
• Áp dụng mô hình thị giác hiện đại: Nội dung chương 3 đưa vào phương pháp phân tích và cắt giao diện theo mô hình F-layout, vốn là tiêu chuẩn bố cục giao diện web căn cứ trên hành vi quét thông tin của người dùng trực tuyến.
• Quy chuẩn hóa quy trình nhận diện thương hiệu: Giáo trình cung cấp quy trình 9 bước thiết kế logo chuyên nghiệp và đề cập đến căn cứ pháp lý về thủ tục nộp đơn đăng ký bảo hộ quyền sở hữu trí tuệ tại Cục Sở hữu trí tuệ Việt Nam.

Đối tượng sử dụng giáo trình

Giáo trình được biên soạn phục vụ các nhóm đối tượng cụ thể:

• Sinh viên: Sinh viên năm thứ nhất và năm thứ hai theo học trình độ Cao đẳng chuyên ngành Tin học ứng dụng hoặc các chuyên ngành thuộc khối Công nghệ thông tin có học phần liên quan đến thiết kế giao diện web (UI Design).
• Điều kiện tiên quyết: Người học cần có kiến thức nền tảng về tin học văn phòng, kỹ năng quản trị tệp tin trên hệ điều hành Windows và bắt buộc phải hoàn thành học phần môn Thiết kế Web trước khi tiếp cận giáo trình này.
• Giảng viên: Tài liệu cung cấp khung chương trình chuẩn hóa cho giảng viên Khoa Công nghệ thông tin để biên soạn bài giảng lý thuyết, thiết kế hệ thống bài tập thực hành tại phòng máy và xây dựng tiêu chí chấm điểm đồ án môn học.
• Đối tượng tự học và tham khảo: Nhân viên kỹ thuật đồ họa mới vào nghề, lập trình viên web front-end cần bổ sung kiến thức cơ bản về mỹ thuật ứng dụng, quy tắc phối màu và kỹ thuật cắt ghép layout website bằng phần mềm Adobe Photoshop.

Câu hỏi thường gặp

1. Giáo trình này phù hợp với ai? Giáo trình được thiết kế chuyên biệt cho sinh viên bậc Cao đẳng ngành Tin học ứng dụng, sinh viên khối ngành Công nghệ thông tin và những người học bắt đầu tiếp cận lĩnh vực thiết kế đồ họa giao diện website.

2. Cần kiến thức nền nào để học? Người học cần hoàn thành môn học môn Thiết kế Web căn bản, nắm được cấu trúc trang web và có kỹ năng vận hành máy tính ở mức cơ bản trước khi tham gia học mô đun này.

3. Điểm khác biệt với giáo trình khác là gì? Giáo trình tích hợp liên hoàn 3 mảng kiến thức: Lý thuyết mỹ thuật tạo hình ứng dụng (bố cục, màu sắc, chữ), Kỹ năng công cụ chuyên sâu trên Adobe Photoshop CC 2018 và Kỹ thuật cắt ghép chuyển đổi giao diện thực tế (PSD sang HTML).

4. Làm sao để tự học hiệu quả? Người học cần nghiên cứu trước phần lý thuyết mỹ thuật ở Chương 1, thực hiện đầy đủ các bài tập thao tác công cụ ở Chương 2 và trực tiếp thực hành thiết kế, cắt layout hai đồ án mẫu (Website Thời trang và Website Beautiful Salon) ở Chương 3.

5. Có tài liệu bổ trợ nào kèm theo? Tài liệu cung cấp bảng định mức kích thước Typography chuẩn cho web, hệ thống hình ảnh minh họa thao tác công cụ và các quy chuẩn hướng dẫn xuất file đồ họa tối ưu bằng công cụ Save for Web.

Kết luận

Giáo trình Đồ họa Thiết kế Web của Trường Cao Đẳng Bách Khoa Nam Sài Gòn là tài liệu học tập chuẩn hóa, cung cấp hệ thống kiến thức toàn diện từ nguyên lý mỹ thuật tạo hình đến kỹ năng sử dụng phần mềm Adobe Photoshop trong thiết kế giao diện web. Lộ trình học tập được thiết kế mạch lạc: làm chủ mỹ thuật ứng dụng, thuần thục kỹ thuật Photoshop và hoàn thiện kỹ năng xây dựng layout website thực tế. Tài liệu là căn cứ chuyên môn giúp người học ngành Tin học ứng dụng hình thành năng lực nghề nghiệp đáp ứng các tiêu chuẩn kỹ thuật trong lĩnh vực thiết kế web.

Trích đoạn nội dung tài liệu

Chương 1. Mỹ thuật ứng dụng Māc tiêu: - Trình bày đ°ợc các nguyên tắc c¡ bÁn trong thiết kế sÁn phÁm; - Vận dụng đ°ợc các ph°¡ng pháp phái màu vào bài thiết kế; - Nhận diện đ°ợc các cách sắp xếp văn bÁn trong các bài thiết kế. Các nguyên tắc bố cục cơ bản Một trong sá các nguyên tắc c¿n có nhÃt, quan trọng nhÃt là Nguyên tắc Cân bằng. BÃt kỳ một thiết kế đã họa, hay một tác phÁm nghệ thuật đều phÁi thực hiện tát yếu tá cân bằng.

Sau đây là các nguyên tắc c¡ bÁn để t¿o thành một tác phÁm hoàn hÁo. Cân giác Một trong sá các nguyên tắc c¿n có nhÃt, quan trọng nhÃt là Nguyên tắc Cân bằng. BÃt kỳ một thiết kế đã họa, hay một tác phÁm nghệ thuật đều phÁi thực hiện tát yếu tá cân bằng. Nó là gì và làm thế nào là nó đ¿t đ°ợc trên một bề mặt phẳng? Để trÁ lßi câu hßi này, chúng ta phÁi nghĩ về một tác phÁm ba chiều cÿa nghệ thuật.

Nếu các ph¿n không thể cân bằng hoặc đ°ợc giữ, chúng sẽ đổ. Đái với hình Ánh t¿o ra trên một bề mặt bằng phẳng nh° một thiết kế hay một bāc tranh s¡n d¿u cùng một nguyên tắc cân bằng đ°ợc áp dụng. Tuy nhiên, thay vì có thể chÃt cân bằng thực tế, các nghệ sĩ c¿n phÁi t¿o ra một Áo giác về sự cân bằng, đ°ợc gọi là cân bằng thị giác. Một trong sá các nguyên tắc c¿n có nhÃt, quan trọng nhÃt là Nguyên tắc Cân bằng.

BÃt kỳ một thiết kế đã họa, hay một tác phÁm nghệ thuật đều phÁi thực hiện tát yếu tá cân bằng. Nó là gì và làm thế nào là nó đ¿t đ°ợc trên một bề mặt phẳng? Để trÁ lßi câu hßi này, chúng ta phÁi nghĩ về một tác phÁm ba chiều cÿa nghệ thuật. Nếu các ph¿n không thể cân bằng hoặc đ°ợc giữ, chúng sẽ đổ. Đái với hình Ánh t¿o ra trên một bề mặt bằng phẳng nh° một thiết kế hay một bāc tranh s¡n d¿u cùng một nguyên tắc cân bằng đ°ợc áp dụng.

Tuy nhiên, thay vì có thể chÃt cân bằng thực tế, các nghệ sĩ c¿n phÁi t¿o ra một Áo giác về sự cân bằng, đ°ợc gọi là cân bằng thị giác. Trong cân bằng thị giác, mỗi khu vực cÿa bāc tranh cho thÃy một trọng l°ợng hình Ánh nhÃt định, một māc độ nhÃt định nhẹ hoặc nặng. Ví dụ, màu sắc ánh sáng xuÃt hiện nhẹ h¡n trọng l°ợng h¡n so với màu tái. Màu rực rỡ Ánh h°áng thị giác nặng h¡n màu sắc trung tính trong cùng khu vực.

Màu sắc Ãm nh° màu vàng có xu h°ớng má rộng diện tích về kích th°ớc, trong khi màu l¿nh nh° màu xanh có xu h°ớng giữ diện tích. Và trong suát Ánh h°áng thị giác ít nặng h¡n các khu vực mß đục. Cân bằng là sự ổn định về mặt thị giác, mỗi khu vực cho thÃy một trọng l°ợng hình Ánh nhÃt định, là sự sắp xếp, phân bá đãng đều về trọng l°ợng. Xét về đã họa, thuật ngữ cân bằng nhằm ám chỉ trọng l°ợng hiển thị cÿa đái t°ợng (hình Ánh) đ°ợc xác định bái kích th°ớc, tái sáng, dày mßng,… Cân bằng rÃt c¿n thiết cho sự thành công cÿa thiết kế.

Vai trò cÿa cân bằng trong thiết kế: Giáng nh° trong thế giới vật chÃt, cân bằng thị giác là một điều quan trọng. Một ph¿n không cân bằng có thể làm cho ng°ßi xem cÁm thÃy không Giáo trình Môn Đồ Hoạ Thiết Kế Web – Hệ Cao Đẳng 1 Khoa Công Nghệ Thông Tin – Trường Cao Đẳng Bách Khoa Nam Sài Gòn thoÁi mái. Khi một tác phÁm đ°ợc cân bằng trực quan, mỗi ph¿n cÿa nó đều nhận đ°ợc sự chú ý. Sự chú ý thị giác đ°ợc cân bằng, giúp ng°ßi xem gắn kết với thiết kế.