Designer

Tại sao Team Design cần một Design Hub?

content2 — Mon, 07 Nov 2022 09:35:03 +0000

Tại sao Team Design cần một Design Hub? content2 T2, 11/07/2022 - 16:35 Cảm hứng thiết kế sáng tạo

Công nghệ gắn liền với cuộc sống, vậy nên, nó phải bắt kịp với nhịp sống. Tuy nhiên, đứng dưới góc nhìn từ những người chịu trách nhiệm cho những sản phẩm ấy, đôi khi chúng ta kiệt sức và những hành vi “máy móc” trong công việc cũng sẽ khiến chúng ta mất đi những kỹ năng mềm cần thiết.

Sản phẩm của chúng ta được thiết kế dựa trên nhu cầu của người khác, nhưng khi không có sự đồng cảm, thấu hiểu chúng ta không thể thực sự hiểu vì sao họ có nhu cầu ấy là gì, hay cơ hội nào tiềm năng và không tiềm năng. Bởi vậy, bỏ qua sức khỏe tâm lý trong nội bộ cũng sẽ ảnh hưởng trực tiếp tới chất lượng sản phẩm mà chúng ta xây dựng.

Một vấn đề phổ biến

Trong nhiều doanh nghiệp, bộ phận nhân sự (HR) thường phải đau đầu vì số nhân sự gắn bó với doanh nghiệp bị thấp. Với một số doanh nghiệp, vấn đề ấy kéo dài nhiều năm nhưng vẫn không tìm ra cách giải quyết.

Nguyên nhân của việc này vì sự thiếu hài lòng của nhân viên đối với vị trí hoặc văn hóa trong công ty. Các doanh nghiệp thường bỏ phí thời gian và tài năng của nhân sự để làm những báo cáo số khô khan. Kèm theo đó, HR hiếm khi gần gũi với các nhân sự khác trong công ty. Tình trạng bổ phiến đó là mất kết nối, vác nhân sự mất kết nối với nhau, hay nhân sự mất kết nối với mục tiêu và tầm nhìn của doanh nghiệp. Họ không biết với tư cách là một tập thể, tập thể này đang làm gì, đang cố gắng vì điều gì. Điều này xảy ra thường do tổ chức thiếu văn hóa doanh nghiệp, họ thiếu một danh tính cho tập thể ấy.

Design hub là gì?

Đầu tiên, design hud không phải là một hệ thống hay công cụ thiết kế. Một design hud là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.

Nhiều công ty lớn đã có những trang riêng trên website để highlight những dự án nổi bật, nguyên tắc làm việc và đội ngũ nhân sự mà họ tự hào. Thế nhưng, đó chỉ là những thứ chúng ta truyền thông ra bên ngoài, nó không thực sự tác động vào bên trong.

Điểm độc đáo mà một design hud có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm.

Làm sao để bắt đầu?

Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:

Thứ nhất, chúng ta phải cùng cam kết sẽ chấp nhận nhiều rủi ro hơn, đón nhận những ý tưởng mới. Việc này nhằm tránh việc ý tưởng đổi mới bị gạt bỏ hoặc biến dạng do thói quen làm việc máy móc.

Thứ hai, chúng ta cần trao đổi thương xuyên, ghim những ý tưởng mới hằng tuần. Điều này sẽ duy trì ngọn lửa nhiệt huyết của nhóm, đồng thời tạo sự phát triển lành mạnh cho cả doanh nghiệp và dự án.

Thứ ba, chúng ta phải đưa một số trong những ý tưởng ấy vào thực tế. Bởi nếu ý tưởng được đưa ra những chỉ được ghim lại và không sử dụng, lần tới sẽ không có ai muốn đưa thêm ý tưởng nữa. Hơn nữa, ý tưởng hay nên được ứng dụng, cho nó có cơ hội cải thiện quy trình và sản phẩm mà chúng ta làm.

Đọc thêm: Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design)

Làm sao để có thành viên tham gia?

Khi mới xây dựng design hub, có thể sẽ có những thành viên không muốn tham gia, điều ấy hết sức bình thường. Tuy nhiên, chúng ta vẫn nên chia sẻ với đội ngũ về tại sao chúng ta làm vậy, nó có ích lợi gì cho cả tập thể và cá nhân. Với nhu cầu phát triển bản thân, kết nối với người có cùng tầm nhìn, chắc chắn sẽ có nhiều thành viên muốn tham gia.

Khi đã thu hút được sự chú ý, chúng ta sẽ biết cụ thể chúng ta sẽ làm gì trong hud. Trong bộ máy doanh nghiệp đang gặp vấn đề gì? quy trình thiết kế có cần cải thiện không? Hãy đem những thứ ấy ra thảo luận. Sau cùng chúng ta sẽ có giải pháp cho bộ máy, đồng thời, có thể hướng cả tập thể theo một mục tiêu chung.

Xây dựng và phát triển với tầm nhìn từ bên trong?

Để có được tầm nhìn cho hud, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.

Sơ đồ này sẽ là nền tảng để chúng ta tìm ra tầm nhìn chung của nhóm. Từ đó, toàn bộ công việc như lên kế hoạch, thiết kế, đặt câu hỏi, thử nghiệm,...đều được bắt đầu và triển khai theo tầm nhìn chung. Đó sẽ là mục tiêu chung của nhóm, giúp các thành viên hiểu rõ thứ mình đang làm và vì sao mình làm nó.

Với sơ đồ ấy, khi chúng ta làm việc với đối tác hay nhà đầu tư, chúng ta có thể rõ ràng về quan điểm, giải pháp, từ đó khiến họ cảm thấy an toàn và tin tưởng khi làm việc với chúng ta hơn.

Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:

Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.
Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.
Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...
Hệ sinh thái người dùng

Và ở cấp độ nhân sự:

Tầm nhìn chung cho cả nhóm
Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên
Kho kiến thức được chia sẻ từ thành viên
Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng
Mục tiêu và thành tích của mỗi tháng

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Như chúng ta đã đề cập ở đầu bài viết, doanh nghiệp thường quá tập trung vào sản phẩm và những mục tiêu bắt kịp thị trường. Thế nhưng, nó cũng tạo ra vấn đề cho chính những sản phẩm và quy trình mà chúng ta thực hiện.

Có thể chúng ta tự hào vì mình được làm việc trong một tập đoàn lớn, nhưng thực tế, chúng ta không làm thứ gì đặc biệt ngoài những thứ chúng ta phải làm. Sự đổi mới chỉ có thể được tạo ra khi chúng ta thoát khỏi tư duy ấy và bắt đầu nghĩ về những tầng sâu hơn của công việc. Tại sao chúng ta làm công việc này?

Nó có tác động gì tới những thứ xung quanh?

Design hub không phải là chìa khóa quyết định thành công, nhưng nó là phương tiện giúp chúng ta đến với thành công nhanh hơn. Design hud sẽ giúp doanh nghiệp xây dựng văn hóa, như Adam Bryant từng chia sẻ:

“Xây dựng một đội ngũ nhân sự không phải là tìm một nhóm những người có những kỹ năng chuyên nghiệp, mà thật sự nó là những câu hỏi rằng: Chúng ta đang đi đâu? Và làm sao để chúng ta đến đó?”

Designer Design hệ thống thiết kế Hợp tác

Sống trong môi trường doanh nghiệp, những nhà thiết kế và phát triển sản phẩm số như chúng ta có những task list dài vô tận.

Một vấn đề phổ biến

Design hub là gì?

Đầu tiên, design hub không phải là một hệ thống hay công cụ thiết kế. Một design hub là một cộng đồng. Nó là nơi chúng ta gặp gỡ mọi người, trao đổi những vấn đề xung quanh thiết kế và phát triển sản phẩm. Hơn thế nữa, nó có thể là nơi chúng ta cùng chia sẻ về tâm nhìn, suy nghĩ, những ý tưởng hay, những trải nghiệm và cả những thứ chúng ta kỳ vọng cho sự nghiệp. Một design hud sẽ trở thành nơi nắm giữ tinh thần của nhóm, tạo ra những giá trị cốt lõi để các thành viên tận tâm với công việc.

Điểm độc đáo mà một design hub có thể mang lại đó là sự kết nối chặt chẽ giữa nhân sự với nhân sự và giữa nhân sự với doanh nghiệp. Với một đội ngũ nhân sự sẵn sàng chia sẻ tầm nhìn, quan điểm, kinh nghiệm, nó sẽ thúc đẩy công việc, thúc đẩy tính sáng tạo và đổi mới. Hãy tưởng tượng khả năng vô tận mà một tập thể gắn kết có thể làm.

Làm sao để bắt đầu?

Để bắt đầu tạo ra một design hud, chúng ta cần xét tới 3 yếu tố:

Đọc thêm: Tìm hiểu về thiết kế trải nghiệm người dùng (UX Design)

Làm sao để có thành viên tham gia?

Xây dựng và phát triển với tầm nhìn từ bên trong?

Để có được tầm nhìn cho hub, chúng ta cần cân nhắc tới tầm nhìn chung của công ty, các dự án chúng ta phát triển và tất cả những nhu cầu, thế mạnh của đội ngũ. Hãy khám phá những vấn đề ấy như thể chúng ta chưa biết gì về chúng, đưa chúng vào một sơ đồ để có thể nhìn rõ được tổng thể và nhận ra những vấn đề quan trọng.

Dưới đây là một số lợi ích có thể nhận được từ việc có một sơ đồ tầm nhìn ở cấp độ tài liệu:

Hiểu rõ hơn về cấu trúc nhân sự, với những vai trò, năng lực cụ thể. Điều này rất quan trọng để có thể chọn ra nhận sự phù hợp khi tuyển dụng nhân sự mới.
Quy trình rõ ràng, cho chúng ta biết chúng ta đang ở đâu trong dự án, cũng như có thể nhìn rõ tổng thể cả dự án.
Công cụ thiết kế như framework, artifact, phần mềm, ứng dụng,...
Hệ sinh thái người dùng

Và ở cấp độ nhân sự:

Tầm nhìn chung cho cả nhóm
Hiểu về nhu cầu, suy nghĩ về công việc của từng thành viên
Kho kiến thức được chia sẻ từ thành viên
Những cuộc thảo luận về phương pháp, xu hướng, ý tưởng
Mục tiêu và thành tích của mỗi tháng

Đọc thêm: Hệ thống thiết kế (Design System) — Nghệ thuật để mở rộng thiết kế

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Nó có tác động gì tới những thứ xung quanh?

Tận Dụng Các Mô Hình Nhận Thức Vào Thiết Kế Sản Phẩm p2 Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1 Tích hợp, tối đa hoá, vận hành, và nhất quán môi trường số trong doanh nghiệp Chuyển đổi số - Chìa khoá từ các nhà lãnh đạo tạo nên tăng trưởng doanh thu hơn 5 lần Creative Agency Model - Khám phá các mô hình Agency sáng tạo mới Quan điểm "không có cửa cho dân làm sáng tạo ở Hà Nội " có làm bạn nản lòng? Kiểm soát thiết kế của bạn với góc nhìn trục Z trong thiết kế phẳng

Off

Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ

content2 — Mon, 08 Aug 2022 10:01:50 +0000

Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ content2 T2, 08/08/2022 - 17:01 UX/UI

Ngày nay, khi chúng ta nói về graphic design chúng ta sẽ nghĩ tới in ấn, trong khi digital design là những thiết kế được hiển thị trên thiết bị điện tử. Tuy nhiên, hai phạm trù ấy vẫn có những điểm chung và thường xuyên phải kết hợp trong nhiều dự án. Để đáp ứng nhu cầu, nhiều graphic designer ngày nay cũng sẽ biết cả digital design. Để hiểu rõ hơn, chúng ta sẽ tìm hiểu về công việc của các digital designer qua bài viết này.

CÁC THUẬT NGỮ CỦA DIGITAL DESIGN

UX design

Trải nghiệm người dùng (UX) là một phần lớn và thú vị của thiết kế. Chỉ riêng nó có thể tạo ra mọt khác biệt, quyết định thành công hoặc thất bại của sản phẩm. UX bao gồm tất cả những cảm xúc và tương tác mà người dùng có với một sản phẩm hoặc dịch vụ.

Việc thiết kế trải nghiệm người dùng là tham gia vào tất cả các bước mà người dùng có thể có với sản phẩm để xác định trải nghiệm của họ. Nó bao gồm các công việc như nghiên cứu, thiết kế và phát triển sản phẩm, để tạo ra trải nghiệm tối ưu nhất cho khách hàng.

UI design

Giao diện người dùng (UI) luôn song hành với trải nghiệm người dùng. Nếu trải nghiệm người dùng là trải nghiệm chúng ta có với sản phẩm thì giao diện người dùng là thiết kế của sản phẩm. Giao diện người dùng bao gồm các nút, text, hình ảnh, cùng mọi thứ hiển thị trên sản phẩm. Mục tiêu của nó là đảm bảo sản phẩm mà chúng ta phát triển không chỉ có thiết kế đẹp mà còn là phục vụ những mục tiêu cụ thể về nhận diện, thương hiệu.

IA (Information Architecture)

Cấu trúc thông tin là cách nội dung thông tin được sắp xếp và tổ chức trên một trang. IA tập trung tạo một cấu trúc nội dung tối ưu nhất cho người dùng dễ dàng được điều hướng và tìm thấy bất cứ thông tin gì họ cần.

NHỮNG KIỂU DIGITAL DESIGNER

Graphic designers

Như đã đề cập, graphic design thường liên quan tới in ấn, những nó cũng là thuật ngữ được sử dụng cho nhiều công việc thiết kế khác. Trong giới hạn bài viết này, chúng ta có thể coi graphic designer cũng là digital designer. Họ là những người thế kế những thiết kế tĩnh như logo, inforgraphic, minh họa, etc.

Web designers

Công việc của web designer là thiết kế giao diện cho các website. Kiến thức của họ tập trung vào UX/UI, layout, typography, màu sắc và mọi element xuất hiện trên website.

Mobile designers

Để trở thành mobile designer, bạn cần nhận thức về cách người dùng sử dụng thiết bị di động của họ, đồng thời, bạn cũng cần cập nhật những xu hướng công nghệ mới. Vì thiết bị di động có nhiều hệ điều hành cùng nhiều kích thước màn hình khác nhau, hiểu sự phức tạp ấy là điều quan trọng đối với mobile designer.

UX designers

UX designer chủ yếu tập trung vào những câu hỏi tại sao, cái gì và như thế nào, để hiểu động lực, hành vi và thói quen của người dùng. Họ thường xuyên thực hiện các nghiên cứu về người dùng, kiểm tra khả năng sử dụng và tính năng của sản phẩm.

UI designers

UI designer là những người thiết kế những giao diện của các thiết kế digital. Họ thường là những người tạo ra các hệ thống thiết kế để quy định về cách các element được sử dụng trên các giao diện website, ứng dụng nhằm cho thiết kế của những sản phẩm ấy được thống nhất.

Product designers

Đây là một vai trò mới trong ngành. Trong nhiều công ty, vai trò này gắn chặt với UX designer, tuy nhiên, công việc của họ không chỉ xoay quanh trải nghiệm người dùng. Họ là những người quyết định sản phẩm nên hoạt động như thế nào, hay nó nên cung cấp gì cho người dùng.

Interaction designers

Công việc của interaction designer là tham gia xây dựng một trải nghiệm tối ưu hơn khi người dùng trải nghiệm các sản phẩm như website hay ứng dụng. Một ví dụ đơn giản là khi người dùng tìm một nút trên giao diện, interaction designer đảm bảo nó phải được hiển thị một cách trực quan, cho người dùng dễ dàng nhận biết.

Animation designers

Công việc của họ nằm giữa graphic desgn và video editing. Animation designer tạo những đồ họa chuyển động phù hợp cho yêu cầu của các thiết kế digital, ví dụ như những chuyển động chuyển trang, di chuyển hoặc thay đổi hình dạng element.

CỘNG CỤ NÀO DIGITAL DESIGNERS SỬ DỤNG?

Adobe Creative Cloud

Adobe là cái tên quen thuộc trong thế giới digital. Họ là công ty cung cấp phầm mềm thiết kế lâu đời. Dù giá của các phầm mềm này tương tối đắt nhưng bởi sự hữu dụng, họ cũng không thể bị thay thế. Adobe có rất nhiều phần mềm phục vụ cho nhiều mục đích thiết kế khác nhau, một số phềm mềm phổ biến có thể nhắc tới như Adobe Illustrator, Adobe Photoshop, Adobe InDesign, Adobe After Effects và Adobe XD.

GIMP

Nếu bạn mới bắt đầu tìm hiểu về thiết kế, các công cụ của Adobe có thể khiến bạn choáng ngợp, bối rối khi sử dụng. Tuy nhiên, với một giao diện đơn gian, GIMP sẽ khiến việc tìm hiểu và sử dụng dễ dàng hơn rất nhiều. Đồng thời, với mức giá phải chăng, nó cũng sẽ là lựa chọ hợp lý cho những beginner.

Sketch

Trong nhiều năm, Sketch đã là lựa chọn hàng đầu của nhiều interface designer. Những người dùng Sketch chủ yếu là UX/UI designer, dùng để thiết kế website hoặc mobile app. Tuy nhiên, Sketch chỉ tích hợp trên các thiết bị của Apple.

Figma

Figma, giống như Adobe XD, họ cung cấp một bản miễn phí với đầy đủ tính năng. Về công năng, nó là một web app có hiệu suất nhanh hơn hẳn so với Sketch và các công cụ tương tự. Bên cạnh đó, nó chạy trên mọi hệ điều hành.

digital design UX/UI Designer Digital agency thiết kế thiết kế giao diện

Digital design đã trở thành một phạm trù thiết kế không thể thiếu trong bối cảnh hiện đại, nhưng liệu bạn đã biết tất cả các kiến thức liên quan chưa? Bài viết này sẽ đem đến cho bạn những khái niệm đó một cách ngắn gọn nhất.

Các thuật ngữ của digital design

UX design

UI design

IA (Information Architecture)

Những kiểu digital designer

Graphic designers

Web designers

Mobile designers

UX designers

UI designers

Product designers

Interaction designers

Animation designers

Công cụ nào được sử dụng bởi digital designer

Adobe Creative Cloud

GIMP

Sketch

Figma

Hình khối trong Thiết kế Web: Tâm lý học và Nhận thức thị giác 9 nguyên tắc phải biết khi nghiên cứu thiết kế (Design Research) Nghiên cứu hành vi người dùng bằng phương pháp 5 Tại sao Tối ưu CX (trải nghiệm khách hàng) với sơ đồ hành trình khách hàng (CJM) Designer cần biết gì về những loại nghiên cứu thiết kế để bắt đầu? Bạn đã biết về Quy tắc thiết kế UI cho website?

Off

Xu Hướng Thiết Kế Website 2018 - 2020

hapham — Sat, 23 Dec 2017 02:59:39 +0000

Xu Hướng Thiết Kế Website 2018 - 2020 hapham T7, 12/23/2017 - 09:59 Cảm hứng thiết kế sáng tạo

01 Minimal – trường phái tối giản

Xu hướng này vẫn đang được duy trì mang tính đương đại, loại bỏ các chi tiết thừa như khối, viền và một số thông tin cấp 2 sẽ được chuyển vào bước 2 như hover, popup hoặc detail. Màu sắc đơn giản hoá dùng đơn sắc tương phản sắc độ. Thành phần giờ còn lại typo, image chủ đạo và các khoảng thoáng.

Project:Divenamic
by Vintage from Ukraine

Project: Marc Gonçalves
by Marc Gonçalves from France

Project: 201˚ BRAND SITE
by SHIFTBRAIN Inc.from Japan

02 Hình minh hoạ

Sau hình ảnh, video giờ đây chất liệu illustrator được tận dụng để truyền tải nội dung một cách trực quan đơn giản. Tuy nhiên, illustrator giúp tiết kiệm chi phí sản xuất cũng như khả năng lồng ghép ý đồ vào thiết kế.

Project: Ruya profile
Design by RUYA

Project: Bloom
Design by Griflan

Project: House At Khlebny
by Vide Infra from Latvia

03 Landing page

Cấu trúc nội dung web dần thay đổi, mô hình cũ với layout có cấu trúc nhất quán nhường đất cho mô hình phi cấu trúc. Nó giúp hiển thị nội dung linh hoạt hơN đến từng tập người dùng đồng thời tăng tỷ lệ chuyển đổi trong chiến lược digital marketing.

Project: Caykur – Redesign Landing Page
by Alper Tornaci on Sep 16, 2017

Project: A Digital Volcano
by Gin Lane from U.S.A.

Project: Psikontacto
by Bürocratik from Portugal

04 Bố cục tự do

Creative và impressive là cảm nhận đầu tiên với loại website này tuy nhiên tính ứng dụng không cao vì rất khó thể hiện cũng như kén người xem. Ở một số lĩnh vực như lifestyle và entertainment thì nó là sự lựa chọn mới lạ của designer.

Project: Air France Music
by BETC Digital Studio from France

Project: IGK
by Domani Studios from U.S.A.

05 Video story

Cùng với xu hướng truyển thông và marketing bằng video, việc ứng dụng chất liêu này vào thiết kế web là trào lưu tất yếu. đặc tính là khả năng truyển tải thông điệp rõ ràng lôi cuốn và thực sự ấn tượng.

Project: A Ghost Store
by Watson/DG from U.S.A.

Project: Evert_45 blogs from the past
by Superhero Cheesecake from Netherlands

Project: Volta Lofts
by LOOVVOOL (Hong Kong – Macau)

06 Fullframe thiết kế tràn khung

Fullframe dạng thiết kế đã có từ rất lâu ngay từ khi web flash thịnh hành. Nhưng giờ đây với những công nghệ như CSS3, HTML5, JS đã giúp cho loại thiết kế này sự linh hoạt hơn trong trải nghiệm người dùng. Xu hướng thiết kế này tận dụng tối đa sự vào ra nội dung trên khung hình

Project: Hannah Purmort
by Grave from U.S.A.

Project: Fauteuils de l’Opéra de Paris
by Rezo Zero from France

07 Gradient

Toàn nhưng thứ xưa như trái đất tuy nhiên nó đã quay trở lại âm thầm lặng lẽ ở một số chi tiết như background, buttom … trường phái tối giản đã làm cho mọi thứ mất dần cảm xúc thì tiếp đây chắc sẽ là những ngày mùa của màu sắc

Project: magic.co landing page concept
by Ludmila Shevchenko

Project: Hair salon landing page
by Divan Raj

Project: The Engine
by Upstatement from U.S.A.

08 Humanist Typeface

Loại typeface này dần được lựa chọn nhiều hơn vì cảm giác thân thuộc mà nó mang lại. Tương tự như nét chữ chúng ta viết. Có lẽ những thứ khô khan đang bắt đầu nhường chỗ cho thiết kế nhân bản. Con người đang có gắng tìm lại mình trong dòng chảy công nghệ.

Project: Future Library 2014 — 2114
by Hello Monday from U.S.A.

Project: RSQ
by RSQ from U.S.A.

Project: Piero Milano
by AQuest from Italy

09 Tăng tương phản font

Trào lưu quá tay này có thể nhận ra ở một số UI bạn dùng hàng ngày đó là cách chơi typo ở ios11 . Title đậm hơn dày hơn và to hơn. thiết kế này giúp nhấn mạnh thông điệp ở từng frame, phù hợp khi bạn tối giản nội dung và quá nhiều khoảng trống

Project: Aristide Benoist – Portfolio
by aristidebenoist from France

Project: Jenny Johannesson – Portfolio
by Jenny Johannesson from U.S.A.

Project: Impero Website
by Impero from United Kingdom

10 SVG

Là thành phần đồ hoạ được nhúng lên web. Thời điểm trước chỉ đơn giản là icon logo, hiện nay svg ứng dụng ở phần chia khối, bo hình, minh hoạ, background. với việc sử dụng svg chúng giúp hiển thị tốt trên các thiết bị, tạo ra đường nét mềm mại hơn, hỗ trợ tạo animation bắt mắt nhất.

Project: Inside The Head
by Sara Svensson from Sweden

Project: E-commerce shop UI
by Giga Tamarashvili

Project: Heco Partners
by Heco from U.S.A.

Tổng kết

Trên đây là một số dự đoán dòng dịch chuyển mạnh của xu hướng thiết kế websitenăm 2018. Với những ai từng tham gia lĩnh vực phát triển web đều có thể có cho mình một số nhận định cho năm tới. Tuy nhiên xu hướng chỉ là một trong những yếu tố để đưa sản phẩm dễ gần với khách hàng và người xem đúng thời điểm, còn tầng sâu của nó vẫn là tổng hòa của các yếu tố đúng như đúng định hướng, đúng khách hàng, đáng nhu cầu, đúng nội dung, đúng phong cách, đúng cảm nhận.

Chúc anh chị em trong ngành kế thừa và tạo ra được những xu hướng mới của mới.

Creative Creative Agency Design Designer Fullframe Gradient Hot Trend Humanist Typeface Landing page Minimal SVG thiết kế Thiết kế Web Thiết kế Website trend Trending xu hướng Xu hướng thiết kế

=> Tại sao Website quan trọng với doanh nghiệp?

1. Minimal – trường phái tối giản

Xu hướng này vẫn đang được duy trì và mang đầy tính đương đại, loại bỏ các chi tiết thừa như khối, viền và một số thông tin cấp 2 sẽ được chuyển vào bước 2 như hover, popup hoặc detail. Màu sắc đơn giản hoá, dùng màu đơn sắc với tương phản về sắc độ, sử dụng nhiều khoảng trắng với typo và hình ảnh làm chủ đạo.

Project:Divenamic
by Vintage from Ukraine

Project: Marc Gonçalves
by Marc Gonçalves from France

Project: 201˚ BRAND SITE
by SHIFTBRAIN Inc.from Japan

2. Hình minh hoạ

Sau hình ảnh và video, giờ đây chất liệu minh hoạ được tận dụng để truyền tải nội dung một cách thú vị nhưng vẫn đơn giản trực quan. Bên cạnh đó, hình minh hoạ cũng giúp tiết kiệm chi phí sản xuất, với khả năng chủ động để lồng ghép ý đồ vào thiết kế.

Xem thêm: Lựa Chọn Hình Ảnh Cho Website Doanh Nghiệp

Project: Ruya profile
Design by RUYA

Project: Bloom
Design by Griflan

Project: House At Khlebny
by Vide Infra from Latvia

3. Landing page

Giao diện web đang dần thay đổi, giao diện cũ với nội dung dày đặc, cấu trúc chặt chẽ nhường đất cho những giao diện phi cấu trúc, thoáng mắt. Nó giúp truyền tải nội dung trực quan hơn, linh hoạt và phù hợp với nhiều tập người dùng, tăng tỷ lệ chuyển đổi trong chiến lược digital marketing.

Project: Caykur – Redesign Landing Page
by Alper Tornaci on Sep 16, 2017

Project: A Digital Volcano
by Gin Lane from U.S.A.

Project: Psikontacto
by Bürocratik from Portugal

4. Bố cục tự do

Sáng tạo và ấn tượng là cảm nhận đầu tiên với loại website này. Tuy tính ứng dụng không cao nhưng với một số lĩnh vực như lifestyle và entertainment, nó sẽ là sự lựa chọn mới lạ, làm mới trải nghiệm người dùng.

Project: Air France Music
by BETC Digital Studio from France

Project: IGK
by Domani Studios from U.S.A.

5. Video story

Cùng với xu hướng truyển thông và marketing bằng video, việc ứng dụng chất liệu này vào thiết kế web là xu hướng tất yếu. Ưu điểm là khả năng truyển tải thông điệp rõ ràng, lôi cuốn, dễ dàng gây ấn tượng cho người dùng.

Project: A Ghost Store
by Watson/DG from U.S.A.

Project: Evert_45 blogs from the past
by Superhero Cheesecake from Netherlands

Project: Volta Lofts
by LOOVVOOL (Hong Kong – Macau)

6. Fullframe thiết kế tràn khung

Fullframe dạng thiết kế đã có từ rất lâu ngay từ khi web flash thịnh hành, nhưng giờ đây với những công nghệ như CSS3, HTML5, JS đã giúp phong cách thiết kế này trở nên linh hoạt hơn, tận dụng tối đa sự ra vào nội dung trên khung hình, tạo ra những trải nghiệm thú vị.

Project: Hannah Purmort
by Grave from U.S.A.

Project: Fauteuils de l’Opéra de Paris
by Rezo Zero from France

7. Gradient

Là thứ xưa như trái đất tuy nhiên nó đã quay trở lại âm thầm lặng lẽ, ứng dụng với một số chi tiết như background, buttom… trường phái tối giản đã làm cho mọi thứ mất dần cảm xúc thì tiếp đây, gradient chắc chắn sẽ làm website những ngày tới tràn đầy màu sắc.

Project: magic.co landing page concept
by Ludmila Shevchenko

Project: Hair salon landing page
by Divan Raj

Project: The Engine
by Upstatement from U.S.A.

8. Humanist Typeface

Bởi mang lại cảm giác thân thuộc, có nét tương đồng với nét chữ viết, typeface Humanist đang dần được lựa chọn nhiều hơn. Có lẽ những thứ khô khan đang bắt đầu nhường chỗ cho thiết kế mang nét con người hơn, như cách con người đang cố gắng tìm lại mình trong dòng chảy công nghệ.

Project: Future Library 2014 — 2114
by Hello Monday from U.S.A.

Project: RSQ
by RSQ from U.S.A.

Project: Piero Milano
by AQuest from Italy

09 Tăng tương phản font

Trào lưu quá tay này có thể nhận ra ở một số UI bạn dùng hàng ngày, bởi đó là cách chơi typo ở iOs11. Title đậm hơn, dày hơn và to hơn. Thiết kế này giúp nhấn mạnh thông điệp ở từng frame, phù hợp khi bạn tối giản nội dung, có nhiều khoảng trống

Project: Aristide Benoist – Portfolio
by aristidebenoist from France

Project: Jenny Johannesson – Portfolio
by Jenny Johannesson from U.S.A.

Project: Impero Website
by Impero from United Kingdom

10. SVG

Là thành phần đồ hoạ được nhúng lên web, thời điểm trước chỉ đơn giản là icon logo, hiện nay svg ứng dụng ở phần chia khối, bo hình, minh hoạ, background. Việc sử dụng svg giúp hiển thị tốt trên các thiết bị, tạo ra đường nét mềm mại hơn, hỗ trợ tạo animation bắt mắt.

Project: Inside The Head
by Sara Svensson from Sweden

Project: E-commerce shop UI
by Giga Tamarashvili

Project: Heco Partners
by Heco from U.S.A.

Xem thêm các bài viết về Chiến lược Marketing tại đây.

Tổng kết

Trên đây là một số dự đoán dòng dịch chuyển mạnh của xu hướng thiết kế website năm 2018. Những ai từng tham gia lĩnh vực phát triển web đều có thể có cho mình một số nhận định cho năm tới. Tuy nhiên xu hướng chỉ là một trong những yếu tố để đưa sản phẩm dễ dàng đến với người dùng, còn tầng sâu của nó vẫn là tổng hòa của các yếu tố, đánh đúng mục tiêu, đúng khách hàng, với đúng nội dung, đúng phong cách.

Chúc các bạn trong ngành có thể kế thừa và tạo ra được những xu hướng mới của mới.

Tận Dụng Các Mô Hình Nhận Thức Vào Sản Phẩm Thiết Kế p1 Những nguyên tắc Gestalt - Khai thác quy luật thị giác trong thiết kế UI Tâm lý học Màu sắc và ứng dụng trong thiết kế Tại sao Website quan trọng với doanh nghiệp? Kiểm soát thiết kế của bạn với góc nhìn trục Z trong thiết kế phẳng Series: Typography trong quy trình xây dựng trải nghiệm số #1: Lựa chọn font chữ Series: Typography trong quy trình xây dựng trải nghiệm số #3: Ứng dụng trong thiết kế website/App

Off

Designer

Tại sao Team Design cần một Design Hub?

Một vấn đề phổ biến

Design hub là gì?

Làm sao để bắt đầu?

Làm sao để có thành viên tham gia?

Xây dựng và phát triển với tầm nhìn từ bên trong?

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Sống trong môi trường doanh nghiệp, những nhà thiết kế và phát triển sản phẩm số như chúng ta có những task list dài vô tận.

Bài viết liên quan

Một vấn đề phổ biến

Design hub là gì?

Làm sao để bắt đầu?

Làm sao để có thành viên tham gia?

Xây dựng và phát triển với tầm nhìn từ bên trong?

Loại bỏ tư duy khô khan bằng cách tạo một cộng đồng

Kiến thức cơ bản về digital design — các thuật ngữ, loại, công cụ

CÁC THUẬT NGỮ CỦA DIGITAL DESIGN

UX design

UI design

IA (Information Architecture)

NHỮNG KIỂU DIGITAL DESIGNER

Graphic designers

Web designers

Mobile designers

UX designers

UI designers

Product designers

Interaction designers

Animation designers

CỘNG CỤ NÀO DIGITAL DESIGNERS SỬ DỤNG?

Adobe Creative Cloud

GIMP

Sketch

Figma

Bài viết liên quan

Các thuật ngữ của digital design

UX design

UI design

IA (Information Architecture)

Những kiểu digital designer

Graphic designers

Web designers

Mobile designers

UX designers

UI designers

Product designers

Interaction designers

Animation designers

Công cụ nào được sử dụng bởi digital designer

Adobe Creative Cloud

GIMP

Sketch

Figma

Xu Hướng Thiết Kế Website 2018 - 2020

01 Minimal – trường phái tối giản

02 Hình minh hoạ

03 Landing page

04 Bố cục tự do

05 Video story

06 Fullframe thiết kế tràn khung

07 Gradient

08 Humanist Typeface

09 Tăng tương phản font

10 SVG

Tổng kết

1. Minimal – trường phái tối giản

2. Hình minh hoạ

3. Landing page

4. Bố cục tự do

5. Video story

6. Fullframe thiết kế tràn khung

7. Gradient

8. Humanist Typeface

09 Tăng tương phản font

10. SVG

Tổng kết