Thiết kế ấn phẩm điện tử HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG Khoa Đa phương tiện ĐỒ ÁN SẢN PHẨM ĐA PHƯƠNG TIỆN Chủ đề Định hướng thị giác trong thiết kế website Giảng viên hướng dẫn Nguyễn Lê Mai[.]
HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG Khoa Đa phương tiện ĐỒ ÁN SẢN PHẨM ĐA PHƯƠNG TIỆN Chủ đề: Định hướng thị giác thiết kế website Giảng viên hướng dẫn : Nguyễn Lê Mai Thiết kế ấn phẩm điện tử Nhóm Mục lục LÍ DO CHỌN ĐỀ TÀI CƠ SỞ LÍ THUYẾT 2.1 Tổng quan định hướng thị giác thiết kế 2.1.1 Định nghĩa 2.1.2 Đặc điểm 2.1.3 Thành phần 2.2 Tổng quan thiết kế Website 2.2.1 Định nghĩa 2.2.2 Phân loại 2.3 Định hướng thị giác thiết kế website 2.3.1 Tổng quan định hướng thị giác thiết kế website 2.3.2 Vai trò “Định hướng thị giác” thiết kế website 2.3.3 Thực trạng Nguyên tắc 3.1.1.1 Bố cục 3.1.1.2 Khoảng cách 3.1.1.3 Kích thước 3.1.1.4 Màu sắc 10 3.1.1.5 Phong cách 12 Tổng kết 13 Thiết kế ấn phẩm điện tử Nhóm LÍ DO CHỌN ĐỀ TÀI Định hướng thị giác giao diện dựa nguyên tắc thẩm mỹ sử dụng bậc thầy thời Phục Hưng Sử nội dung thứ yếu cho mục tiêu phụ: nhằm quảng bá nội dung cụ thể, khuyến khích người dùng đăng ký kêu gọi hành động - Call-to-actions Tất hướng đến mục đích cải thiện trải nghiệm tổng thể để người dùng tận hưởng việc tham quan trang web nhiều hồn thành dự định trước họ Theo thuật ngữ bản, định hướng thị giác mơ tả đâu yếu tố kiểm sốt ý người dùng thu hút họ nhiều Tuy nhiên khơng có bí kíp xác để xây dựng định hướng cụ thể, điều tạo nên cạnh tranh nhà thiết kế họ buộc phải tìm phương pháp hồn hảo nhất, phát minh phương pháp nhằm giữ vị trí đứng đầu lĩnh vực Để định hướng người dùng hiệu việc thiết kế web, phải nắm vững yếu tố cần thiết cho kế hoạch thiết lập định hướng thị giác dù đơn giản phức tạp CƠ SỞ LÍ THUYẾT 2.1 Tổng quan định hướng thị giác thiết kế 2.1.1 Định nghĩa Định hướng thị giác điều khiển chuyển động mắt người dùng, điều đạt cách lựa chọn cẩn thận hình ảnh xếp, chỉnh yếu tố thiết kế tốt 2.1.2 Đặc điểm Định hướng thị giác tăng cường khả ghi nhớ, sức thuyết phục giao tiếp, cách sử dụng typo, màu sắc, hình ảnh Được phân chia thành cấp bậc khác 2.1.3 Thành phần Trọng lượng trực quan: Trọng lượng cảm nhận yếu tố hình ảnh Đó thước đo mức độ thu hút nội dung trang Hướng trực quan: Hướng cảm nhận lực trực quan Đó hướng mà phần tử nên chuyển động có hội di chuyển dựa lực tác động lên 2.2 Tổng quan thiết kế Website 2.2.1 Định nghĩa Website tập hợp trang web bao gồm hình ảnh, file, âm thường nằm tên miền (domain name) tên miền phụ (subdomain) Một website phải đặt máy chủ 2.2.2 Phân loại Thiết kế ấn phẩm điện tử Nhóm Có thể nhóm website theo nội dung: • • • • • Website thơng tin: Những trang web cung cấp thông tin vấn đề cụ thể tổ chức Đây trang web phổ biến Internet thông tin cung cấp theo thời gian Website giao dịch: Đây loại trang web sử dụng để thực số giao dịch nhiệm vụ Các trang web thương mại điện tử ví dụ thể loại Website cộng đồng: cung cấp thông tin sở giao dịch liên quan, tập trung vào tương tác khách truy cập trang web Dựa vào cộng đồng trang web có xu hướng tập trung vào chủ đề hay loại người cụ thể khuyến khích tương tác cá nhân mục đích Website giải trí: Những trang web cho chơi trò chơi số hình thức tương tác thú vị, bao gồm giao dịch, cộng đồng, yếu tố thông tin Website khác bao gồm trang web nghệ thuật, thử nghiệm, web cá nhân ghi web (còn gọi blog), trang web khơng theo quy ước Web phổ biến có mục đích kinh tế xác định rõ Có thể nhóm website dựa tổ chức, phân loại có nhóm chính: • • • • • Website thương mại nhóm xây dựng điều hành tổ chức cá nhân cho lợi ích thương mại, trực tiếp thông qua thương mại điện tử gián tiếp thông qua thúc đẩy cho số dịch vụ mua hàng hóa Website phủ: tổ chức phủ, mục đích trang web để đáp ứng số nhu cầu xã hội pháp lý Website giáo dục: trang web số sở giáo dục, sử dụng để hỗ trợ mục tiêu học tập hay nghiên cứu Website phi lợi nhuận: trang web từ thiện tồn để thúc đẩy mục tiêu tổ chức phi lợi nhuận, hoạt động từ thiện cá nhân tổ chức Website cá nhân tồn tùy theo định số người nhóm đó, thường cửa hàng sáng tạo, hình thức biểu cá nhân Phân loại website theo liệu: • Website tĩnh: hiểu theo nghĩ dự liệu không thay đổi thường xuyên Với dạng web để thay đổi nội dung trang web người sở hữu phải truy cập trực tiếp vào mã lệnh để thay đổi thông tin Dạng file trang web tĩnh thường html, htm, Website tĩnh dành cho web có nội dung đơn giản gọn nhẹ, khơng có can thiệp người lập trình web, khơng phải xử lý mã lệnh phức tạp việc thiết kế đặt để đối tượng thoải mái tự sáng tạo người thiết kế nên website tĩnh thường sở hữu hình thức hấp dẫn bắt mắt Thiết kế ấn phẩm điện tử • Nhóm Website động: thuật ngữ dùng để website có sở liệu hỗ trợ phần mềm phát triển web Với website động, thông tin hiển thị gọi từ sở liệu người dùng truy vấn tới trang website Trang web gửi tới trình duyệt gồm câu chữ, hình ảnh, âm hay liệu số dạng bảng nhiều hình thức khác Những website sở liệu cịn thực chức truyền xử lý thông tin doanh nghiệp - doanh nghiệp Thông tin website động ln ln dễ dàng người dùng cập nhật thông qua việc sử dụng công cụ cập nhật phần mềm quản trị website Vì website hỗ trợ sở liệu phương tiện trao đổi thông tin nhanh với người dùng Internet Website động có tính tương tác với người sử dụng cao 2.3 Định hướng thị giác thiết kế website 2.3.1 Tổng quan định hướng thị giác thiết kế website Trong giác quan người “Thính giác, thị giác, khứu giác, vị giác, xúc giác” Có thể nói thị giác chiếm phần lớn việc cảm thụ giới vật chất Chính hiểu rõ khía cạnh thị giác sở quan trọng, lĩnh vực thiết kế Đâu thiết kế UX ấn phẩm truyền thông, quảng cáo… có nghe nói đến thuật ngữ “Visual hierarchy” - Có thể dịch “định hướng thị giác” Định hướng thị giác sở quan để thiết kế Đặc biệt ứng dụng nhiều thiết kế website Định hướng thị giác giao diện dựa nguyên tắc thẩm mỹ sử dụng bậc thầy thời Phục Hưng, hết có nội dung thứ yếu mục tiêu phụ - nhằm quảng bá nội dung cụ thể, khuyến khích người dùng hướng đến kêu gọi hành động Tất hướng đến mục đích cải thiện trải nghiệm tổng thể để người dùng tận hưởng việc tham quan trang web hoàn thành mục tiêu vào web họ cách tiện dụng 2.3.2 Vai trò “Định hướng thị giác” thiết kế website Định hướng thị giác phần sở có vai trị quan trọng thiết kế website, giúp: • • • • Tăng cường khả ghi nhớ, sức thuyết phục giao tiếp, cách sử dụng typo, màu sắc, hình ảnh phân chia thành cấp bậc khác Tạo nên hấp dẫn thị giác việc giao tiếp sử dụng cách vô hiệu để truyền đạt đơn giản hóa thơng tin, khơng gia tăng hiểu biết, mà tạo nên quá trình đọc tràn đầy hứng thú Thu hút người xem nhiều nhất, xây dựng định hướng cụ thể mà nhà thiết kế muốn người dùng hướng đến Cải thiện trải nghiệm tổng thể người dùng vào web Khi khách truy cập vào trang web, có vài giây để họ tạo ấn tượng với họ Ấn tượng tạo dẫn dắt họ đến với giao diện Thiết kế ấn phẩm điện tử Nhóm website tương tác với chúng Để làm điều đó, nhà thiết kế phải nghiên cứu định hướng thị giác ứng dụng vào thiết kế website Đầu tư thời gian công sức vào thiết kế ứng dụng định hướng thị giác tạo giao diện website trực quan dẫn dắt tương tác người dùng Từ nâng cao trải nghiệm tích cực cho website Một hệ thống định hướng thị giác hiệu giúp thông báo, gây ấn tượng thuyết phục người dùng - đặc biệt hình thức giao diện Vì vậy, để trang web, ứng dụng thành công, điều quan trọng phải có cấu trúc trang giao diện hình thật tốt để giảm thiểu khơng chắn người dùng, thể đồng cảm tối đa với họ cung cấp cho họ thứ dễ chịu để xem, để hành động 2.3.3 Thực trạng Hiện nay, website thiết kế ngày đẹp mắt, tiện dụng tối ưu Các nhà thiết kế nghiên cứu, tìm hiểu nguyên lí thị giác nguyên lí định hướng thị giác để ứng dụng vào thiết kế website Do thiết kế website ngày hiệu chất lượng nội dung lẫn hình thức Điều mang lại ấn tượng tốt, thu hút khách hàng tạo dựng niềm tin thương hiệu nơi khách hàng Tuy nhiên, nhiều nhà thiết website khơng hiểu khơng ứng dụng ngun lí định hướng thị giác vào thiết kế, khiến cho website trở nên hấp dẫn, thiếu trọng tâm không hướng khách hàng đến với mục đích trang web Một website thiết kế ứng dụng tốt định hướng thị giác dẫn mắt người dùng qua khu vực theo thứ tự cụ thể ảnh hưởng đến cách cảm nhận đối tượng cách sử dụng độ tương phản, cân bằng, điểm nhấn / tỷ lệ bên đối tượng thiết kế Để làm điều này, người thiết kế cần có nghiện cứu để hiểu rõ định hướng thị giác ứng dụng vào thiết kế website Và có khơng nhà thiết kế bỏ điều thiết kế website Nguyên tắc 3.1.1.1 • • • Bố cục Bố cục website cách xếp, trình bày yếu tố có thiết kế website, bao gồm chỉnh tỷ lệ/ khoảng cách/ lựa chọn vị trí thành phần web để mang lại trải nghiệm tốt cho người sử dụng ghé thăm web Hướng thị giác điều khiển chuyển động mắt người dùng; điều đạt cách lựa chọn cẩn thận hình ảnh bạn yếu tố thiết kế xếp chỉnh tốt Từ cách xếp thành phần bố cục theo cách định, nhà thiết kế kiểm sốt định hướng chuyển động mắt người xem xung quanh bố cục website Theo nguyên tắc Gestalt, đối tượng đường thẳng tạo hướng chuyển động giúp tầm nhìn người dùng tiếp tục hướng phía trước, chí vượt xa ảnh hưởng hiệu ứng màu sắc Bên Thiết kế ấn phẩm điện tử • Nhóm cạnh cấu trúc có tổ chức hàng cột có vai trị giữ trật tự cho vùng không gian khác Cặp cấu trúc giúp bạn tạo thêm vài khơng gian hịan hảo cho call-to-action nội dung thú vị Có thể kiểm sốt buộc chuyển động mắt người xem xung quanh bố cục thiết kế Mắt di chuyển dọc theo đường thực tế ví dụ đường liền nét đường chấm, di chuyển theo đường tinh tế từ phần tử lớn đến phần tử nhỏ, từ phần tử tối đến phần tử sáng hơn, từ màu sang khơng màu, từ hình dạng khác thường đến hình dạng thơng thường, vv Sự phân chia kích thước, hình dạng kích thước lặp lại yếu tố liên quan dẫn mắt cách tinh vi o Header: ▪ Có thể chọn ảnh, video animation để tạo header cho web Ảnh làm header khơng ảnh đẹp, cịn đường dẫn vào tất nội dung trang chí vào nội dung sâu website ▪ Dùng phông chữ lớn tạo tập trung, điểm nhấn ▪ Phân lớp đối tượng cách để đạt điều Các lớp đơn giản không giúp bạn tạo không gian riêng biệt cho yếu tố mà cịn giúp người dùng có tập trung thị giác Người dùng biết phải đâu nên tập trung vào yếu tố o Content: ▪ Hình ảnh dễ dàng kiểm sốt cách người dùng sử dụng, ví dụ hình ảnh mũi tên định hướng sử dụng phần thiết kế bạn nội dung để hướng dẫn khách truy cập xung quanh trang ▪ Dẫn dắt mắt Sử dụng hình ảnh chân dung người, động vật hướng vào trung tâm website thông tin quan trọng website Người dùng nhìn theo hướng mắt hình ảnh ▪ Vị trí khơng kiểm sốt cách chuyển động mắt mà cịn góp phần làm cho thiết kế dễ sử dụng hơn, cấp độ tiềm thức ▪ Các đối tượng hướng cho phép số chuyển động mắt nhanh theo hướng trực quan so với đối tượng xếp hai hướng trái - phải Điều làm cho việc điền vào biểu mẫu nhanh dễ dàng ▪ Thiết kế ảnh đẹp doanh nghiệp, hoạt động cơng ty phía chân trang ý tưởng tuyệt vời để quảng bá doanh nghiệp Tạo tương phản để thu hút người dùng ▪ Sử dụng icon mạng xã hội Bởi đặt vị trí đầu trang hay trang làm tập trung khách hàng vào sản phẩm dịch vụ mà bạn cung cấp o Phân loại: Thiết kế ấn phẩm điện tử Nhóm ▪ ▪ ▪ 3.1.1.2 • • Dẫn dắt ánh nhìn • Đây sai lầm hàng đầu mà nhà thiết kế biên tập viên nội dung thường mắc phải, theo quy luật, không để hình ảnh bạn hướng ngồi trang bạn, hình ảnh (đặc biệt khn mặt mắt) phải hướng vào trung tâm thiết kế bạn Hình thức • Hình thức trình bày thành phần trang web ảnh hưởng lớn đến mức độ điều hướng, thực hành vi người dung Hướng thiết kế Yếu tố hướng có ảnh hưởng mạnh mẽ đến cảm xúc cho thiết kế Bố cục hình ảnh quy định hướng chi phối Nó cho phép bạn áp đặt định hướng cho website • Hướng theo đường ngang: Các đường ngang rõ ràng thiết kế mang lại cảm giác tĩnh lặng, ổn định, yên bình tĩnh lặng • Hướng theo đường chéo: Vị trí theo đường chéo yếu tố củng cố cảm giác chuyển động hành động • Hướng theo đường thẳng đứng: Hướng thẳng đứng chủ đạo bổ sung ảnh hưởng có trật tự tĩnh ngẫu nhiên, mang lại cảm giác tỉnh táo trang trọng Khoảng cách Vai trò: o Khoảng cách tạo nên mối quan hệ yếu tố, cung cấp điểm trọng tâm o Khoảng cách khơng có nghĩa yếu tố phải đặt nhau, mà nghĩa yếu tố nên liên kết mặt thị giác theo cách o Khoảng cách có liên quan mật thiết với bố cục, khoảng cách giao diện điều hướng mắt o Khoảng cách tác động đến định hướng thị giác trang web theo hai cách khác nhau: Sự gần không gian âm Tác động: o Sự gần nhau: ▪ Là cơng cụ mạnh mẽ gợi ý chức phần tử qua việc sử dụng hình ảnh Các yếu tố liên quan đến hình ảnh nằm bên Nội dung trang web điều hướng nhóm với bên phải Các liên kết nhóm với Thiết kế ấn phẩm điện tử Nhóm Nguyên tắc Gestalt (từ tiếng Đức, nghĩa hình dạng, hình dáng) - trường phái tâm lý học hình thái (visual-psychological) xuất từ đầu kỷ XX - khám phá người dùng có xu hướng cảm nhận yếu tố đặt gần có chức tương tự o Không gian âm: ▪ Không gian trắng hay khoảng trống diện tích mà người thiết kế cố tính để trống xếp vị trí thành phần giao diện website Khoảng trống bao gồm phần không gian phần nội dung phần lề ▪ Ngồi cơng dụng tách biệt rõ phần nội dung khác nhau, khơng gian trắng cịn điểm nghỉ cho mắt Nhờ đó, người dùng cảm thấy thoải mái phải xem liên tục nhiều thông tin hình ảnh, đồng thời khiến phần nội dung trở nên thu hút bắt mắt ▪ Càng thành phần tăng tập trung vào hình Định luật: o Do khoảng cách hình ảnh khác nên tín hiệu thị giác đưa lại khác o Những nét ,những điểm hay hình thể tín hiệu thị giác gần khoảng cách chúng tạo thành mối liên kết theo chiều ngang hay chiều dọc (phụ thuộc vào độ gần khoảng cách ngang hay dọc) Đây định luật gần, tức hình thể gần tác động vào thị giác người mạnh xa o Ví dụ: ▪ ||||||||||||||||||||||| - Dàn đều: Ko tạo hiệu thị giác ▪ || || || || || || - Các cặp nối kết gần nhau: Gây ý, tạo hiệu ứng thị giác ▪ ||||| |||||| ||||| - Liên kết nhóm tác động mạnh đến thị giác ▪ • 3.1.1.3 Kích thước • Ý nghĩa: o Kích thước yếu tố quan trọng website o Kích thước to gây nhiều ý điều không áp dụng trường hợp o Người thiết kế cần phải biết rõ phần quan trọng cần làm bật kích cỡ, vào cụ thể phải rõ ràng cụ thể, xếp cần phải hợp lý • Định luật Fitts: o Các đối tượng có kích thước lớn - phạm vi nhấp cụ thể - dễ tương tác Nói cách khác, nhiều nỗ lực để thu hút người dùng click vào vùng có kích thước to lớn Điều đặc biệt kêu gọi hành động, bạn không muốn tạo nhiều rắc rối để hướng người dùng theo mục tiêu • Tác động: Thiết kế ấn phẩm điện tử Nhóm Bỏ qua khả click tương tác kích thước thành phần quan trọng giao diện website tổng thể Tùy thuộc vào mức độ, yếu tố lớn thống trị mẫu trang web từ trái sang phải hay từ xuống o Điều chỉnh kích thước cịn dựa quan điểm, kích thước điều kiện hóa với độ tương phản Bạn đạt lợi ích tương tự cách làm cho yếu tố khác nhỏ thay phần tử lớn o Kích thước ảnh hưởng đến văn kiểu chữ, bạn thấy tiêu đề, tiêu đề phụ nội dung viết Theo hướng dẫn linh hoạt, nghiên cứu 50 tạp chí Smashing Magazine tính tốn số kích thước trung bình: o Headings: 18-29 pixel o Body copy: 12-14 pixel o • 3.1.1.4 Màu sắc Màu sắc có hệ thống phân cấp riêng chúng xác định sức mạnh ảnh hưởng lên tâm trí người dung Có màu đậm đỏ, cam đen dễ dàng thu hút ý dễ gây ấn tượng nhìn Nó chi phối tầm nhìn người xem qua gam màu để truyền tải thông điệp ý nghĩa gửi gắm vào • Màu đỏ: o Màu đỏ màu có bước sóng dài quang phổ màu sắc thực thu hút mắt nhìn cách mạnh mẽ o Màu sắc mang ý nghĩa mãnh liệt, nhiệt huyết, đồng thời mang lại cho người nhìn cảm giác nguy hiểm gay gắt o Màu đỏ phần lớn dùng màu để cảnh báo thơng báo xảy lỗi • Màu vàng: o Màu vàng mang lại cảm giác vui tươi, rực rỡ lạc quan o Một màu vàng đậm màu tuyệt vời dâng cao cảm xúc người nhìn cách nhanh chóng o Màu vàng màu tiêu chuẩn cho giấy note ghi lưu ý o Sử dụng màu vàng để nhấn mạnh ưu đãi sản phẩm miễn phí • Màu xanh dương: o Màu xanh dương mang ý nghĩa bình yên, thư giãn hoà hợp o Sử dụng màu xanh nhẹ nhàng mang lại cảm giác thư giãn, màu xanh đậm mang lại cảm giác nổ o Ngoài ra, màu xanh dương màu tin tưởng an ninh o Sử dụng màu xanh dương nhẹ nhàng mang lại cảm giác thư giãn • Màu xanh lá: 10 Thiết kế ấn phẩm điện tử Nhóm o o • • • • • Màu xanh màu phát triển, sức khoẻ thiên nhiên Ngồi màu phồn thịnh truyền tải cảm giác tươi mới, hào hứng trẻ trung o Màu xanh áp dụng cho nút ấn, thơng báo tích cực tin nhắn thành công Màu hồng: o Hồng màu sắc mang thiên hướng nữ tính, nhẹ nhàng lãng mạn, coi mày sắc tình yêu o Màu hồng mang chút tinh nghịch, vui nhộn, hào hứng mang vẻ dịu dàng định o Màu hồng chọn lý tưởng cho thương hiệu cung cấp sản phẩm dịch vụ cho phụ nữ Màu cam: o Màu cam đại diện cho sáng tạo, thành cơng nhiệt huyết Nó không gắt mãnh liệt màu đỏ không vô tư màu vàng o Màu cam thu hút ánh mắt người nhìn khơng q gay gắt màu đỏ Màu đen: o Đen mành sắc sang trọng, thường sử dụng đồ đắt đỏ thời thượng xe Limousines, trang phục Tuxedos thời trang mang thương hiệu Coco Chanel o Bên cạnh đó, màu đen cịn mang lại cảm giác huyền bí, lịch tinh tế o Tránh sử dụng màu xám đen tinh khiết (#000000), Hãy thêm độ bão hịa cho Màu tím: o Màu tím gắn liền với trung thành, sang trọng, khôn ngoan quý phái o Trong tím lavender mang lại cảm giác bình n thư giãn màu tím rực rỡ đem đến cho người nhìn chút kiêu ngạo áp đảo o Màu tím màu lý tưởng sử dụng cho gợi ý o Thêm chút sắc tím cho vận chuyển miễn phí, logo tạo điểm nhấn cho đồ hoạ Màu trắng: o Màu trắng thực tế khơng phải màu sắc mà ánh sáng khiết VÌ thế, coi màu sắc khiêm tốn không rực rỡ hay bật để “tranh giành” ý màu sắc khác o Màu trắng nhường chỗ cho đối tượng bật: ảnh đặt tông trắng đem lại thoáng mát làm bật đối tượng chụp 11 Thiết kế ấn phẩm điện tử Nhóm Các thông tin chi tiết sản phẩm nút “Mua Ngay” thường đặt tông trắng với mục đích nhấn mạnh để người dùng dễ dàng nhấn cách nhanh chóng o Màu trắng cịn mang lại cảm giác sang trọng lịch o Màu trắng nên sử dụng nhiếp ảnh phông để tạo nhấn mạnh Lực thị giác: o Màu đỏ màu nặng màu vàng nhẹ o Nhìn chung màu ấm nặng màu lạnh o Các màu có cường độ cao nặng màu có cường độ thấp o Một khu vực nhỏ màu sáng đối trọng với khu vực lớn màu trung tính Các nghiên cứu khác màu sắc định hướng thị giác: o Sử dụng màu sắc phù hợp, chỗ trang web thu hút khách hàng tích cực o Người dùng dễ dàng bị ảnh hưởng màu sắc cho dù họ biết điều hay khơng o Theo nhiều nghiên cứu ảnh hưởng màu sắc hành vi người, thay đổi màu sắc nút "Kêu gọi hành động" làm tăng tỷ lệ chuyển đổi tổng thể trang web nhiều o Lựa chọn màu sắc trang web, dễ đọc tính thống phần quan trọng có ảnh hưởng đến đối tượng o • • 3.1.1.5 Phong cách Ngồi yếu tố màu sắc, bố cục, Có thể sử dụng họa tiết, yếu tố đồ họa hình ảnh để khẳng định phong cách riêng định hướng thị giác • Chất liệu (kết cấu): o Một cơng cụ tạo hình mạnh mẽ chất liệu (kết cấu) o Khi sử dụng cách, chất liệu giúp tăng thêm chiều sâu bầu không khí, nêu bật ý đồ nhà thiết kế • Yếu tố đồ họa hình ảnh o Ngồi chất liệu, yếu tố đồ họa hình ảnh ảnh hưởng đến định hướng thị giác, thu hút thị giác người xem vào yếu tố quan trọng o Chỉ cách sử dụng ảnh tái bàn ăn mộc mạc, người xem dễ dàng trải nghiệm bối cảnh tinh thần thương hiệu 12 Thiết kế ấn phẩm điện tử Nhóm Tổng kết Qua nghiên cứu trên, khẳng định vai trò định hướng thị giác thiết kế website Định hướng thị giác cách tạo khác biệt website hướng đến cải thiện trải nghiệm tổng thể để người dùng tham quan website tốt Nghiên cứu đưa yếu tố cần thiết cho kế hoạch thiết lập định hướng thị giác thiết kế website giúp định hướng người dùng hiệu Sau thực nghiên cứu với chủ đề, chúng em bổ sung thêm kiến thức thiết kế website nói chung định hướng hướng thị giác thiết kế website nói riêng Cuối nhóm xin gửi lời cảm ơn đến cô Nguyễn Lê Mai - giảng viên môn thiết kế ấn phẩm 2, trang bị cho chúng em kiến thức kỹ cần thiết để chúng em hồn thành đề tài nghiên cứu tốt Chúng em xin chân thành cảm ơn! 13 ... Internet Website động có tính tương tác với người sử dụng cao 2.3 Định hướng thị giác thiết kế website 2.3.1 Tổng quan định hướng thị giác thiết kế website Trong giác quan người “Thính giác, thị giác, ... thiết kế web, phải nắm vững yếu tố cần thiết cho kế hoạch thiết lập định hướng thị giác dù đơn giản phức tạp CƠ SỞ LÍ THUYẾT 2.1 Tổng quan định hướng thị giác thiết kế 2.1.1 Định nghĩa Định hướng. .. Tổng quan thiết kế Website 2.2.1 Định nghĩa 2.2.2 Phân loại 2.3 Định hướng thị giác thiết kế website 2.3.1 Tổng quan định hướng thị giác thiết kế website