Thiết k�?giao diện website đẹp mắt và chuẩn UI/UX là công việc đòi hỏi designer phải có chuyên môn, nắm bắt xu hướng và các k�?năng tốt. Bởi trang web chính là phương thức đ�?đưa thương hiệu gần hơn với khách hàng. Dưới đây 10 nguyên tắc hướng dẫn thiết k�?giao diện website đẹp mắt theo chuẩn UI/UX mà bạn có th�?tham khảo.

1. Sắp xếp b�?cục hợp lý trên giao diện website

Thiết k�?giao diện website hiện đại trước tiên là phải có một b�?cục được sắp xếp hợp lý. Việc cơ bản đầu tiên mà hầu hết mỗi designer đều thực hiện là lên cho mình một list các mục cần thiết, sắp xếp chúng khoa học và đưa các mục đ�?ra lên trang ch�? Với cách làm này, các thành t�?s�?b�?tr�?lẫn nhau và mang lại trải nghiệm lướt web của khách hàng hiệu qu�?hơn.

Điều quan trọng là chúng ta phải biết cách làm nổi bật những mục quan trọng nhất và loại b�?những thành t�?không cần thiết. Trên trang ch�?thường bao gồm các thành t�?chính là: logo, nút CTA, thanh tìm kiếm, tagline, hình ảnh chất lượng và vài yếu t�?nâng cao chức năng. 

Cách thực hiện

• Lược b�?các thành phần không quan trọng: Những thành t�?không làm cải thiện chất lượng trải nghiệm khách hàng thì hãy loại b�?ngay hoặc chuyển sang mục khác, tránh đ�?tập hợp nhiều trên giao diện trang ch�?
• Tối giản pull-out menu: Các mục lựa chọn nh�?�?menu bạn nên tối giản thành 7 mục vì nếu nhiều quá s�?vẫn làm cho giao diện b�?dày đặc, thiếu đi s�?chuyên nghiệp.

2. Tăng nhiều khoảng trống khi thiết k�?giao diện website

Một trong những cách thiết k�?giao diện web luôn đúng đó là tăng thêm các khoảng trống. Điều này giúp cho người nhìn cảm thấy mọi th�?được trình bày rất chuyên nghiệp và “d�?thở�?hơn hẳn những website c�?nhồi nhét các thông tin vào khoảng trống.

Trong thuật ng�?chuyên ngành, những khoảng trống còn gọi là khoảng trắng (Negative space), là những phần họa tiết hoặc hình ảnh có tác dụng làm nền, thu hút s�?chú ý t�?người đọc. Những khoảng trắng này s�?không được chứa thông tin hoặc không trang trí nhiều họa tiết bên trong.  Khi thiết k�?giao diện website hiện đại thì đơn giản là tốt nhất. Nó hướng s�?chú ý của người đọc ngay vào những th�?quan trọng nhất. 

Cách thực hiện

Làm nổi bật các thành t�?quan trọng bằng những khoảng trống, việc này giúp khách hàng d�?dàng thu hút vào những thành t�?chính khi bắt đầu truy cập trang web. Bên cạnh đó, chúng ta cần hạn ch�?s�?dụng các đ�?họa không cần thiết, d�?làm cho người xem phân tâm.

3. Thu hút s�?chú ý theo b�?cục hình ảnh

“Visual hierarchy�?là thuật ng�?đ�?ch�?các b�?cục hình ảnh có mục đích thu hút s�?chú ý t�?người xem. Đ�?thiết k�?giao diện web khiến cho khách hàng chú ý tới mục mà bạn muốn h�?click vào thì việc thêm nút CTA là chưa đ�?

Thay vào đó chúng ta có th�?s�?dụng các h�?thống b�?cục hình ảnh, thông qua thiết k�?giao diện web bằng photoshop như lựa chọn các yếu t�?v�?kích c�? màu sắc, v�?trí và “khoảng trống�? Điều này hướng người dùng chú ý tới nút CTA và là công việc đòi hỏi đ�?chuyên môn và k�?năng của một designer. 

Cách thực hiện

Hãy chọn lọc và làm nổi bật những thông tin quan trọng đ�?ưu tiên lên v�?trí đầu, cùng với đó là thiết k�?trang web sao cho thật thu hút đ�?gây chú ý t�?người xem. Ngoài ra, việc xây dựng b�?cục hình ảnh thu hút khách hàng rất phức tạp, hãy tìm các phương pháp khác nhau và chọn ra một phương án đem lại hiệu qu�?nhất.

4. Lựa chọn màu sắc giao diện phù hợp

Màu sắc là công c�?tiếp theo sau cách sắp xếp b�?cục khi thiết k�?giao diện website hiện đại mà bất k�?nhà thiết k�?nào cũng cần nắm rõ. Bên cạnh việc cân nhắc v�?màu sắc dựa trên ý nghĩa truyền tải, nhà thiết k�?web còn cần nắm vững cách kết hợp màu, kết hợp với các họa tiết nhằm làm nổi bật các thành t�?quan trọng cho c�?tổng th�?của trang web.

Một lời khuyên đúng đắn dựa trên cách nhìn của một nhà thiết k�?web nổi tiếng Destiny là “Để s�?dụng hợp lý màu sắc trong thiết k�?website, bạn cần hiểu cấu tạo một màu sắc và cách chúng tổng hòa, kết hợp với nhau�? 

Cách thực hiện

Dựa vào mục đích và đ�?quan trọng của các thành t�?mà màu sắc s�?được chọn theo th�?t�? Sau khi lựa chọn màu sắc thích hợp cho giao diện thiết k�? bạn cần phải nhất quán tông màu này với những tông màu khác sao cho thật hài hòa và làm nổi bật các thành t�?quan trọng nhất.

5. Đưa lên hình nền phải chất lượng

Nguyên tắc tiếp theo đ�?thiết k�?giao diện website đẹp là lựa chọn một background chất lượng bằng bức ảnh thật đẹp và tinh t�? Nó s�?mang ý nghĩa thay doanh nghiệp truyền tải những gì nổi bật nhất của doanh nghiệp.

Hình ảnh chính là s�?kết nối giữa thương hiệu và thông điệp. Vậy nên, khi thiết k�?giao diện web hiện đại không th�?xem nh�?phần hình nền. Hãy đảm bảo rằng ch�?đ�? phong cách của bức hình luôn phải ăn nhập với thông điệp mà doanh nghiệp muốn truyền tải qua website.

Cách thực hiện

Doanh nghiệp có th�?dùng những bức ảnh “thật” chụp nhân viên, sản phẩm của công ty, hoặc khách hàng của doanh nghiệp thay cho việc thuê diễn viên hoặc người mẫu đại diện. Bởi việc lựa chọn hình ảnh phù hợp s�?mang đến “tính thực tế�?mà doanh nghiệp muốn truyền tải.

6. Thiết k�?typography chuyên nghiệp đ�?nâng tầm thương hiệu

Bên cạnh việc đầu tư chất lượng nội dung tốt đ�?truyền tải đến khách hàng, bạn cần chăm chút đến typography chuyên nghiệp đ�?nâng tầm thương hiệu trong quá trình thiết k�?giao diện website của mình. Nếu nội dung của trang web được ví với v�?đẹp tâm hồn của người con gái, thì typography chính là nét quyến rũ t�?bên ngoài của cô nàng. 

Typography là bao gồm các font ch�? kích c�? màu sắc, đ�?nghiêng, đ�?đậm và khoảng cách các ký t�? Typography kết hợp với hình ảnh đẹp và nội dung hay s�?góp phần hoàn thiện một trải nghiệm tuyệt vời cho khách hàng khi lướt web của bạn.

Cách thực hiện

Hiện nay có hàng vạn những lựa chọn font ch�?khác nhau, bạn cần tìm những font ch�?“thân thiện�?với người dùng trên các nền tảng k�?thuật s�?

7. Điều hướng người dùng hợp lý

Thanh điều hướng được ví như xương sống của mọi thiết k�?giao diện website. Mỗi designer phải xây dựng thanh điều hướng sao cho có th�?đem đến trải nghiệm tốt nhất cho người dùng. T�?đó có th�?hoàn thiện website đ�?đem đến trải lượng tuyệt vời nhất cho người dùng.

Cách thực hiện

Bạn nên phân loại website thành các nhóm sao cho khách hàng d�?hiểu cũng như đem lại s�?thuận lợi nhất cho khách hàng. Tùy vào từng đối tượng khác nhau s�?có những hành vi tìm kiếm khác nhau. Bạn nên test trước một vài người dùng trước khi đưa ra sản phẩm cuối cùng.

8. Tối ưu thiết k�?giao diện website trên mobile, tablet

Ngày nay, phần lớn người dùng đều lướt web trên nền tảng di động, vậy nên designer phải linh hoạt chuyển giao diện web sang giao diện mobile. Điều này không ch�?đem lại lợi ích cho người dùng mà còn liên quan đến SEO Marketing (th�?hạng web trên thanh công c�?tìm kiếm). 

Trong chuyên ngành, tối ưu thiết k�?giao diện website trên mobile chuyển giao diện web sang giao diện mobile được gọi là “Mobile responsiveness�? Nhiều website hiện nay khi thiết k�?giao diện web đều chú trọng ưu tiên cho phiên bản di động ngay ban đầu song song với phiên bản desktop. 

Cách thực hiện

• Nên thiết k�?cho phiên bản mobile trước: Việc này giúp cho bạn nhận thấy được những thành t�?nào thực s�?quan trọng đ�?giúp người dùng trải nghiệm tốt hơn. T�?đó, khi sang môi trường phiên bản desktop thì có th�?thêm thắt các yếu t�?b�?sung cho phù hợp sau.
• Lựa chọn nền tảng nhiều người dùng: Hiện nay có rất nhiều nền tảng khác nhau, t�?h�?điều hành Android của Google đến cao cấp hơn là iOS của Apple. Bạn cần tìm ra hành vi của khách hàng đ�?xác định thiết b�?di động nào ưu tiên đ�?thiết k�?trước.

9. S�?dụng b�?cục text theo tiêu chuẩn

Việc lựa chọn font ch�?đẹp trong thiết k�?giao diện website hiện đại cần bao gồm ba yếu t�?sau đây:

• Nội dung tốt: Chính là phong cách ch�?mà bạn th�?hiện lên trang web phải truyền đạt tốt thông điệp mà doanh nghiệp muốn gửi gắm. 
• Tính thẩm m�? Đoạn text phải có tính thẩm m�? vừa thu hút người đọc, vừa có những khoảng trống giãn cách tốt giữa các ký t�?đ�?giúp người đọc không b�?“ngợp�?quá nhiều thông tin.
• Tính d�?nhìn: C�?kiểu ch�?lẫn kích c�?đều ảnh hưởng trực tiếp đến kh�?năng tiếp nhận thông tin của người đọc. Nền ch�?tuyệt đối không b�?m�? nhòe.

Cách thực hiện

Đ�?an toàn bạn nên lựa chọn màu tương phản giữa các thành t�?( màu nền và text) giúp nổi bật thông tin của website là ổn. Tùy theo cảm nhận từng người, có th�?người này d�?đọc, người kia lại thấy nhàm chán hoặc khó đọc. Hãy kiểm tra nhiều đối tượng đ�?sớm có cách khắc phục đ�?cải thiện kết qu�?nhé!

10. Truyền tải thông điệp của thương hiệu tới nhiều người

Thiết k�?giao diện website chất lượng ngoài việc đem lại trải nghiệm tốt cho người dùng, còn là cách bạn giao tiếp và truyền tải thông điệp tới người đọc có chính xác hay không.

Mục đích chính của một website vẫn là truyền tải thông điệp đúng đắn đến khách hàng nhằm nâng cao giá tr�?thương hiệu của doanh nghiệp và lẫn người xem.

Cách thực hiện

Lên k�?hoạch trước khi thiết k�?không ch�?giúp làm ra một sản phẩm đẹp, phù hợp mà còn giúp cho sản phẩm đó chứa đựng những thông điệp bạn muốn gửi gắm.

Bên trên là tổng hợp 10 luật bất thành văn khi xây dựng một website đẹp, chuẩn UX/UI. Hy vọng có th�?giúp cho những nhà thiết k�?web tương lai có thêm những thông tin hữu ích phục v�?cho công việc sau này.

Đặng Tuấn Nghĩa – CLB Coder Poly HCM

The post Thiết k�?Website – 10 “luật” bất thành văn mà sinh viên FPoly phải biết appeared first on Cao Đẳng FPT M?ng c�� c??c b��ng ?�� xét tuyển.

Học ngành Kinh t�? ra trường làm gì? Đó là câu hỏi của rất nhiều các bạn tân sinh viên, đặc biệt trong bối cảnh hiện nay khi cơ hội làm việc trong lĩnh vực Kinh t�?đang m�?rộng và cần nguồn nhân lực lớn trong thời gian tới đây. Hiểu rõ vấn đ�?này, buổi định hướng ngành Kinh t�?cho tân sinh viên K18.1.1 là điều thực s�?cần thiết ngay t�?những ngày đầu tiên bước vào FPT M?ng c�� c??c b��ng ?�� HCM, môi trường học tập mới, khác biệt.

Buổi định hướng ngành Kinh t�?dành cho tân sinh viên K18.1.1 có s�?tham gia của: Ông Nguyễn Hoàng Chu Du – Phó Giám đốc Trung tâm Kinh doanh Phân phối FPT Telecom; Bà Phan Thanh Uyên – Giám đốc Marketing H�?thống Nhà thuốc Long Châu; Bà Phan Th�?Ngọc Tuyết – Tr�?lý Phó Tổng Giám đốc Bamboo Airway.

V�?phía nhà trường có s�?hiện diện của: Thầy Trần Duy Phong – Trưởng Ban Đào tạo FPT M?ng c�� c??c b��ng ?�� H�?Chí Minh; Thầy Đoàn Thanh Nghiêm – Ch�?nhiệm B�?môn Kinh t�?FPT M?ng c�� c??c b��ng ?�� H�?Chí Minh; Cô Đặng Kiều Oanh – Trưởng môn PR & T�?chức s�?kiện; Thầy Nguyễn Minh Trường – Trưởng môn Marketing & Sale; Thầy Nguyễn Quang Vinh – Trưởng môn Digital & Online Marketing.

Chia s�?v�?định hướng việc làm sau khi ra trường, giảng viên FPT M?ng c�� c??c b��ng ?�� HCM đã mang tới cho các bạn tân sinh viên ngành Kinh t�?những cảm nhận và cái nhìn chính xác nhất v�?th�?trường tuyển dụng hiện tai. Trong bối cảnh Digital Marketing bùng n�? th�?trường lao động tại Việt Nam nói chung, và tại FPT Telecom nói riêng s�?có cơn sốt v�?nhu cầu tuyển dụng. Chính vì vậy, các bạn tân sinh viên có th�?an tâm v�?việc làm sau khi tốt nghiệp tai FPT M?ng c�� c??c b��ng ?�� HCM.

Tr�?lời những thắc mắc v�?giá tr�?của tấm bằng, thầy Nguyễn Quang Vinh khẳng định: “Bằng Đại học hay Cao đẳng không thật s�?là vấn đ�?lớn. Quan trọng là giá tr�?bản thân, những gì chúng ta mang lại cho doanh nghiệp và doanh nghiệp cần những người đem đến giá tr�? Tuy nhiên, kiến thức vấn là nền tảng quan trọng nhất”.

Trước những thắc mắc v�?lĩnh vực Marketing, bà Phan Thanh Uyên đã có những chia s�?thẳng thắn với các tân sinh viên: “Marketing không ch�?là quảng cáo, các bạn phải nghĩ rông hơn, phải có tầm nhìn đối với ngành này vì mọi th�?luôn thay đổi và cập nhật theo thời gian”. Do đó, bên cạnh việc học tập tại trường, kh�?năng ch�?động học tập, tìm kiếm tài liệu t�?những nguồn đáng tin khác cũng là một trong những vấn đ�?mà các bạn tân sinh viên cần lưu ý.

“Tại sao chúng ta chọn PR ? Vì s�?năng động của bản thân? Hay đến t�?s�?mách bảo của bản thân mình? Chính các em phải hiểu rõ được bản chất của ngành này. Nó giống việc chúng em yêu vậy, trải nghiệm và đối mặt là những th�?em cần có, và ngành PR cũng vậy”, bà Phan Th�?Ngọc Tuyết chia s�?

“Ước mơ càng lớn thì ngh�?lực càng đầy�?/em> – Đã là sinh viên ngành Kinh t�?tại FPT M?ng c�� c??c b��ng ?�� H�?Chí Minh thì bản thân các bạn phải đặt ra mục tiêu cho riêng mình. Mỗi người phải luôn có tầm nhìn thì bản thân mới thật s�?phát triển và theo kịp những chuyển biến mới của thời đại mới.