Category Archives: thiết kế website

7 Xu hướng thiết kế website đáng chú ý năm 2017

Memilus Creative Agency

Brand - Ecommerce - App - Print

7 Xu hướng thiết kế website đáng chú ý năm 2017 2

Thiết kế website

Sao Kim xin giới thiệu 7 xu hướng thiết kế website đáng chú ý năm 2017. Đa số các xu hướng này đều nhằm cải thiện trải nghiệm người dùng, giúp tạo cảm giác thoải mái, hiệu quả nhất cho người dùng khi lướt web.

  • Thu hút sự chú ý bằng hình động, gif

Ảnh động hiện đang rất được yêu thích trên các website trong năm vừa qua, dự báo trong năm 2017 này chúng sẽ tiếp tục làm mưa làm gió. Tuy nhiên, việc lạm dụng hình động dễ làm hỏng trải nghiệm người dùng bởi chúng khá nặng do các hiệu ứng chuyển động. Vì vậy bạn cần sử dụng chúng một cách hợp lý vừa phải, chỉ khi thật sự muốn nhấn mạnh vào những đặc điểm nổi bật của website doanh nghiệp khiến khách ghé thăm chú ý.

7 Xu hướng thiết kế website đáng chú ý năm 2017 3

Hình động có khả năng giúp người dùng cảm nhận được sâu sắc hơn về chủ thể mà doanh nghiệp muốn giới thiệu chúng đến khách hàng như sản phẩm, dịch vụ,…Với mục đích thu hút sự chú ý, làm nổi bật sản phẩm, dịch vụ đó bạn hoàn toàn có thể sử dụng ảnh động để khắc họa các đặc tính, tiện ích đáng lưu tâm. Gif được khuyên dùng cho các nút bấm bán hàng hay các popup khuyến mãi…

  • Tạo hình ảnh 3D sống động

Quay lại một chút về sự hình thành của phong cách thiết kế hình học 3D. Khi phong cách thiết kế phẳng flat design (xuất hiện trên window 8 và nokia lumia) với các biểu tượng thu lại thành các hình chữ nhật và màu sắc sặc sỡ trở nên phổ biến. Google đã khắc phục đặc điểm chưa tạo cảm giác thật của thiết kế này bằng cách đưa ra Material design và tạo một số điểm mới cho kiểu thiết kế này như bổ sung thêm đổ bóng, chuyển động và hướng đến phong cách hình học.

3d

Là phong cách nổi bật mà google đi tiên phong do đó nó có ảnh hưởng khá lớn đến các thiết kế của các website. Chính vì vậy, dạng thiết kế hình học 3D sẽ trở thành một xu hướng phát triển mạnh mẽ trong năm 2017. Ví dụ phía trên cho ta thấy cảm giác 3D thực tế hơn rất nhiều.

  • Phá luật bằng font chữ thiết kế hào nhoáng

Những font chữ thiết kế đã trở thành xu hướng trong một khoảng thời gian khá dài. Do nó thể hiện được nét riêng biệt, cá tính nên ngày càng nhiều nhà thiết kế web nghiên cứu sáng tạo ra các kiểu chữ mới.

xu hướng thiết kế web 2017

Trước kia các quy luật khi thiết kế dành cho những kiểu chữ mới khá chặt chẽ, tuy nhiên đến bây giờ có rất nhiều nguyên tắc mà chúng ta có thể hoàn toàn xóa bỏ chúng.

Thiết kế những phong cách chữ mới cũng là một dạng nghệ thuật khá thú vị như Picasso đã từng nói “chúng ta cần tìm hiểu kỹ những nguyên tắc, rồi sau đó phá bỏ nó như một nghệ sỹ” để tạo ra những kiểu chữ với phong cách ấn tượng.

  • Tối ưu địa chỉ của doanh nghiệp bạn trên google map

Ngày nay, hầu như doanh nghiệp chuyên nghiệp nào cũng định vị vị trí của họ trên bản đồ nhằm hướng dẫn những khách hàng tiềm năng ghé thăm cũng như tạo dựng sự tin tưởng cho đối tác, khách hàng. Ngoài ra thì việc xác định vị trí doanh nghiệp trên website cũng giúp SEO tốt hơn. Nhưng khi vào bất cứ trang web nào khách hàng cũng đều nhìn thấy những bản đồ na ná giống nhau và giống google map. Website của bạn sẽ trở nên đặc biệt và ấn tượng hơn khi có phần bản đồ dẫn đường được thiết kếvới màu sắc và phong cách và thú vị.

google-maps-768x481

  • Màu sắc phá cách

2017 tiềm năng sẽ là một năm mà màu sắc được sử dụng trên các website sẽ mang tính nổi loạn phá cách hơn bao giờ hết. Trong khi các website đã cũ vẫn trung thành với những khung màu an toàn thì các thương hiệu hiện đại đã dũng cảm tiếp cận sử dụng những bảng màu mang tính kích thích thị giác mạnh hơn rất nhiều. Ví dụ như các màu có độ phơi sáng, độ nhiễu và đổ bóng đậm nét…Sở dĩ có sự thành công khi sử dụng các mẫu màu sắc sáng tạo như vậy là vì ngày nay, các thiết bị có màn hình hiện đại hỗ trợ hiển thị màu tinh vi hơn bao giờ hết.

xu hướng thiết kế web 2017

Một thành công điển hình của việc sử dụng màu sắc táo bạo này là spotify. Họ đã chuyển đổi nhận diện thương hiệu từ màu xanh lá quen thuộc sang trường màu pha trộn hồng xanh tím sống động, dễ gây chú ý. Trang nhạc trực tuyến có đưa ra nhận xét về sự chuyển đổi đó rằng nó là sự thay đổi cần thiết khi họ muốn dịch chuyển thương hiệu của mình từ một công ty chuyên về công nghệ sang một thương hiệu hoàn toàn về âm nhạc.

  • Icon vẽ tay

Những icon xuất hiện trên trang web tuy ít nhưng lại mang tính năng quyết định. Khi các khách hàng tiềm năng nhìn thấy các icon quen thuộc trong nhiều trang web khác nhau họ sẽ cảm thấy tẻ nhạt và không mấy ấn tượng với các trang web đó. Lúc này, website nào có những thiết kế icon mang tính cá nhân, độc đáo website đó sẽ ghi điểm và gây được sự chú ý của khách hàng. Nhờ đó mà nhiệm vụ kêu gọi hành động (Call to action) từ khách hàng của website trở nên hiệu quả hơn, giúp tăng tỷ lệ chuyển đổi của web.

xu hướng thiết kế website năm 2017

  • Cuộn trang

Ngày nay, việc sử dụng smartphone đã trở nên quen thuộc với hầu hết mọi người. Do vậy, tính năng trượt cuộn trên điện thoại thông minh đã mang đến ý tưởng thiết kế web để người dùng có thể cuộn trang web và tận hưởng trải nghiệm thêm thoải mái, loại bỏ những click chuột phiền phức không cần thiết. Lúc này, trải nghiệm cuộn trên các landing page thêm phần thú vị bởi các thiết kế hấp dẫn của các phần chuyển tiếp, và các phần nội dung khác nhau.

xu hướng thiết kế web 2017

Thiết kế cuộn trang dần mở ra những cách tiếp cận doanh nghiệp mới cho người dùng, đơn giản, hiệu quả và ít phiền phức hơn trước.

(Tổng hợp từ webflow.com,zazzlemedia.co.uk, wix.com, envato.com)

Mời bạn tham khảo thêm dịch vụ thiết kế website của Sao Kim để cập nhật các xu hướng mới tốt nhất.

Nguồn: Sao Kim Branding

Chuyên gia hàng đầu về thương hiệu

Người viết Thanh Phương

Xem thêm những bài viết khác:

7 Xu hướng thiết kế website đáng chú ý năm 2017







Thiết Kế Annual Report Vinamilk 2018

Dự án Báo Cáo Thường Niên Vinamilk 2018 do Memilus thiết kế và in ấn




Xu hướng thiết kế website 2017 – Những lỗi cần tránh

Memilus Creative Agency

Brand - Ecommerce - App - Print

Xu hướng thiết kế website 2017 – Những lỗi cần tránh 106

Thiết kế website

Xu hướng thiết kế website cũng như xu hướng thời trang, sớm nở tối tàn. Một số xu hướng được quyết định bởi nhu cầu ví dụ như thiết kế responsive. Các xu hướng khác thể hiện sự dịch chuyển trong ngành sang thiết kế phẳng.
Quyết định đi theo các xu hướng thiết kế cần dựa vào nhu cầu của người dùng cũng như doanh nghiệp bạn. Nếu khi thiết kế website bạn chỉ dựa vào ý tưởng về một website sành điệu thì website đó sẽ nhanh chóng trở nên vô ích.
Vì vậy, cần cẩn thận khi áp dụng các xu hướng thiết kế cho website của chính doanh nghiệp bạn.

1. Ẩn tất cả nội dung site vào thanh Menu

Khi thiết bị di động ngày càng trở nên phổ biến, các nhà thiết kế muốn đơn giản hóa điều hướng và ẩn tất cả chúng trong thanh Menu. Dần dần, xu hướng đó len lỏi vào phiên bản desktop của website.
Như hình dưới, tất cả các nội dung điều hướng đều được ẩn vào thanh menu, người dùng cần phải click vào thanh đó thì các nội dung điều hướng mới bắt đầu hiện ra.

cẩn thận với 5 xu hướng thiết kế website 2017 sau
Các thiết kế như vậy khá bắt mắt, nó làm cho websie trở nên gọn và thoáng hơn rất nhiều. Và một điều tốt là khá nhiều người dùng đã quen với giao diện kiểu này khi sử dụng thiết bị di động nên họ không còn bỡ ngỡ trước phiên bản website. Nhưng điều này chưa chắc đã tốt cho tất cả cácsite, thậm chí nó có thể làm giảm lượng khám phá website.

Kiểu thiết kế này có thể không thích hợp đối với các trang về thương mại điện tử, các trang mới thành lập, những nơi khuyến khích người dùng khám phá các chủ đề mới cũng như các sản phẩm đăng bán. Chính vì vậy kiểu thiết kế mà ép người dùng mở thanh menu tìm hiểu có thể tạo ra cảm giác khó chịu.

cẩn thận với 5 xu hướng thiết kế website 2017 sau
Trên website của tạp chí Time bạn sẽ tìm thấy đa dạng các chủ đề mới được ẩn trong thanh menu. Tuy nhiên, Time giải quyết vấn đề cản trở quá trình tìm kiếm của người dùng bằng cách đặt ô tìm kiếm cùng chủ đề chính nằm phía trên khung những tin mới nhất.
Như đã chỉ ra từ trước, việc thiết kế và duy trì các thanh điều hướng là khá khó khăn trên website. Tuy nhiên, nó sẽ giúp các website hoạt động tốt hơn bởi nhóm các chuyên mụcđược trình bày cụ thể hỗ trợ người dùng hiểu website nhanh chóng, từ đó cải thiện trải nghiệm của họ hơn rất nhiều.
Dùng các thông tin sau để kiểm tra xem liệu việc ẩn hết các nội dung điều hướng có ổn cho website của doanh nghiệp bạn không?
– Tỷ lệ thoát: nếu tỷ lệ thoát trên trang chủ của bạn cao thì việc ẩn nội dung dưới menu bar không dành cho website của bạn.
– Ngoài ra bạn có thể kiểm tra số lượng click vào chính menu bar, nếu số lượng ít kèm với tỷ lệ thoát cao thì bạn nên để các categories hiện lên trên ngay trang chủ.
– Hành vi của người dùng chính là căn cứ để bạn xác định xem có nên sử dụng thanh điều hướng ẩn không.

2. Parallax Scrolling

Xuất hiện lần đầu tiên ở trang Nike better world, đây là kỹ thuật thiết kế tạo hiệu ứng 3 chiều, sống động. Khi người dùng cuộn trang những hình ảnh sẽ di chuyển song song theo chiều cuộn. Nó giúp doanh nghiệp truyền tải lại thông điệp một cách hiệu quả nhất đến người dùng bằng sự kết hợp của các yếu tố đồ họa (graphics).

cẩn thận với 5 xu hướng thiết kế website 2017 sau

Trong những năm gần đây, chúng ta thấy kỹ thuật này xuất hiện rất nhiều trên các trang web. Mặc dù đem lại những hiệu quả tốt, nhưng vẫn còn khá nhiều tranh cãi liệu nó có cải thiện trải nghiệm người dùng hay không?
Kỹ thuật Parallax có một vài vấn đề tiềm ẩn như sau:
– Không tốt cho SEO: một site sử dụng parallax scrolling có xu hướng chiếm dữ liệu của một trang, do vậy còn khá ít phần dành cho nội dung – thứ được tìm kiếm bởi các công cụ. Có thể nói phần text của site sẽ có xu hướng chuyển sang graphics.
– Có thể làm giảm khả năng hiện diện của website: do sử dụng nhiều graphics và Javascript nên dữ liệu trang khá nặng có thể gây ngắt quãng khi load. Đặc biệt khi sử dụng bằng thiết bị di động thời gian load trang trên điện thoại có xu hướng kéo dài khi kỹ thuật parallax được dùng bởi sức nặng của Javascript.
– Có thể ảnh hưởng tiêu cực đến người dùng: tạp chí Nghiên cứu khả năng sử dụng thực hiện khảo sát người dùng về các trang có sử dụng kỹ thuật Parallax. Phản hồi nhận lại của người dùng là có một số cá nhân cảm thấy mệt mỏi và có vấn đề về trải nghiệm khi tương tác với các website Parallax.
Mặc dù Parallax Scrolling có thể mang lại những hiệu ứng giúp website của bạn nổi bật hơn nhưng như đã đề cập, sẽ có một vài điểm yếu của nó mà nếu bạn muốn xây dựng website có khả năng hoạt động tốt cả trên desktop và mobile thì thực sự bạn không nên áp dụng parallax.

3. Màn hình load phức tạp

Nhớ lại cái thời bạn còn vào những website mở đầu bằng những hình hoạt động nhấp nháy rồi dần dần load đầy cả trang, bạn phải ngồi đợi khoảng thời gian đó để vào được một trang web hoàn chỉnh. Người dùng có thể sẽ bỏ qua những trang web mất hơn 10 giây để truy cập, và điều này ảnh hưởng rất nhiều đến doanh nghiệp bạn.

Cẩn thận với xu hướng thiết kế website năm 2017 sau
Nhiều người cho rằng việc để những đoạn film ở phần chào đầu của trang web có khả năng gây hấp dẫn đối với người dùng nhưng thực sự thì chúng ta chưa thể khẳng định bất cứ điều gì. Việc vào một trang web mà phải ngồi đếm thời gian loading đến 100% gây khá nhiều phiền phức, tẻ nhạt cho người dùng.

Cẩn thận với xu hướng thiết kế website năm 2017 sau
Tuy nhiên, có những trang web biết cách xây dựng trải nghiệm người dùng trên màn hình load một cách thú vị, thu hút sự chú ý của người dùng, bằng các yếu tố hấp dẫn như hình ảnh, âm nhạc. Nó giúp cho thời gian chờ đợi của người dùng bớt nhàm chán.

4. Qúa nhiều Javascript

Có vẻ như Javascript xuất hiện ở mọi nơi ngày nay bởi các tính năng đặc biệt của nó. Tuy nhiên Javascipt có thể làm chậm khả năng load của những trang web tốt. Và người dùng hầu như sẽ bỏ qua khi một trang web hoạt động quá chậm chạp.
Javascript có thể rất hữu ích và đa năng hơn các loại ngôn ngữ lập trình khác. Nó có thể giúp bạn tạo màn hình chờ và các yếu tố khác như sliders, và các công cụ chức năng khác. Tuy nhiên lạm dụng Javascript có thể tác động tiêu cực đến website của doanh nghiệp bạn ở một số điểm sau:
– Thời gian tải trang
– Trải nghiệm trên điện thoại có thể bị ảnh hưởng xấu
– Dễ dàng ảnh hưởng đến các bộ phận chức năng của một trang web chỉ vì một lỗi nhỏ
– Vấn đề về bảo mật
– Không tốt cho SEO
Sẽ không có vấn đề gì nếu bạn sử dụng Javascript đúng cách. Ngôn ngữ này có rất nhiều ưu điểm cho phép chúng ta cài đặt các tiện ích trên web. Tuy nhiên, giảm lượng sử dụng nó sẽ giúp cho trải nghiệm người dùng trên các thiết bị di động được tốt và mượt hơn.

5. Các mẫu chữ thiết kế rắc rối

Lời khuyên là không nên dùng quá 2 kiểu chữ. Quá nhiều kiểu chữ được sử dụng trong một site sẽ làm người dùng rối mắt, khiến site của bạn trông lộn xộn giảm thiểu sức truyền đạt.

Cẩn thận với xu hướng thiết kế website năm 2017 sau
Tuy nhiên, luật đặt ra là để phá vỡ, rất có thể nhiều kiểu chữ mà bạn dùng cho website đem lại hiệu quả tốt. Dưới đây là vài tips giúp bạn phối kết hợp các kiểu font sao cho hiệu quả:
– Thí nghiệm với các loại font mà thể hiện tính chất, phong cách nhận diện thương hiệu của bạn.
– Kết hợp font và kiểu chữ mà phù hợp với nhau hoặc tương phản hoàn toàn để tạo hứng thú, thú vị cho người đọc. Ngoài ra bạn cũng cần để ý tới ý nghĩa mà font hoặc kiểu chữ đối với cảm xúc của người dùng. Mọi người có những phản ứng khá giống nhau với font như với màu sắc. Bạn có thể tin hoặc không nhưng cảm xúc có liên hệ chặt chẽ với typography. Ví dụ như các font chữ có chân tạo cảm giác trang trọng còn font chữ không chân lại khiến người ta thêm tin cậy.
– Nếu bạn muốn doanh nghiệp mình được nhìn nhận theo phong cách truyền thống hãy chọn font chữ có chân, theo phong cách ổn định thì font không chân là lựa chọn tốt nhất.

Một nhà thiết kế tốt là một người luôn hoài nghi. Sau tất cả, mỗi khi có những xu hướng thiết kế mới bạn nên xem xét chúng từ nhiều góc độ trước khi đi theo phong trào đám đông.

Nếu cần tư vấn chuyên sâu hơn về thiết kế website, bạn có thể liên hệ với các chuyên gia của chúng tôi.

Nguồn: awwwards.com

Nguồn: Sao Kim Branding

Chuyên gia hàng đầu về thương hiệu

Người viết Thanh Phương

Xem thêm những bài viết khác:

Xu hướng thiết kế website 2017 – Những lỗi cần tránh







Thiết Kế Annual Report Vinamilk 2018

Dự án Báo Cáo Thường Niên Vinamilk 2018 do Memilus thiết kế và in ấn