Kiến thức thiết kế

Cập nhật kiến thức chuyên sâu trong lĩnh vực thiết kế.

Figma

Chuyên trang chia sẻ kiến thức về figma, là một nguồn tài nguyên quý giá cho những người mới bắt đầu hoặc muốn nâng cao kỹ năng sử dụng Figma. Trang web cung cấp các hướng dẫn, video tutorial và bài viết về các tính năng, phím tắt và tiện ích hữu ích trong Figma. Ngoài ra, chuyên trang cũng chia sẻ các gợi ý sáng tạo, mẹo và kinh nghiệm từ các nhà thiết kế thành thạo, giúp người dùng khám phá và tận dụng toàn bộ tiềm năng của Figma trong quá trình thiết kế giao diện.
Chủ đề
4
Bài viết
4
Chủ đề
4
Bài viết
4
1. Giới thiệu về Helvetica Helvetica là một trong những font chữ phổ biến và có ảnh hưởng nhất trong lịch sử typography. Được tạo ra vào năm 1957 bởi nhà thiết kế Thụy Sĩ Max Miedinger cùng với Eduard Hoffmann, Helvetica nhanh chóng trở thành một chuẩn mực trong thiết kế đồ họa, thương hiệu và truyền thông. 2. Lịch sử ra đời Helvetica ban đầu được phát triển bởi hãng Haas Type Foundry dưới tên gọi "Neue Haas Grotesk". Sau đó, nó được Linotype phát hành lại với cái tên Helvetica – lấy cảm hứng từ "Helvetia", tên tiếng Latin của Thụy Sĩ. Font chữ này ra đời trong bối cảnh nhu cầu về một kiểu chữ sans-serif hiện đại, sạch sẽ và dễ đọc ngày càng tăng cao. 3. Đặc điểm nổi bật của Helvetica Hình thức tối giản: Helvetica có thiết kế...
Hãy tưởng tượng thế này: Bạn mở Instagram chỉ để lướt nhanh, nhưng đột nhiên, một tiếng đồng hồ trôi qua. Bạn cảm thấy vừa thỏa mãn lại vừa thấy phí phạm thời gian. Nghe quen không? Đó chính là sức mạnh của “vòng lặp dopamine”. Thiết kế trải nghiệm người dùng (UX) hiện đại đang âm thầm định hình hành vi và lựa chọn của chúng ta mà hầu hết mọi người không nhận ra. Hãy cùng khám phá cách những vòng lặp này thao túng hành vi, điều gì khiến chúng mạnh mẽ đến vậy và tại sao việc hiểu chúng lại quan trọng đối với cả người dùng lẫn nhà thiết kế. Vòng lặp dopamine là gì? Dopamine, thường được gọi là “hóa chất tạo cảm giác vui vẻ”, là một chất dẫn truyền thần kinh trong não bộ chịu trách nhiệm về cảm giác phần thưởng và niềm vui. Tuy nhiên...
Màu xanh lá cây là một màu đa năng thường gắn liền với thiên nhiên, sự phát triển và sự yên bình. Bài viết này khám phá nhiều khía cạnh khác nhau của màu xanh lá cây, bao gồm mã màu, bảng màu khác nhau, sắc thái và các màu tương tự. Chúng tôi cũng sẽ đi sâu vào các kết hợp màu sắc hấp dẫn và ý nghĩa tượng trưng của màu xanh lá cây trong nhiều bối cảnh khác nhau, cung cấp hướng dẫn toàn diện cho các nhà thiết kế, nghệ sĩ và những người đam mê. Màu xanh lá cây là màu gì? Màu xanh lá cây là màu thứ cấp được tạo ra bằng cách kết hợp màu xanh lam và màu vàng. Nó phổ biến trong tự nhiên, tượng trưng cho sự sống, sự đổi mới và năng lượng. Mã màu xanh lá cây Value Code HEX #008000 RGB (0, 128, 0) HSL (120, 100%, 25%) HSV (120...
Bạn đã bao giờ mỉm cười với những doodle sáng tạo của Google hay cảm thấy được an ủi bởi thông báo động viên từ Duolingo? Những kết nối cảm xúc nhỏ bé này tưởng chừng không quan trọng nhưng lại là yếu tố then chốt trong thiết kế UX tuyệt vời. Cảm xúc là một yếu tố mạnh mẽ nhưng thường bị bỏ qua trong UX. Ngoài chức năng và tính dễ sử dụng, cảm giác mà thiết kế mang lại có thể quyết định việc người dùng gắn bó hay rời bỏ sản phẩm của bạn. Emotional UX không chỉ dừng lại ở thẩm mỹ mà còn tạo ra những trải nghiệm có ý nghĩa, lấy con người làm trung tâm và chạm đến cảm xúc sâu sắc. Bài viết này sẽ khám phá thế giới ít được bàn tới của Emotional UX, giúp bạn tạo ra giao diện mang lại niềm vui, sự tin tưởng và kết nối. Emotional UX là...
Khi nhu cầu về giao diện người dùng (UI) ngày càng tăng, các công cụ thiết kế cũng không ngừng phát triển. Figma và Adobe XD là hai cái tên nổi bật, mỗi công cụ sở hữu những tính năng riêng biệt, phù hợp với nhu cầu của các nhà thiết kế hiện đại. Vậy bạn nên chọn công cụ nào cho dự án tiếp theo? Hãy cùng so sánh chi tiết để đưa ra quyết định. Figma là gì? Figma là công cụ thiết kế dựa trên nền tảng đám mây, nổi tiếng với khả năng cộng tác theo thời gian thực. Công cụ này cho phép nhiều người làm việc trên cùng một tệp, phù hợp cho các nhóm. Figma hoạt động trên trình duyệt, không cần cài đặt và tương thích với nhiều thiết bị. Tính năng nổi bật của Figma: Cộng tác thời gian thực: Làm việc đồng thời với đồng đội trên cùng một file...
Khi thiết kế bao bì, chúng ta cần phải đảm bảo những thông tin cần có trên bao bì sản phẩm. Chính những thông tin mà chúng ta cung cấp trên bao bì sẽ tác động trực tiếp tới quyết định mua của khách hàng. Trong bài viết này, ADINA sẽ cung cấp cho bạn những thông tin cần có trên bao bì sản phẩm, vai trò của thiết kế bao bì trong việc truyền tải thông tin và lợi ích khi đảm bảo đầy đủ thông tin trên bao bì. Cùng bắt đầu ngay nhé! 1. Tên sản phẩm Đây là yếu tố đầu tiên khách hàng nhìn thấy và giúp người tiêu dùng dễ dàng nhận biết loại hàng hóa họ đang cân nhắc mua. Vì vậy, khi thiết kế bao bì, tên thương hiệu cần được đặt ở chỗ dễ nhìn thấy, rõ ràng và nổi bật để khách hàng có thể nhận ra ngay lập tức khi nhìn vào. Đặc biệt, tên sản...
Hãy cùng khám phá bộ sưu tập ý tưởng thiết kế ứng dụng độc đáo. Bộ sưu tập này giới thiệu các ví dụ thiết kế ứng dụng di động, mang đến trải nghiệm người dùng tối ưu giúp họ giải quyết vấn đề một cách tinh tế. Ngoài ra, còn có các trang landing page hỗ trợ xây dựng thương hiệu và quảng bá ứng dụng hiệu quả. Cùng khám phá và tìm cảm hứng nhé! 1. Ứng dụng cửa hàng hoa Lấy cảm hứng từ câu nói của Frances Hodgson Burnett: “Nếu nhìn đúng cách, cả thế giới này là một khu vườn”. Dự án thiết kế này tôn vinh vẻ đẹp của hoa và cây cỏ qua ứng dụng thương mại điện tử cho phép khách hàng chọn và kết hợp những bó hoa hoàn hảo cho mọi dịp. Đồng thời, trang landing page giúp tăng cường sự hiện diện trực tuyến của cửa hàng. 2. Ứng dụng...
Hệ thống quản lý màu của Adobe được xây dựng trên các tiêu chuẩn của International Color Consortium (ICC), đảm bảo màu sắc chính xác và đồng nhất từ nhập liệu, chỉnh sửa đến xuất bản. Vì sao quản lý màu sắc quan trọng? Khi làm việc với hình ảnh và thiết kế, đặc biệt là trong môi trường chuyên nghiệp, màu sắc đóng vai trò quyết định đến chất lượng sản phẩm. Quản lý màu sắc giúp: Đồng bộ hóa màu sắc khi chuyển đổi giữa các ứng dụng Adobe như Photoshop, Illustrator và InDesign. Giữ nguyên chất lượng màu khi xuất bản trên các thiết bị đầu ra (máy in, màn hình, hoặc web). Tạo trải nghiệm làm việc mượt mà và tiết kiệm thời gian điều chỉnh màu sắc thủ công. Bật mí quy trình quản lý màu sắc tối ưu Tư vấn và đồng bộ hóa quy trình...
Logo hình tròn thường xuất hiện trong những bộ nhận diện thương hiệu dễ nhận biết nhất. Hình tròn mang vẻ đẹp thuần khiết, đơn giản và gợi lên sự hài hòa. Chúng xuất hiện khắp nơi trong tự nhiên, nên không ngạc nhiên khi chúng phổ biến trong thiết kế. Tuy nhiên, một số nhà thiết kế từng lo ngại rằng hình dạng này có thể bị lạm dụng. Hình tròn không chỉ tạo cảm giác bình yên mà còn là khung viền lý tưởng cho chữ, biểu tượng hoặc hình ảnh, mang lại sự cân đối cho thiết kế logo. Dưới đây là những logo hình tròn tiêu biểu, trong đó có những logo nổi tiếng nhất mọi thời đại. 1. Logo Pepsi Logo đơn giản, cổ điển của Pepsi là biểu tượng không thể nhầm lẫn. Bắt đầu từ năm 1893 với tên gọi “Brad’s Drink”, sản phẩm được đổi thành...
Làm Cách Nào Tối Ưu Kênh YouTube để Thu Hút Nhiều Người Đăng Ký Hơn Giống như các nền tảng mạng xã hội khác, YouTube cũng có những yêu cầu thiết kế riêng mà bạn cần tuân theo. Điều này giúp bạn thu hút thêm người đăng ký và nâng cao sức mạnh kênh của mình. Chỉ tạo kênh YouTube thôi chưa đủ; bạn cần giữ cho kênh thật “sáng bóng” nếu muốn thành công. Bắt đầu bằng cách tối ưu hóa hình ảnh kênh YouTube của bạn. Bài viết này sẽ hướng dẫn bạn các phương pháp thiết kế hình ảnh kênh tốt nhất, kèm ví dụ và kích thước tiêu chuẩn. Hướng Dẫn Thiết Kế Hình Ảnh Kênh Tại sao bạn nên tuân thủ kích thước ảnh bìa chuẩn của YouTube? Vì YouTube có hàng triệu người dùng trên nhiều thiết bị và hệ điều hành khác nhau. Bạn không muốn hình ảnh kênh của...
Tìm hiểu nguyên nhân không cài được Font báo lỗi “not a valid font file” trên Windows khi tải font tại Fontvn.com Khi tải font từ các trang web như Fontvn.com, đôi khi người dùng gặp phải thông báo lỗi “not a valid font file” khi cài đặt font trên hệ điều hành Windows. Nguyên nhân chính của lỗi này thường là do người dùng vô tình chọn nhầm thư mục khi cài đặt, cụ thể là thư mục có tên __MACOSX (thư mục nén do hệ điều hành Macbook tạo ra). 1. Nguyên nhân gây lỗi Khi bạn tải font từ các nguồn chia sẻ, các file tải về đôi khi bao gồm cả thư mục __MACOSX. Đây là thư mục hệ thống của macOS, được tạo ra để lưu trữ thông tin metadata của file khi nén hoặc giải nén trên hệ điều hành này. Các file trong thư mục __MACOSX không thực sự là...
Trong ngành thiết kế thay đổi nhanh chóng, việc cập nhật các xu hướng, công cụ, và công nghệ mới nhất là cực kỳ cần thiết. Các xu hướng thiết kế luôn biến đổi, công cụ phát triển không ngừng và các phương pháp mới liên tục xuất hiện, tạo ra không ít thách thức cho các nhà thiết kế trong việc duy trì kỹ năng và đảm bảo chất lượng sản phẩm. Nếu không cập nhật, các thiết kế dễ trở nên lỗi thời, bỏ lỡ cơ hội và khó đáp ứng kỳ vọng của khách hàng. Trong bài viết này, chúng ta sẽ cùng khám phá các phương pháp thực tế giúp các nhà thiết kế bắt kịp với ngành thiết kế đang phát triển không ngừng, đặc biệt tập trung vào các chiến lược để cân bằng giữa việc học và năng suất. Chúng tôi cũng sẽ giới thiệu một số ví dụ thực tế về cách các nhà thiết...
Tuần trước, chúng ta đã tìm hiểu về những website táo bạo sử dụng kiểu chữ lớn (huge type) và làm điều đó rất tốt. Trong bài viết tuần này, tôi sẽ phân tích kỹ hơn về yếu tố làm nên sự thành công của kiểu chữ lớn trên những trang web đó, đồng thời đề xuất một số hướng dẫn và khuyến nghị khi áp dụng kiểu chữ lớn trên web. Đây là phần hai trong chuỗi bài viết về kiểu chữ lớn. Bạn có thể đọc phần một tại đây: Huge Type on the Web. Từ khi bắt đầu dự án Better Web Type, tôi luôn khuyến khích việc sử dụng kiểu chữ táo bạo và mạnh mẽ hơn trên web. Chọn font sans-serif cho tiêu đề và font serif cho nội dung đã trở nên quá nhàm chán. Đặt tiêu đề ở trên cùng và căn giữa cũng vậy. Dù hiện nay chúng ta có đủ công cụ để thiết kế và xây dựng các...
Thiết kế không chỉ là làm cho mọi thứ trông đẹp mắt — nó là việc giải quyết vấn đề và tạo ra những trải nghiệm ý nghĩa. Tuy nhiên, một trong những phần khó khăn nhất của quá trình thiết kế là đảm bảo rằng ý tưởng của bạn được người khác hiểu rõ, dù đó là các bên liên quan, khách hàng, hay nhà phát triển. Là một nhà thiết kế sản phẩm, vai trò của bạn không chỉ là tạo ra mà còn phải truyền đạt hiệu quả "lý do" và "cách thức" đằng sau các quyết định của mình. Ảnh: DesignerVN Trong bài viết này, chúng ta sẽ khám phá các chiến lược để truyền đạt ý định thiết kế một cách rõ ràng, đảm bảo rằng những ý tưởng trừu tượng của bạn được hiểu và triển khai theo đúng dự kiến. Bắt đầu với Lý Do: Xác định Mục đích của Thiết Kế Khi truyền đạt thiết...
Một thiết kế được chế tác khéo léo sẽ dễ dàng thu hút ánh nhìn của người xem, giống như một bàn tay vô hình dẫn dắt họ vào một hành trình thị giác. Bạn đã bao giờ tự hỏi điều gì làm cho một số thiết kế trở nên hấp dẫn chưa? Cốt lõi của truyền thông trực quan hiệu quả nằm ở một yếu tố duy nhất, mạnh mẽ: điểm nhấn . Trong thế giới thiết kế đồ họa , điểm nhấn không chỉ là một yếu tố thiết kế mà còn là trung tâm thúc đẩy trải nghiệm của người dùng . Cho dù là thiết kế web hay tạo ra một tác phẩm nghệ thuật phức tạp, điểm nhấn đều rất quan trọng, đóng vai trò là trọng tâm chính đảm bảo người xem không chỉ lướt qua mà thực sự nhìn thấy. Chúng ta sẽ đi sâu vào các nguyên tắc của hệ thống phân cấp thị giác, khám phá các kỹ thuật sáng...
Lỗi gõ dấu tiếng Việt trong Photoshop là vấn đề phổ biến mà nhiều người dùng gặp phải khi làm việc với văn bản tiếng Việt. Những lỗi này có thể gây khó khăn trong việc hiển thị văn bản một cách chính xác. Dưới đây là một số nguyên nhân chính dẫn đến tình trạng này và các cách khắc phục hiệu quả. Nguyên Nhân Gây Ra Lỗi Gõ Dấu Tiếng Việt Font chữ không hỗ trợ tiếng Việt Một trong những nguyên nhân phổ biến nhất là do font chữ bạn đang sử dụng không hỗ trợ ký tự tiếng Việt. Nhiều font quốc tế được thiết kế chỉ để hỗ trợ bảng chữ cái Latin cơ bản, thiếu các dấu tiếng Việt như dấu sắc, huyền, hỏi, ngã, nặng. Lỗi bảng mã Việc chọn sai bảng mã trong bộ gõ tiếng Việt (như Unikey hoặc Vietkey) cũng có thể gây ra lỗi. Thường khi sử dụng bảng...
Trong lĩnh vực thiết kế web năng động, việc cập nhật các công cụ mới nhất có thể cải thiện đáng kể quy trình làm việc và khả năng sáng tạo của bạn. Sau đây là một số công cụ thịnh hành mà mọi nhà thiết kế web nên thử: Framer Framer là trình xây dựng trang web không cần mã, trông giống như một công cụ thiết kế nhưng tạo ra các trang web đầy đủ chức năng. Nó cho phép các nhà thiết kế tạo ra các trang web đầy đủ chức năng với Hiệu ứng, CMS và thậm chí là Bản địa hóa. AI Color Combination Generator Một công cụ sử dụng AI để tạo ra những sự kết hợp màu sắc đẹp mắt. Readymag Readymag là một công cụ thiết kế trên trình duyệt web giúp tạo ra các trang web, porfolio và bài thuyết trình trực tuyến nổi bật mà không cần viết code...
Font Việt hóa là gì? Font Việt hóa là thuật ngữ chỉ các bộ font đã được điều chỉnh, bổ sung đầy đủ các ký tự đặc trưng của tiếng Việt. Tiếng Việt sử dụng bảng chữ cái Latinh với dấu thanh và các ký tự đặc biệt, như: ă, â, ê, ô, ơ, đ, và các dấu thanh như sắc (´), huyền (`), hỏi (?), ngã (~), nặng (.). Điều này đòi hỏi font chữ phải hỗ trợ đầy đủ các ký tự đó để hiển thị tiếng Việt chính xác và thẩm mỹ. Tại sao cần font Việt hóa? Khi sử dụng các font nước ngoài mà chưa được Việt hóa, các ký tự đặc trưng của tiếng Việt thường bị lỗi hoặc hiển thị không đúng cách, dẫn đến mất thẩm mỹ và khó đọc. Font Việt hóa đảm bảo rằng văn bản tiếng Việt có thể được hiển thị mượt mà, rõ ràng và đẹp mắt, dù là trên website, tài liệu in ấn hay các...
Trong thiết kế, màu sắc và font chữ đóng vai trò quan trọng trong việc truyền tải thông điệp và tạo ấn tượng với người xem. Sự kết hợp hài hòa giữa hai yếu tố này có thể nâng tầm một thiết kế, trong khi sự lệch lạc có thể gây rối mắt và giảm hiệu quả truyền thông. Vậy làm sao để kết hợp màu sắc và font chữ một cách hiệu quả? Hãy cùng khám phá các nguyên tắc và mẹo sau đây. 1. Hiểu Về Tâm Lý Màu Sắc Và Phong Cách Font Chữ Màu sắc và font chữ đều mang lại cảm xúc và thông điệp riêng. Việc hiểu rõ tâm lý màu sắc và tính cách của font chữ sẽ giúp bạn chọn lựa đúng đắn hơn: • Màu Sắc: Mỗi màu sắc có một ý nghĩa riêng. Ví dụ, màu đỏ thường thể hiện sự mạnh mẽ và năng động, màu xanh lá mang lại cảm giác tươi mới và thân thiện, còn...
Khi xây dựng thương hiệu hoặc phát triển website, việc lựa chọn font chữ đóng vai trò vô cùng quan trọng. Đối với các doanh nghiệp Việt Nam, việc sử dụng font chữ Việt hóa không chỉ đảm bảo tính thẩm mỹ mà còn giúp tăng tính nhận diện và dễ dàng tiếp cận với khách hàng. Bài viết này sẽ giúp bạn hiểu rõ hơn về cách chọn font chữ Việt hóa phù hợp cho website và thương hiệu của mình. 1. Hiểu về phong cách thương hiệu Trước khi chọn font chữ, bạn cần xác định rõ phong cách thương hiệu của mình. Thương hiệu muốn truyền tải sự sang trọng, hiện đại hay trẻ trung, năng động? Phong cách sang trọng: Những thương hiệu cao cấp thường ưu tiên các font chữ serif có nét mảnh và tinh tế, như DVN Lively. Font chữ này tạo cảm giác trang trọng, lịch...
DesignerVN là chuyên trang cung cấp thông tin dành cho cộng đồng Designer, nhà thiết kế Việt Nam. Thư viện font chữ, tài nguyên thiết kế đa dạng.
Back
Bên trên