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
Hình dạng logo không chỉ mang tính thẩm mỹ mà còn góp phần định hình phong cách cho doanh nghiệp của bạn. Nghiên cứu về truyền thông thị giác cho thấy những hình dạng cụ thể có sự liên kết với cách não bộ con người ghi nhớ và cảm nhận. Điều này có nghĩa là khi thêm một hình dạng có chủ đích vào thiết kế logo, bạn không chỉ thay đổi vẻ ngoài — mà còn thay đổi cách khách hàng hiểu và cảm nhận về thương hiệu của bạn. Hình dạng logo rất quan trọng. Khi kết hợp thêm màu sắc, font chữ và hình ảnh, một logo hiệu quả sẽ mang nhiều tầng ý nghĩa mạnh mẽ hơn. Dưới đây, chúng ta sẽ khám phá những hình dạng quen thuộc và ảnh hưởng của chúng đến người tiêu dùng. Đồng thời, bạn cũng sẽ biết cách chọn hình dạng logo phù hợp kèm ví dụ minh họa...
Bạn có bao giờ “tủi thân” vì những bức ảnh mình chụp trông cứ mờ mờ, thiếu chi tiết rõ nét? Điều đó có thể đến từ việc rung tay, ánh sáng yếu hoặc camera chưa thật chất lượng. Thay vì ngồi mò mẫm chỉnh trong Photoshop, hiện nay đã có một giải pháp nhẹ nhàng hơn đó là làm nét ảnh bằng công nghệ AI Đây là giải pháp đơn giản, nhanh chóng nhưng vẫn mang lại kết quả sắc nét, tự nhiên, giúp “cứu nguy” cho những tấm hình quý giá của bạn. Hướng dẫn cách làm nét ảnh online với SnapEdit Được thiết kế để phục vụ mọi đối tượng: từ designer, nhiếp ảnh gia, đến các bạn bán hàng online và người thường, tính năng làm nét ảnh của SnapEdit dễ dùng, xử lý ảnh chất lượng nhìn chuyên nghiệp mà không cần kỹ năng chỉnh sửa cao. SnapEdit là công cụ...
Bạn đã từng thắc mắc về văn bản rõ ràng, dễ đọc khiến việc lướt qua dòng thời gian của bạn trở nên dễ dàng? Lựa chọn kiểu chữ của Facebook không phải ngẫu nhiên. Chúng được chọn lọc cẩn thận để hoạt động mượt mà trên hàng tỷ thiết bị trên toàn cầu. Việc tìm hiểu font chữ mà Facebook sử dụng trở nên quan trọng khi bạn nhận ra nền tảng này phục vụ hơn 3 tỷ người dùng mỗi ngày. Gã khổng lồ mạng xã hội dựa vào một hệ thống font chữ tinh vi ưu tiên font hệ thống để đảm bảo hiệu suất và khả năng đọc tối ưu. Hiểu về chiến lược kiểu chữ của Facebook cho thấy cách các công ty công nghệ lớn cân bằng giữa tính nhất quán thương hiệu và các ràng buộc kỹ thuật. Thiết kế giao diện của nền tảng phụ thuộc vào tính tương thích đa nền tảng trong khi...
Các biểu mẫu có khả năng truy cập là một phần quan trọng của thiết kế toàn diện. Chúng giúp đảm bảo rằng mọi người — dù sử dụng bàn phím, trình đọc màn hình, điều khiển bằng giọng nói hay thiết bị hỗ trợ — đều có thể hoàn thành các tác vụ như bất kỳ người dùng nào khác. Tuy nhiên, rất nhiều biểu mẫu hiện nay được thiết kế mà không xem xét đến cách người dùng có các dạng khả năng khác nhau sẽ trải nghiệm chúng như thế nào. Kết quả là gì? Sự bối rối, sai sót và thậm chí là bỏ cuộc. Tin tốt là việc cải thiện khả năng truy cập cho biểu mẫu không đòi hỏi bạn phải thiết kế lại toàn bộ. Trên thực tế, những điều chỉnh nhỏ cũng có thể tạo ra sự khác biệt lớn. Trong bài viết này, chúng ta sẽ khám phá những cách thực tiễn để làm cho biểu mẫu...
Phông chữ mảnh giống như chiếc ghế sofa tối giản đang "trendy" – nhìn thì sang chảnh trên ảnh, nhưng ngồi vào thì thật sự là thảm họa. Các nhà thiết kế đã bị ám ảnh bởi chúng suốt nhiều năm, xem đó như biểu tượng của sự tinh tế, sang trọng và đẳng cấp thương hiệu. Nhưng hãy thực tế một chút: phông chữ mảnh là một thảm họa về khả năng sử dụng và tiếp cận. Chúng khiến mắt mỏi, biến mất trên một số màn hình, và hoàn toàn xa lánh những người không có thị lực hoàn hảo. Thế nhưng trong nhiều năm qua, các thương hiệu và nhà thiết kế vẫn cố chấp, bắt người dùng phải nheo mắt nhìn vào những dòng chữ mờ ảo chỉ để đọc một menu hay nút kêu gọi hành động. Thật là bức bối, nhưng tin tốt là: một số nhà thiết kế cuối cùng cũng đã tỉnh ngộ. Ngày càng...
Figma là một làn gió mới cho những người làm việc trong lĩnh vực thiết kế giao diện. Tính chất dựa trên trình duyệt cho phép mọi người truy cập công cụ thiết kế này từ bất kỳ hệ điều hành nào. Do đó, nó cho phép mọi người làm việc cộng tác theo thời gian thực trên cùng một tệp hoặc dự án mà không cần xuất file. Chỉ cần chia sẻ liên kết là bạn có thể cộng tác. Tất nhiên, để tận dụng tối đa, bạn cần phải rất quen thuộc với các công cụ của Figma. Các Công Cụ Cơ Bản của Figma Mặc dù Figma cơ bản thân thiện với người mới bắt đầu và dễ sử dụng, việc hiểu biết về các công cụ luôn tốt hơn là không biết gì. Bạn có thể thấy một số công cụ quen thuộc vì chúng cũng có sẵn trong các phần mềm, ứng dụng hoặc công cụ thiết kế khác. Tuy nhiên, việc...
Bạn thích xanh dương mát lạnh, hay nghiêng về cam đất ấm áp? Bạn thấy thoải mái khi nhìn màu trắng tinh khôi, hay bị thu hút bởi những bảng màu đậm chất drama? 🎯 Thực tế, tone màu yêu thích phản ánh rất rõ tính cách và gu thẩm mỹ của bạn — đặc biệt nếu bạn làm trong lĩnh vực thiết kế, sáng tạo hoặc branding. 🎨 Mỗi tone màu – một kiểu tính cách Màu sắc yêu thíchTính cách điển hình 🔵 Xanh dươngLý trí, điềm tĩnh, chuyên nghiệp 🟠 Cam đấtẤm áp, gần gũi, sáng tạo ⚫ ĐenQuyết đoán, cá tính mạnh, yêu sự tinh gọn 🌸 PastelDịu dàng, bay bổng, yêu cái đẹp 💜 Tím đậmNội tâm, sâu sắc, độc lập 🟢 Xanh lá nhạtCân bằng, thân thiện, yêu thiên nhiên 🔴 ĐỏMạnh mẽ, nhiệt huyết, thích thu hút Bạn thấy mình giống tone nào nhất? 💡 Designer...
Bạn có từng thiết kế với 5-6 màu nhưng nhìn lại chỉ thấy… "rối mắt"? Đừng lo, đó không phải do bạn dùng quá nhiều màu — mà là chưa có hệ thống phối đúng cách. 🎨 Phối nhiều màu KHÔNG đồng nghĩa với rối Ngược lại, những thiết kế giàu màu sắc (đa sắc) nếu được tổ chức tốt, sẽ thú vị, có chiều sâu và tạo cảm xúc mạnh. 💡 Bí quyết là: cân bằng, phân vai và giữ tone nhất quán. ✅ 5 mẹo phối nhiều màu mà vẫn hài hoà 1. Chia vai trò màu sắc rõ ràng Màu chính (primary): thường chỉ 1 màu – đại diện thương hiệu, định hình tone Màu phụ (secondary): 2–3 màu bổ sung, tạo chiều sâu Màu nhấn (accent): 1 màu nổi bật dùng rất ít, làm điểm nhấn (CTA, hover…) Màu nền và chữ (neutral): trắng, xám, đen → Khi mỗi màu có nhiệm vụ riêng, chúng không...
Vào tháng 6/2025, khi thế giới đang nỗ lực vì một hành tinh xanh hơn, thiết kế sinh thái (eco-design) nổi lên như một phong trào thiết kế đồ họa đầy cảm hứng, không chỉ đẹp mà còn mang ý nghĩa sâu sắc. Từ palette màu đất, minh họa lấy cảm hứng từ thiên nhiên, đến bố cục số tối ưu năng lượng, eco-design giúp thương hiệu truyền tải thông điệp bảo vệ môi trường và kết nối cảm xúc với người dùng. Bạn muốn làm mới website hoặc tạo chiến dịch đồ họa gây ấn tượng? Hãy khám phá cách thiết kế sinh thái định hình tương lai, với các mẹo thực hành và ví dụ thực tế để tạo trải nghiệm trực quan đầy sức sống! 1. Palette Màu Đất: Gợi Cảm Hứng Từ Thiên Nhiên Xem thêm bảng màu từ thiên nhiên. Màu sắc trong thiết kế sinh thái lấy cảm hứng từ thiên...
Trong thiết kế, màu sắc không chỉ mang tính thẩm mỹ, mà còn là một ngôn ngữ văn hóa. Chọn sai màu không chỉ gây hiểu lầm — mà đôi khi còn đánh mất sự tin tưởng của người dùng, hoặc làm lệch đi thông điệp thương hiệu. Bài viết này chia sẻ một số điển hình văn hóa màu sắc và những lỗi phổ biến khi thiết kế đa quốc gia. 🌏 Màu sắc trong mắt mỗi nền văn hoá là khác nhau: 🔴 Màu đỏ: Châu Á (VN, Trung Quốc): may mắn, hạnh phúc, cưới hỏi Phương Tây: cảnh báo, lỗi, nguy hiểm Nam Phi: màu của tang lễ ⚫ Màu đen: Châu Âu, Mỹ: lịch sự, sang trọng nhưng cũng liên quan đến tang lễ Nhật Bản: nghiêm túc, uy quyền, có thể mang nghĩa tiêu cực trong tang ma Châu Phi: trưởng thành, gắn liền với tôn giáo, linh thiêng ⚪ Màu trắng: Phương Tây...
Từ Pantone đến thiết kế số, màu sắc không chỉ là cảm xúc – nó là ngôn ngữ của thời đại. Mỗi năm trôi qua, chúng ta đều thấy màu sắc "lên ngôi" ở các lĩnh vực như thời trang, nội thất, digital design. Trong bài này, mình tổng hợp lại các xu hướng màu nổi bật từ năm 2020 đến nay, cùng với phân tích ứng dụng thực tế cho designer. Ứng dụng & xu hướng: 1. Thời trang Màu Pantone gần như là "kim chỉ nam" mỗi mùa thời trang. Ví dụ: Viva Magenta xuất hiện dày đặc trong BST Xuân/Hè 2023 của Valentino, Gucci. Peach Fuzz năm 2024 rất hợp với phong cách "quiet luxury" – sang nhưng không ồn ào. 2. Nội thất Classic Blue & Ultimate Gray từng được ứng dụng nhiều cho không gian thiền, làm việc, bếp. Very Peri & Magenta tạo điểm nhấn cho sofa, gối...
Trong thời đại kỹ thuật số, banner quảng cáo động (animated banners) đang trở thành vũ khí bí mật để các thương hiệu thu hút sự chú ý của người xem giữa một biển nội dung trực tuyến. Với sự phát triển của công nghệ và xu hướng thiết kế đồ họa, năm 2025 hứa hẹn sẽ là năm bùng nổ của những banner động sáng tạo, bắt mắt và hiệu quả. Bạn đang muốn làm mới website của mình với nội dung hấp dẫn hoặc cần ý tưởng cho chiến dịch quảng cáo tiếp theo? Hãy cùng khám phá các xu hướng thiết kế banner động và cách áp dụng chúng để tạo ấn tượng mạnh mẽ với khách hàng! 1. Micro-Animations: Nhỏ Nhưng Mạnh Mẽ Micro-animations (hiệu ứng động nhỏ) là xu hướng thống trị trong thiết kế banner năm 2025. Thay vì sử dụng các hiệu ứng rườm rà, các nhà thiết...
Trong thế giới thiết kế đồ họa, typography không chỉ là việc chọn font chữ đẹp mà còn là nghệ thuật kể chuyện thương hiệu. Đặc biệt trong thiết kế bao bì, font chữ có thể quyết định liệu sản phẩm của bạn có nổi bật trên kệ hàng hay bị chìm vào quên lãng. Năm 2025, typography trong bao bì đang chứng kiến những đổi mới sáng tạo, từ font chữ viết tay cá tính đến serif hiện đại đầy tinh tế. Bạn muốn làm mới website của mình với nội dung hấp dẫn hoặc tìm cảm hứng cho dự án bao bì tiếp theo? Hãy cùng khám phá các xu hướng typography trong thiết kế bao bì và cách áp dụng chúng để tạo dấu ấn thương hiệu mạnh mẽ! 1. Font Chữ Tùy Chỉnh: Tạo Dấu Ấn Độc Quyền Năm 2025, các thương hiệu lớn đang đầu tư vào font chữ tùy chỉnh để khẳng định bản sắc...
Trong UI/UX, màu sắc không chỉ để “cho đẹp” – nó còn dẫn dắt người dùng, điều hướng hành vi và tạo cảm giác trải nghiệm trọn vẹn. 👉 Dưới đây là 3 vai trò quan trọng mà màu sắc cần làm tốt trong UI/UX hiện đại: 1. Màu giúp người dùng điều hướng dễ hơn Màu nhấn giúp nhận biết vị trí đang ở đâu (tab active, menu highlight...) Màu phụ phân tầng nội dung (heading, border, section...) ✅ Gợi ý: Chỉ dùng 1–2 màu chính để tránh rối mắt, chọn màu có ý nghĩa rõ ràng về chức năng (ví dụ: xanh cho xác nhận, đỏ cho cảnh báo)\ 2. Màu cho CTA – nổi bật vừa đủ Nút CTA (Call to Action) như “Đăng ký”, “Mua ngay”, “Bắt đầu”… → phải thật dễ thấy nhưng không được gây khó chịu. ✅ Mẹo nhỏ: Tạo tương phản tốt giữa nút và nền Dùng màu ấm, mạnh như...
Tại WWDC 2025, Apple đã làm cả thế giới công nghệ xôn xao với phong cách thiết kế giao diện mới mang tên Liquid Glass. Được mô tả là "bước tiến thiết kế lớn nhất từ trước đến nay" của Apple, Liquid Glass không chỉ là một lớp sơn mới mà còn là một tuyên ngôn về tương lai của thiết kế UI/UX, lấy cảm hứng từ visionOS của Vision Pro và hướng tới các thiết bị AR như Apple Glass. Nếu bạn là một nhà thiết kế đồ họa hoặc UI/UX, đây là cơ hội để bạn làm mới website, ứng dụng, và cả tư duy sáng tạo của mình. Hãy cùng khám phá Liquid Glass và cách nó định hình xu hướng thiết kế năm 2025! Liquid Glass Là Gì? Liquid Glass là một ngôn ngữ thiết kế giao diện mới, áp dụng trên toàn bộ hệ sinh thái của Apple, từ iOS 26, iPadOS 26, macOS Tahoe 26...
Màu sắc là yếu tố nền tảng trong mọi thiết kế – từ giao diện web, ứng dụng, cho đến branding hay in ấn. Tuy nhiên, trong quá trình làm nghề (hoặc quan sát sản phẩm của đồng nghiệp 😅), mình thấy rất nhiều bạn gặp phải những lỗi cơ bản về màu sắc, nhưng lại gây ảnh hưởng rất lớn đến chất lượng sản phẩm cuối cùng. Bài viết này chia sẻ 3 sai lầm phổ biến nhất mà mình thường thấy – và cách đơn giản để khắc phục. Nếu bạn thấy bài viết này hay hãy ủng hộ mình bằng cách ghé thăm trang web ColorHunting.Online, công cụ cung cấp bảng màu chuyên nghiệp. 1. Dùng quá nhiều màu → Gây rối mắt, mất điểm nhấn Việc sử dụng quá nhiều màu trong một thiết kế thường xuất phát từ việc… muốn mọi thứ "đẹp đều", hoặc không tự tin khi lựa chọn bảng màu chính...
Trong thiết kế, màu sắc không chỉ là công cụ trang trí – mà còn là ngôn ngữ cảm xúc mạnh mẽ, ảnh hưởng đến cách người dùng cảm nhận và phản ứng với sản phẩm, thương hiệu. Một trong những phân loại cơ bản và quan trọng nhất là: Màu Nóng và Màu Lạnh. 🔥 Màu nóng là gì? Màu nóng gồm các sắc như đỏ, cam, vàng – những gam màu mang cảm giác nhiệt huyết, ấm áp và năng động. Làm cho thiết kế nổi bật, thu hút sự chú ý Tạo cảm giác vui vẻ, phấn khích hoặc gấp rút (tùy ngữ cảnh) Phù hợp khi bạn cần người dùng tập trung, hành động, hoặc tạo điểm nhấn Ứng dụng: ❄️ Màu lạnh là gì? Màu lạnh bao gồm các màu xanh lá, xanh dương, tím, chàm – thường mang lại cảm giác mát mẻ, thư giãn, yên bình. Tạo sự tin tưởng, chuyên nghiệp và ổn định Giúp...
Hello anh em, Màu sắc là yếu tố thị giác đầu tiên mà người dùng cảm nhận được khi tiếp cận một thiết kế. Dù bạn thiết kế website, poster, giao diện app hay thậm chí là một logo đơn giản – cách phối hợp màu sắc vẫn luôn đóng vai trò cực kỳ quan trọng. 🔥 Vì sao phối màu lại quan trọng? Tạo cảm xúc và truyền tải thông điệp: Mỗi màu sắc đều mang một "ngôn ngữ" riêng – đỏ có thể tạo cảm giác năng lượng, vàng gợi sự vui vẻ, xanh lam thì chuyên nghiệp và tin cậy. Tăng tính nhận diện thương hiệu: Một bảng màu đặc trưng giúp thiết kế dễ ghi nhớ hơn và chuyên nghiệp hơn. Cân bằng thị giác và dẫn hướng người xem: Phối màu hợp lý giúp tạo điểm nhấn, dẫn ánh nhìn người xem đến phần quan trọng. Dưới đây là hai phiên bản của cùng một layout poster...
Chào mọi người 👋 Mình là designer kiêm dev front-end, dạo gần đây mình có làm một web nhỏ tên là ColorHunting.online, chuyên để tổng hợp các bảng màu đẹp dành cho thiết kế UI, web, branding hoặc content. Mục tiêu ban đầu là tạo ra nơi dễ xem, dễ quét màu, nên mình làm: Hiển thị bảng màu dạng lưới ngang, dễ hình dung Có mã HEX, copy nhanh Lọc nhanh theo tone (pastel, dark, retro, modern…) Sắp tới mình sẽ thêm: lưu bảng yêu thích, tạo bảng màu tự động từ ảnh 👉 Link web: https://www.colorhunting.online/ Một vài ví dụ bảng màu đang có trên web: Pastel dễ thương: #FCE1E4 – #F9D5E5 – #CBAACB – #B5EAD7 – #E2F0CB Dark mode sang trọng: #222831 – #393E46 – #00ADB5 – #EEEEEE Vintage tone: #DAB894 – #EAD7C2 – #A78E63 – #7E6651 Mình biết trong...
Trong bất kỳ dự án thiết kế nào, phông chữ (font) đóng vai trò then chốt trong việc truyền tải thông điệp và tạo ấn tượng đầu tiên với người xem. Tuy nhiên, không ít designer — đặc biệt là những bạn mới — thường mắc phải các sai sót khiến thiết kế kém chuyên nghiệp, giảm hiệu quả truyền thông. Bài viết dưới đây sẽ tổng hợp những lỗi phổ biến khi chọn phông chữ và gợi ý cách khắc phục để bạn có thể ứng dụng linh hoạt, nâng cao chất lượng sản phẩm. 1. Dùng quá nhiều phông chữ trong cùng một thiết kế Lỗi: Chọn sai quá 2–3 kiểu font khác nhau dẫn đến thiết kế rối mắt, thiếu sự đồng nhất. Mỗi font mang cá tính và “giọng nói” riêng; phối quá nhiều sẽ “đụng” phong cách và gây mất trọng tâm. Khắc phục: Giới hạn 2–3 font: Thông thường...
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