Kiến thức thiết kế

Chào mừng bạn quay lại loạt bài của chúng tôi về các mẹo dành cho những nhà thiết kế không chuyên! Trong phần này, chúng ta sẽ thảo luận về tính nhất quán của thiết kế, thu thập cảm hứng từ các nhà thiết kế khác, tầm quan trọng của không gian trắng, cách các màu sắc tác động đến quan điểm của người xem về thiết kế của bạn, thử nghiệm thiết kế của bạn và cách duy trì độc đáo với từng dự án bạn tạo. Trong bài viết này, chúng tôi cung cấp một số mẹo và thủ thuật nhanh có thể giúp bạn tận dụng tối đa các kỹ năng thiết kế mà bạn có. Không có bất kỳ kỹ năng thiết kế nào? Đừng lo lắng! Bài viết này có thể giúp bạn bắt đầu! Sử dụng bảng màu Bảng màu và cách phối màu rất quan trọng đối với một thiết kế, nó cũng như một công cụ giúp bạn...

Như bạn có thể đã đoán bài viết này là dành riêng cho màu xanh dương. Không nghi ngờ gì nữa, màu xanh là một trong những màu sắc quan trọng nhất trong thiết kế giao diện người dùng và là một trong những màu sắc thường xuyên nhất. Chỉ cần nhìn vào các biểu tượng của các ứng dụng trong điện thoại của bạn, và bạn sẽ thấy rằng rất nhiều trong số đó sử dụng màu xanh: Facebook, Twitter, Shazam, Safari, v.v. Vậy tại sao màu xanh được chọn? Có rất nhiều lý do để sử dụng màu xanh, tôi sẽ liệt kê một vài lý do: Những người thích màu này. Khảo sát cho thấy đa số mọi người thấy màu xanh là màu yêu thích của họ. Màu xanh được coi là màu nhiều người yêu thích nhất trên toàn cầu. Lựa chọn màu sắc là một khía cạnh quan trọng của trải nghiệm thị...

Ngày qua ngày chúng tôi bị choáng ngợp với luồng thông tin lớn cả ngoại tuyến và trực tuyến. Do các công nghệ mới và kết nối internet nhanh, mọi người có thể tạo ra nhiều nội dung hơn so với khả năng tiếp thu. Khi dùng một trang trang web và ứng dụng, người dùng thường không đọc tất cả mọi thứ họ thấy từng chữ một - trước tiên họ quét trang để tìm hiểu xem nó có hữu ích với họ hay không. Từ đó chúng ta có một thuật ngữ mang tên là scannability, scannability là một trong những yếu tố thiết yếu của trang web. Bài viết hôm nay khám phá hiện tượng và đưa ra các mẹo về cách làm cho sản phẩm kỹ thuật số có thể quét được. Scannability là gì? Áp dụng cho một trang hoặc màn hình, thuật ngữ "Scannability" có nghĩa là đọc lướt qua hoặc đọc vội...

Sự thiếu rõ ràng về các vị trí và yêu cầu công việc đã dẫn tới một thực trạng rất khó phát triển về khả năng nghề nghiệp của mỗi cá nhân và lớn hơn là cả ngành công nghiệp Design tại Việt Nam. Qua những bài viết của mình, tôi hi vọng góp thêm một góc nhìn để mọi người có thêm một sự tham khảo. Bài viết này sẽ hơi dài, hãy kiên nhẫn! Các vị trí trong quy trình UX: 1 . UX Research (User Experience Design) UX Research giúp chúng ta xác định và chứng minh (hoặc bác bỏ) các giả định, tìm những điểm tương đồng trên các đối tượng khách hàng mục tiêu và nhận ra nhu cầu, mục tiêu của họ. Thông qua nhiều phương pháp collect information, user persona, survey, interview… UX research làm tăng sự hiểu biết của chúng ta về khách hàng, những người...

Chắc hẳn ai trong số chúng ta cũng từng đã sử dụng các font chữ nhưng liệu bạn có biết font chữ ẩn chứa rất nhiều loại, mỗi loại trong số chúng lại được sử dụng cho nhiều mục đích khác nhau. Nếu bạn đang bắt đầu muốn tìm hiểu các font chữ và cách sử dụng chúng sao cho phù hợp thì dưới đây là bài viết dành cho bạn. Chúng tôi đã tổng hợp được 5 kiểu fonts chữ thông dụng và cách sử dụng chúng hiệu quả. Font chữ Serif Phông chữ Serif là phông chữ cổ điển và thuần tuý. Nó có một nét được thêm vào phần bắt đầu hoặc phần cuối trong nét chính của một chữ. Trong bảng chữ cái alphabet, serifs thường xuất hiện ở nét kết thúc, tạo thành các điểm dừng một phía hoặc hai phía. Các kiểu chữ serif đã trở nên thịnh hành trong thế kỷ 15 và hiện nay có...

Tâm lý đóng một vai trò lớn trong trải nghiệm của người dùng với một ứng dụng. Bằng cách thấu hiểu cách ảnh hưởng của thiết kế đến nhận thức của người dùng, chúng ta có thể thực hiện các điều chỉnh để ứng dụng được tạo hiệu quả hơn trong việc thực hiện mục tiêu của người dùng. Để giúp bạn hiểu được nhận thức của người dùng, tôi sẽ giới thiệu một số nguyên tắc thiết kế mà tôi nghĩ là quan trọng nhất và cũng cung cấp các ví dụ phổ biến về các nguyên tắc này trong thực tế. Hãy bắt đầu với hiệu ứng Von Restorff: Hiệu ứng Von Restorff Hiệu ứng Von Restorff (còn được gọi là hiệu ứng cô lập) dự đoán rằng khi có nhiều đối tượng tương tự nhau, một đối tượng khác với phần còn lại có nhiều khả năng được ghi nhớ nhất! Đây là lý do chính tại sao...

Thanh trượt (Sliders Control) đã tồn tại từ rất lâu và đã trở thành một phần quan trong trong thiết kế giao diện người dùng. Thanh trượt rất hữu ích vì nó cho phép người dùng khám phá một loạt các tùy chọn một cách nhanh chóng. Trong bài viết này, chúng ta hãy cùng xem xét 4 kiểu thiết kế thanh trượt sáng tạo trong thiết kế UI. 1. Hình dung được kết quả Thanh trượt cho phép người dùng chọn một giá trị cụ thể (hoặc phạm vi giá trị). Người dùng có thể nhận được thông tin về giá trị bằng cách đọc nhãn trên thanh trượt. Đồng thời, có thể tạo trải nghiệm người dùng tốt hơn nhiều bằng cách trực quan hóa dữ liệu được kết nối với thanh trượt. Bạn có thể áp dụng thanh trượt này cho nhiều tính huống, cho dù là việc chọn số lượng phòng của một...

Các yếu tố thị giác mang lại sự sống động cho văn bản bằng cách thêm ‘màu sắc và hương vị’. Tuy hình ảnh có thể truyền tải thông điệp hiệu quả hơn một chút nhưng việc cân bằng giữa văn bản và các yếu tố thị giác vẫn là một tiêu chuẩn quan trọng trong thiết kế đồ họa. Cân bằng là yếu tố xác định sự tinh tế của nhà thiết kế. Quá nhiều hình ảnh thì tác phẩm sẽ lấn át người xem còn nếu quá nhiều văn bản thì tác phẩm lại trở nên nhàm chán, khô cứng và khó hiểu. VẬY, KHI NÀO THÌ THIẾT KẾ PHẢI ĐẠT ĐƯỢC SỰ CÂN BẰNG? Mọi tác phẩm thiết kế đều cần ‘cân bằng’, từ thiết kế brochure, tạp chí cho đến thiết kế website. Cân bằng là một trong những nguyên tắc quan trọng của quy trình thiết kế. Một nhà thiết kế không những phải cân bằng các yếu tố...

1. Xóa bỏ các “đối tượng” phá đám: Với tính năng mới Fill Content Aware, bức ảnh của bạn sẽ đẹp và hoàn hảo hơn khi làm biến mất các đối tượng không mong muốn. Đầu tiên, sử dụng công cụ Lasso (tạo vùng chọn) để khoanh vùng đối tượng → Edit (chỉnh sửa) → Fill → chọn Content-Aware → Color Adaptation → OK. Ảnh: Keydatabase. 2. Loại bỏ nhược điểm trên da: Để làn da trong những bức ảnh chân dung trở nên mịn màng và có sức sống hơn, Photoshop mang đến cho người dùng công cụ đơn giản nhưng mạnh mẽ — Spot Healing Brush. Từ thanh công cụ, chọn biểu tượng có hình miếng dán Urgo → nhấn chuột dán đè lên những nhược điểm cần xóa. Ảnh: YouTube. 3. Gỡ lớp phủ ám màu: Trong nhiều trường hợp, toàn bộ bức ảnh bị phủ một lớp màu (vàng, đỏ, xanh lơ…)...

Motion Graphic được sử dụng trong video giải thích, trong thương hiệu, chuỗi tiêu đề, giao diện người dùng/UX và các phương tiện khác. Nó kết hợp với đồ họa và hình ảnh động, bao gồm văn bản, infographics hoặc giọng nói nếu cần thiết, để giải thích một khái niệm phức tạp một cách súc tích và thú vị hoặc để giới thiệu một doanh nghiệp. Quá trình chuyển tiếp (Transition) được sử dụng rộng rãi để làm cho câu chuyện trôi chảy và tự nhiên. Nó giúp người xem nhận được thông tin ngay lập tức và hiểu khái niệm cốt lõi, không chỉ làm cho hình ảnh có tính thẩm mỹ cao và hấp dẫn mà nó còn tăng cường kết nối giữa các cảnh và cải thiện tính lưu loát của tường thuật. Nếu không có sự chuyển tiếp, nhận thức của người dùng sẽ bị gián đoạn. Vì vậy...

Khi nói đến thiết kế giao diện người dùng (UI/UX Design), chúng tôi nhận thấy rằng có nhiều thứ để tìm hiểu chứ không đơn thuần chỉ là hoàn thành các dự án và gửi nó cho khách hàng. Vì vậy, chúng ta cần phải tìm hiểu sâu hơn để phát triển và tìm các giải pháp thiết kế hiệu quả. Bài viết này tập trung vào kinh nghiệm của chúng tôi với các sản phẩm được phát triển với các đối tượng mục tiêu nằm ở các nền văn hóa khác nhau và cách UX/UI Design thay đổi theo từng trường hợp. Nhật Bản Chúng tôi đã làm việc với một startup Nhật Bản, tương tự như Uber, nhưng với hệ thống quản lý riêng của mình. Trong trường hợp này, chúng tôi đã sử dụng kiểu "cartoonish" được phản ánh trong việc lựa chọn màu sắc, phông chữ và các yếu tố đồ họa khác. Tính...

Trải nghiệm người dùng (UX - User Experience) vẫn luôn là một yếu tố quan trọng quyết định thành bại của ứng dụng. Từ những cuộc thảo luận với đội ngũ thiết kế tại công ty UXPin, tác giả đã nhận thấy một vài sai lầm phổ biến mà mỗi nhà thiết kế nên thận trọng. Thiết kế UX chắc chắn không dễ, nhưng những kỳ vọng cao của khách hàng và các bên liên quan đôi khi làm nảy sinh những vấn đề khác. Có những trường hợp, người ra quyết định không hiểu quy tắc thiết kế, và họ xem các nhà thiết kế như là những thiên tài có thể biết và làm tất cả mọi thứ... Nhưng bạn đừng cảm thấy áp lực, hãy cứ tận hưởng từng sản phẩm bạn làm ra! Nhìn lại từng sai lầm ở dưới đây và những giải pháp để giữ cho bạn không phạm phải chúng: Sai lầm 1: Thiết kế cho bản...

Tư duy thiết kế là một thuật ngữ cho một cách tiếp cận cụ thể để giải quyết vấn đề. Cho dù bạn là nhà thiết kế, nhà phát triển, chủ sở hữu doanh nghiệp hoặc bất kỳ ai, tôi chắc chắn rằng vào thời điểm này hay lúc nào đó, bạn đã từng áp dụng tư duy thiết kế để giải quyết vấn đề. Mặc dù thuật ngữ này nghe có vẽ chỉ dành cho nhà thiết kế, nhưng thật ra không phải vậy, đây chỉ là tên của nó. Trong bài đăng này, chúng tôi sẽ tìm hiểu tư duy thiết kế là gì và cách áp dụng nó cho bất kỳ vấn đề nào bạn có thể gặp phải. Đến cuối bài đăng này, bạn sẽ thấy lý do tại sao tư duy thiết kế không chỉ quan trọng mà còn rất thực tế. Tư duy thiết kế là gì? Tư duy thiết kế không chỉ giải quyết vấn đề. Thay vào đó, khái niệm này chủ yếu xoay quanh các...

“6 chiếc mũ tư duy” là một công cụ trợ giúp tư duy được Edward de Bono giới thiệu trong cuốn “6 Thinking Hats”. Đây là một phương pháp cực kỳ hiệu quả, giúp bạn đánh giá sự việc từ nhiều góc nhìn khác nhau để đưa ra quyết định tốt hơn. Nhờ vậy, bạn sẽ hiểu rõ hơn mọi ngóc ngách của sự việc, nhận diện được những nguy cơ và cơ hội mà bình thường bạn có thể không chú ý đến. Edward de Bono sinh ngày 19/5/1933, là một bác sĩ, nhà tâm lý học, tác giả, nhà phát minh và chuyên gia tâm lý học người Maltese. Ông theo học trường cao đẳng St. Edward, sau đó lấy bằng y khoa của Đại học Malta và bằng tiến sĩ tại trường Trinity, Cambridge. Những người thành đạt thường tư duy theo hướng tích cực, thiên về lý trí, và đó là một trong những lý do giúp...

Thực tế ảo (VR) là khái niệm được nhắc rất nhiều trong khoảng hai năm trở lại đây. Nhờ sự phát triển của năng lực xử lý, công nghệ hình ảnh và khả năng sản xuất, người ta đã có thể làm ra những sản phẩm VR tốt hơn bao giờ hết. Nếu bạn đang quan tâm đến những công cụ để tạo mô hình thì dưới đây chúng tôi đã tổng hợp một số ứng dụng giúp bạn vẽ, tạo mô hình 3D trong VR. Gravity Sketch Gravity Sketch bắt đầu như một công cụ tạo mô hình VR cho các nhà thiết kế xe hơi và giày - nhưng nó có thể sử dụng cho việc phác họa và mô hình hóa VR. Bạn có thể vẽ tự do trong không gian 3D bằng cách sử dụng các đường cong mượt mà, sau đó đẩy các bề mặt vào không gian 3D. Bạn có thể lấy và di chuyển các điểm để điều chỉnh splines. Gravity Sketch...

1. Sự rõ ràng của hệ thống Hệ thống phải luôn thông báo cho người dùng về những gì đang diễn ra, thông qua những phản hồi phù hợp trong khoảng thời gian phù hợp. 2. Sự cân xứng giữa hệ thống ảo và thế giới thực Hệ thống nên được thể hiện bằng ngôn ngữ của người dùng, sử dụng những từ ngữ, cấu trúc câu và khái niệm quen thuộc với người dùng hơn là những từ ngữ chuyên ngành. Hãy bám sát những luật lệ của thế giới thực, làm cho các thông tin xuất hiện một cách tự nhiên và theo trình tự logic. 3. Khả năng kiểm soát và sự tự do của người dùng Người dùng thường dễ nhầm lẫn khi lựa chọn các tính năng của hệ thống, và họ sẽ cần một “lối thoát khẩn cấp”, được đánh dấu rõ ràng để thoát khỏi tình trạng không mong muốn mà không cần phải làm...

Một Landing page đẹp và tối ưu là yếu tố quan trọng góp phần không nhỏ để một chiến dịch marketing thành công. Để đạt được điều này, bạn phải thiết kế được một Landing page tuyệt vời và hấp dẫn người đọc. Đối với những người mới bắt đầu tìm hiểu về Landing page, điều này sẽ khó khăn một chút vì có thể bạn sẽ chưa biết cách thiết kế một Landing page hiệu quả ngay lập tức. Nhưng đừng lo lắng, bài viết này sẽ giới thiệu đến bạn 10 mẫu Landing page đẹp từ nhiều ngành nghề khác nhau. Các mẫu Landing page này với giao diện được thiết kế chuẩn SEO, dễ sử dụng đã được tối ưu để mang lại tỷ lệ chuyển đổi cao nhất. 1. Mẫu Landing page về nội thất 2. Mẫu Landing page về ẩm thực 3. Mẫu Landing page về spa, thẩm mỹ 4. Mẫu Landing page về...

Ngày nay thật khó để gây ấn tượng hoặc tạo ra sự bất ngờ với một giao diện khi sử dụng Animation. Nó cho thấy sự tương tác giữa các màn hình, giải thích cách sử dụng ứng dụng hoặc đơn giản là hướng sự chú ý của người dùng. Trong bài viết này tôi sẽ không viết gì mới, tôi chỉ muốn thu thập tất cả các nguyên tắc chính khi dùng animation trong UX, để các Designer muốn bắt đầu làm quen có thể dễ dàng tìm kiếm thêm thông tin. Thời lượng và tốc độ của animtion Khi các yếu tố thay đổi trạng thái hoặc vị trí của chúng, thời lượng của animtion phải đủ chậm để người dùng có khả năng nhận thấy sự thay đổi, nhưng đồng thời phải đủ nhanh để không làm mất thời gian người dùng. Sử dụng thời lượng thích hợp trong animtion của bạn. Đừng làm cho nó...

Những sai lầm thường gặp của các nhà thiết kế khi thiết kế một form (biểu mẫu) và cách khắc phục chúng. Cho dù đó là một mẫu đăng ký, mẫu form nhiều trang hay giao diện nhập dữ liệu đơn giản, biểu mẫu là một trong những thành phần quan trọng nhất của thiết kế sản phẩm kỹ thuật số. Bài viết này tập trung vào những điều phổ biến và những điều nên tránh về thiết kế biểu mẫu. Hãy nhớ rằng đây là những hướng dẫn chung và có những ngoại lệ đối với một số quy tắc. Biểu mẫu nên có một cột Nhiều cột làm gián đoạn đà dọc của người dùng. Nhãn căn chỉnh trên cùng Người dùng hoàn thành các biểu mẫu được gắn nhãn (label) ở trên đầu lớn hơn nhiều so với các nhãn được căn chỉnh bên trái. Các nhãn được căn chỉnh trên đầu cũng dịch tốt trên...

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...