Kiến thức thiết kế

Trong lĩnh vực thiết kế đồ họa và trực quan, 3D Isometric (còn được gọi là 3D Isometric Projection) đã trở thành một xu hướng nổi bật trong thời gian gần đây. Phong cách này cho phép người dùng tạo ra các hình ảnh và mô hình 3D mà không gian trở nên phối hợp, gọn gàng và độc đáo. Trên thực tế, việc sử dụng 3D Isometric đã mở ra một loạt cơ hội sáng tạo trong nhiều ngành công nghiệp, từ thiết kế đồ họa, quảng cáo, đến game và kiến trúc. Bài viết này sẽ điểm qua những ứng dụng và lợi ích của 3D Isometric hiện nay. Ứng dụng của 3D Isometric 1. Thiết kế đồ họa và giao diện người dùng 3D Isometric tạo ra góc nhìn độc đáo cho các thiết kế đồ họa và giao diện người dùng. Các hình ảnh và biểu đồ được hiển thị theo cách tương tự như một mô...

Trong lĩnh vực thiết kế, sự sáng tạo và khả năng xử lý đồ họa là quan trọng. Để đạt được hiệu suất tối ưu, nhà thiết kế cần sử dụng máy tính mạnh mẽ và đáng tin cậy. Dưới đây là danh sách xếp hạng 5 máy tính tốt nhất cho những người thiết kế hiện nay: 1. Apple MacBook Pro 16-inch (M1 Max) MacBook Pro 16-inch là một trong những lựa chọn hàng đầu cho những người làm việc trong lĩnh vực thiết kế. Phiên bản mới nhất với chip M1 Max của Apple cung cấp hiệu năng mạnh mẽ và khả năng xử lý đồ họa vượt trội. Nó đi kèm với màn hình Retina 16-inch, bàn phím tùy chỉnh, và tích hợp công nghệ hỗ trợ màu sắc cao cấp. Điều này cho phép bạn làm việc với các công cụ đồ họa phức tạp một cách mượt mà và chính xác. 2. Dell XPS 15Dell XPS 15 là một...

Bạn có biết rằng bạn đã có một thương hiệu? Sự thật như vậy, ngay cả khi bạn không kinh doanh và chưa chi một xu nào cho việc xây dựng thương hiệu. Ngay cả khi bạn chưa bao giờ nghe đến thuật ngữ này trước đây, bạn đã có một thương hiệu. Sao có thể như thế được? Theo một nghĩa nào đó, mỗi người đều có một “thương hiệu”. Mọi công ty đều có thương hiệu, bất kể công ty đó có đầu tư vào phát triển thương hiệu hay không. Tại sao? Bởi vì thương hiệu là những gì mọi người nghĩ về bạn. Nó là cách mọi người cảm nhận và đánh giá về con người bạn. Thương hiệu của bạn là mức độ bạn được người khác biết đến, yêu thích và tin tưởng vào bạn. Trong doanh nghiệp, bạn có thể xây dựng thương hiệu với khách hàng, đối tác và nhân viên của bạn. Mọi người...

Design System đang là giải pháp tốt nhất cho việc phát triển sản phẩm theo hướng lâu dài. Bên cạnh các định nghĩa đã đăng trước đó, thì trong bài viết này mình sẽ chia sẻ đến các bạn mô hình tối ưu được workflow cho team thiết kế và phát triển sản phẩm trong quá trình xây dựng Design System. Mô hình này có tên gọi là Atomic Design. Atomic Design là gì? Atomic Design được tạo ra bởi Brad Frost, một nhà thiết kế web đến từ Pittsburgh, USA. Atomic Design là mô hình triển khai công việc một cách tối ưu, giúp đội ngũ thiết kế sản phẩm chuẩn hoá và đồng nhất được các thành phần trong file thiết kế. Bên cạnh đó, Atomic Design còn giúp đẩy nhanh qúa trình làm việc bởi cách tổ chức các thành phần trong file thiết kế rất thông minh và logic...

Mỗi ngày có hàng trăm quảng cáo xuất hiện khắp mọi nơi khiến khán giả dần bị bội thực. Những đoạn content tuy đầy đủ thông tin nhưng không còn chiếm ưu thế trong lòng người xem. Giờ đây, hình ảnh dần được ưa chuộng vì sự mới lạ và thú vị của nó. Do đó, ngôn từ đang sánh đôi với hình ảnh để mang đến những câu chuyện thú vị nhất. Visual Storytelling là một trong những phương pháp được các marketer hàng đầu hiện nay tin tưởng và sử dụng nhiều cho các chiến dịch của mình. Với Visual Storytelling, con chữ không còn đơn độc trên con đường tiếp cận với khách hàng mà còn có hình ảnh đồng hành kề bên. Visual Storytelling là phương pháp làm cho nội dung của bạn trở nên hấp dẫn hơn bằng cách kết hợp hình ảnh minh họa phù hợp, lôi cuốn (visual)...

Trong lĩnh vực thiết kế, Visual Hierarchy (thứ tự hình ảnh) là một khái niệm quan trọng giúp thiết kế trở nên hấp dẫn và dễ hiểu cho người sử dụng. Visual Hierarchy định hình cách mà các yếu tố trực quan trong một thiết kế được sắp xếp và tổ chức để tạo ra một trải nghiệm hợp lý và hướng dẫn người xem qua thông điệp chính. Bài viết này sẽ trình bày những nguyên tắc cơ bản của Visual Hierarchy mà các Designer nên biết để áp dụng vào công việc của mình. 1. Kích thước và vị trí Sử dụng kích thước và vị trí để tạo ra sự phân biệt giữa các yếu tố trong thiết kế. Các yếu tố quan trọng và quan trọng hơn nên được làm to hơn và đặt ở vị trí trung tâm hoặc vị trí mà mắt người xem dễ tiếp cận. Điều này giúp thu hút sự chú ý và tạo nên một trật...

Thiết kế chu đáo về hiệu suất nội dung trong giao diện người dùng web và thiết bị di động đóng một vai trò rất lớn đối với việc khuếch đại tiện ích và khả năng sử dụng của sản phẩm. Bài viết hôm nay của chúng ta sẽ tìm hiểu về Visual Dividers, các yếu tố bố cục giúp sắp xếp nội dung trên màn hình và phân tách các phần rõ ràng hơn. Visual Divider là gì? Visual Divider (Bộ chia trực quan) là một thành phần bố cục giúp phân tách các phần nội dung thành các nhóm, phần nhằm làm cho giao diện trở nên trực quan và rõ ràng hơn từ đó giúp người dùng dễ dàng tương tác với sản phẩm thiết kế hơn. Cùng với các yếu tố khác trên trang, các Divider đóng vai trò lớn trong việc thiết lập hệ thống phân cấp thị giác. Ví dụ, khi phân tách các thành phần...

Khi vận dụng vào đúng cốt lõi của vấn đề, chủ nghĩa tối giản sẽ phát huy hết công dụng của nó. Không có yếu tố bổ sung, không có sự lãng phí. Mỗi yếu tố, bao gồm cả hình dạng, bảng màu và kiểu chữ đều rất cần thiết. Một hình dạng hoặc hình học đơn giản được "trao quyền" để thể hiện cho một đối tượng hoặc ý tưởng phức tạp hơn. Đơn giản trong hình thức và thành phần được coi trọng trên tất cả mọi thứ. Chủ nghĩa tối giản hoạt động vì mắt và bộ não của chúng ta chỉ có một sự chú ý hữu hạn để dành cho một thiết kế. Bằng cách cho đôi mắt của chúng ta ít vật phẩm hơn để xem xét, chúng ta sẽ dành sự chú ý nhiều hơn cho những thứ đang có. Điều này làm cho chủ nghĩa tối giản trở nên rất linh hoạt: từ ứng dụng, logo đến bao bì và sản phẩm in...

Trong phần trước, chúng tôi đã đề cập đến các yếu tố ảnh hưởng đến khả năng đọc. Trong phần này, chúng ta sẽ đề cập đến các phương pháp để làm cho nội dung giao diện trực quan hơn. 1. Hãy ngắn gọn và nhất quán trong nội dung giao diện Hãy nhất quán nội dung và tạo ra sự gắn kết giữa các giao diện. Chẳng hạn, nếu bạn đã chọn từ "xóa" để chỉ định một hành động cụ thể, hãy sử dụng nó mỗi khi hành động này được thực hiện và không thay thế nó bằng cách thay đổi từ ngữ và thực hiện hành động khác. 2. Áp dụng cá nhân hóa nội dung Một trong những cách để cá nhân hóa giao diện người dùng là cho phép người dùng có thể thay đổi màu nền và đặt kích thước phông chữ lớn hơn hoặc nhỏ hơn. Chức năng như vậy có tác động lớn đến việc làm cho nội dung...

Dù câu chuyện của bạn có thú vị đến đâu, người đọc sẽ không bao giờ hiểu nó nếu nó được tạo ra trong một bố cục không rõ ràng và khó đọc. Bài viết hôm nay của chúng ta sẽ cùng tìm hiểu về khía cạnh thiết kế trải nghiệm người dùng này: hãy kiểm tra mức độ dễ đọc, tại sao chúng ta cần phải quan tâm đến chúng, yếu tố nào ảnh hưởng đến chúng trong giao diện người dùng và cách cải thiện chúng trong thiết kế web hoặc giao diện người dùng di động. Trong thiết kế, thuật ngữ "Readability" và "Legibility" (khả năng đọc và mức độ dễ đọc) không phải quá xa lạ. Đối với những người mới, hãy bắt đầu với những cách cơ bản và xác định các yếu tố ảnh hưởng đến khả năng đọc. Các yếu tố ảnh hưởng đến khả năng đọc và dễ đọc Có một số yếu tố có tác...

Trong những năm gần đây, chúng tôi nhận thấy rất nhiều doanh nghiệp đang sử dụng hình vẽ minh họa thay cho các hình ảnh truyền thống, vậy những hình vẽ minh họa đem lại những tính năng gì mà khiến nó được sử dụng rộng rãi hơn? Chúng ta hãy cùng tìm hiểu. Chúng ta có thể nhận thức thông tin bằng mắt từ những thứ chúng ta nhìn thấy được. Đó là lý do tại sao một bức tranh thường truyền tải nhiều thông tin hơn thông điệp bằng lời nói. Hình minh họa là một công cụ chức năng có hiệu quả cao. Nó có thể được sử dụng theo nhiều cách khác nhau để có được phản hồi cần thiết từ người dùng. Và có những lý do để áp dụng minh họa vào thiết kế. Hình minh họa rõ ràng và dễ hiểu Sử dụng minh họa là một phương pháp tuyệt vời để bạn hướng dẫn một ai...

Trong thiết kế UI/UX, thiết kế web việc phân tích đối tượng người dùng, phân tích hành vi và sở thích của họ rất quan trọng đến sự thành công của một sản phẩm. Việc phân tích người dùng giúp nhà thiết kế thấu hiểu được cách người dùng sử dụng sản phẩm, tìm ra được những giải pháp hiệu quả nhằm giúp người dùng tương tác tốt hơn với sản phẩm đó. Trong thiết kế thuật ngữ User Research hay UX Research có vẽ khá xa lạ đối với rất nhiều nhà thiết kế, tuy nhiên đó lại là một nền tảng giúp bạn xây dựng một sản phẩm tối ưu và giảm thiểu quá trình sửa đổi sau khi hoàn thiện. User Research/UX Research là gì? User Research là một quá trình nghiên cứu về người dùng mục tiêu – bao gồm cả nhu cầu và vấn đề (Pain Point 1) của người dùng đang gặp...

Trong bài viết này, chúng ta sẽ tìm hiểu tại sao sơ đồ User Flow lại quan trọng đối với thiết kế web và UI Design và tìm hiểu cách để tạo ra một trải nghiệm liền mạch? Bạn có muốn hiểu người dùng của mình đang ở đâu, mục tiêu của họ là gì và làm thế nào để đạt được mục tiêu đó? Đây là lý do tại sao User Flow dùng tồn tại. User Flow là gì? User Flows (hay còn gọi là “luồng trải nghiệm người dùng”) là một đồ thị thể hiện những phần mà người dùng sẽ tương tác để hoàn thành một việc, một nhiệm vụ khi tương tác với sản phẩm, thiết kế của bạn. Có rất nhiều cách khác nhau mà người dùng có thể thực hiện khi tương tác với sản phẩm. User flow cho phép Designer đánh giá và tối ưu hoá trải nghiệm người dùng và do đó tăng tỷ lệ chuyển đổi...

Tỷ lệ thiết kế là yếu tố trong nguyên lý thiết kế, tìm hiểu tỷ lệ vàng trong kiến trúc để chọn được tương quan hợp lý các yếu tố trong tổng thể công trình kiến trúc, nội thất, mỹ thuật. Trong nhiều thế kỷ, người ta cho rằng nghệ thuật, kiến trúc và thiên nhiên hấp dẫn hơn trong mắt người xem khi tỷ lệ thiết kế và cấu trúc dựa trên tỷ lệ vàng. Bạn có thể tìm thấy các ví dụ về tỷ lệ vàng trong các kiến trúc vỹ đại của con người như xa xưa như Hy Lạp cổ đại. Các bức tượng Parthenon xuất hiện cho thấy tỷ lệ vàng. Tỷ lệ vàng được phổ biến trong thời kỳ Phục hưng, và các nghệ sĩ thời kỳ đó đã cố gắng đảm bảo rằng nó được sử dụng để cung cấp các tác phẩm thẩm mỹ. Tỷ lệ có một vai trò quan trọng trong thiết kế Tỷ lệ kích thước đó là tỷ số...

Nguyên tắc Gestalt: Cơ sở cho 1 thiết kế UX tốt Đối với các developer, sẽ là thách thức để tạo ra 1 sản phẩm có trải nghiệm người dùng tốt. Vì vậy, nếu chúng ta có những nguyên tắc để dựa vào trong khi thiết kế, việc này sẽ dễ dàng hơn rất nhiều. Nguyên tắc Gestalt là 1 ví dụ bởi khi áp dụng 1 cách chính xác, nó sẽ vô thức giúp người dùng đạt được những thứ họ mong muốn. Nguyên tắc Gestalt: Chi phối nhận thức trực quan Gestalt là một thuật ngữ được sử dụng trong tâm lý học và có nguồn gốc ở Đức, nó có thể được dịch là hình thức này hay hình dạng. Lý thuyết Gestalt mô tả cách con người tổ chức các yếu tố thị giác. Để hỗ trợ cho lý thuyết, một tập hợp các nguyên tắc được phát triển trong đó mô tả cách nhận thức trực quan bẩm sinh của...

Nghĩ đến những khối vuông trong thiết kế, người ta thường liên tưởng tới sự chặt chẽ, nhưng kèm theo đó là cảm giác cứng nhắc, nhàm chán và kém sáng tạo. Tuy nhiên, mỗi một yếu tố nếu được sử dụng đúng với từng hoàn cảnh sẽ tạo ra những hiệu quả mới mẻ mà bạn không ngờ tới. Hãy cùng tìm hiểu các cách ứng dụng dưới đây để thấy rằng những khối vuông đơn giản cũng có thể tạo nên điều kỳ diệu. 1. Phân cách Chúng ta hay dùng các đường và diện để tạo ra sự phân cách về nội dung, nhựng thực ra những khối viền vuông cũng đem lại hiệu quả phân cách rõ rệt, đồng thời mang tới hiệu ứng thị giác khác lạ VD: Khi có nhiều thông tin cần hiển thị, có thể sự dụng hình vuông với những kích thước to nhỏ khác nhau tùy vào phân cấp nội dung, từ đó vừa có...

Trong lĩnh vực thiết kế, có rất nhiều vai trò khác nhau và hai vai trò phổ biến nhất là UI Designer và Graphic Designer. Mặc dù cả hai đều liên quan đến thiết kế và có nhiều điểm tương đồng, nhưng chúng lại có những khác biệt quan trọng. Dưới đây là một số điểm khác nhau giữa UI Designer và Graphic Designer: 1. Mục đích chính của thiết kế Graphic Designer: Mục đích chính của Graphic Designer là tạo ra các sản phẩm thiết kế trực quan như poster, bìa sách, banner, logo, thẻ nhận dạng thương hiệu, và nhiều hơn nữa. Họ phải đảm bảo rằng các sản phẩm của họ hấp dẫn, thu hút, và đáp ứng được mục đích của khách hàng. UI Designer: Mục đích chính của UI Designer là tạo ra các sản phẩm thiết kế giao diện người dùng, chẳng hạn như ứng dụng...

Tìm hiểu những điều cơ bản về typography trong video nhanh này! Typography: The Anatomy of a Letter Chúng ta càng giao tiếp, chúng ta càng trở nên gần gũi. Typography truyền cảm hứng cho chúng ta bằng cách nhắc nhở thế giới một thời gian đơn giản khi mà các dòng chữ là một phương tiện để kết nối. Là nhà thiết kế và nghệ sĩ, chúng tôi có thể mang niềm đam mê đó vào công việc bằng cách học "trang điểm" của các chữ cái. Bắt đầu với những điều cơ bản với video nhanh này bên dưới. Học cách giải phẫu các chữ cái. Các thuật ngữ Nếu bạn là người mới, trong phần trước chúng tôi đã đề cập đến các thuật ngữ trong Typography. Bạn hãy xem qua bài viết "thuật ngữ trong Typography" nhé, còn dưới đây là những thuật ngữ thông dụng nhất Baseline...

Kiểu chữ là một trong những yếu tố quan trọng nhất của thiết kế đồ họa. Trong bài viết này, chúng ta sẽ xem xét các thuật ngữ Typography hữu ích giúp bạn bắt đầu trong thế giới thiết kế. Thuật ngữ Typography có rất nhiều, và một số thuật ngữ bạn có thể chưa bao giờ nghe đến trước đây. Một số thuật ngữ này cũng có thể bị nhầm lẫn và sử dụng sai. Trong phần Typography từ A đến Z này, DesignerVN đã tập hợp một số thuật ngữ cần thiết cho mọi nhà thiết kế cần biết. Những thuật ngữ này rất quan trọng để sử dụng khi sắp chữ một văn bản. Sắp chữ sách và sắp chữ kỹ thuật số có một số điểm giống và khác nhau, nhưng tất cả đều phụ thuộc vào cấu tạo của một kiểu chữ. A dành cho Ascender Ascender là phần của con chữ nằm ở trên đường mean line, nó...

Trong lĩnh vực thiết kế, sự tương phản đã trở thành một yếu tố quan trọng và mạnh mẽ để tạo nên những công trình độc đáo và ấn tượng. Tương phản không chỉ đơn thuần là sự chênh lệch giữa các yếu tố, mà còn là một cách để kết hợp, đối lập và tạo ra sự cân bằng giữa các yếu tố đó. Điều này đem lại sự tươi mới và sáng tạo cho thiết kế, mở ra cánh cửa sáng tạo cho những ý tưởng mới và đột phá. Ảnh: Xin Yan Tương phản trong thiết kế là gì? Tương phản trong thiết kế là việc sử dụng các yếu tố đối lập hoặc trái ngược nhau để tạo ra sự phân biệt và sự cân đối trong thiết kế. Tương phản có thể được áp dụng trong nhiều khía cạnh của thiết kế, bao gồm cả màu sắc, hình dạng, kích thước, cấu trúc, đường nét và vị trí. Sự tương phản có thể...