Kiến thức thiết kế

Các biểu tượng đã trở thành một thành phần thiết yếu trong việc phát triển thiết kế giao diện người dùng (UI) cho các trang web và ứng dụng di động. Chúng ta thấy chúng ở khắp mọi nơi, từ danh sách nội dung đến logo, thanh tìm kiếm đến điều hướng - thật dễ dàng để hình dung các trang web hiện đại với các biểu tượng. Việc tạo ra một biểu tượng mới có thể tốn thời gian, vì vậy chúng ta thường tìm kiếm các biểu tượng có sẵn trên mạng. Một trong những thư viện phông chữ biểu tượng nổi tiếng nhất là Font Awesome, được các nhà thiết kế web sử dụng rộng rãi trong nhiều năm. Tuy nhiên, một thư viện phông chữ biểu tượng mới đã xuất hiện với tên gọi Unicons, mang đến một số tính năng độc đáo khiến nó khác biệt so với Font Awesome. Trong bài viết...

Màu hổ phách (Amber) là một sắc màu độc đáo, được truyền cảm hứng từ nhựa cây hóa thạch. Màu sắc này kết hợp giữa ánh vàng rạng rỡ và sắc đất ấm áp, tạo nên của một tổng màu rất đẹp và tinh tế. Hãy cùng Designer Viet khám phá sắc màu quyến rũ này và cách kết hợp nó trong thiết kế! Màu Hổ Phách Là Màu Gì? Màu hổ phách là sự kết hợp giữa vàng, cam và nâu nhẹ, gợi nhớ đến ánh nắng hoàng hôn và đồng thời mang lại cảm giác ấm áp, tự nhiên. Sắc màu này được đặt tên theo loại nhựa cây cổ được hóa thạch theo thời gian, thường xuất hiện trong trang sức và nghệ thuật. Mã Màu Hổ Phách Mô Hình MàuMã Màu HEX#FFBF00 RGB255, 191, 0 HSL45°, 100%, 50% HSV45°, 100%, 100% CMYK0%, 25%, 100%, 0% Bố Cục Màu Hổ Phách Tuyệt Đẹp Tại...

Thiết kế cho năm 2025 không chỉ đơn giản là chạy theo xu hướng mới nhất — mà quan trọng là tạo ra những trải nghiệm thực sự ý nghĩa. Khi thế giới số đang thay đổi nhanh chóng hơn bao giờ hết, UI design cũng phải liên tục thích nghi để đối mặt với những thách thức và cơ hội mới. Bạn nghĩ sao — liệu thiết kế đơn giản, hình ảnh táo bạo, trải nghiệm nhập vai hay những thiết kế thực sự kết nối với người dùng sẽ là xu hướng nổi bật nhất năm nay? Không để bạn chờ lâu nữa, cùng khám phá những xu hướng UI design hàng đầu trong năm nay nhé! 1. Big Typography Big Typography sử dụng chữ to, đậm như một yếu tố hình ảnh chính. Phông chữ lớn và nổi bật chiếm ưu thế trong bố cục, biến chữ trở thành điểm nhấn thị giác. Phong cách này giúp thu hút...

Glyphs là một công cụ mạnh mẽ giúp bạn khai thác tối đa các ký tự đặc biệt, chữ cái thay thế (alternates), ký tự trang trí (swashes) và biểu tượng trong font chữ. Trong thiết kế đồ họa, việc sử dụng Glyphs không chỉ giúp tác phẩm trở nên độc đáo mà còn mở ra nhiều khả năng sáng tạo. Bài viết này sẽ hướng dẫn bạn cách sử dụng bảng Glyphs trong Photoshop và Illustrator để tận dụng tối đa các ký tự đặc biệt có sẵn trong font chữ, từ đó nâng cao chất lượng thiết kế của bạn. Cách sử dụng Glyphs trong Photoshop Bạn có thể dễ dàng sử dụng Glyphs trong Photoshop theo 2 cách sau: Cách 1: Cách đơn giản dễ dùng Glyphs Bạn chỉ cần bôi đen ký tự cần đổi kiểu chữ và chọn vào Show Alternates for Selection. Nếu ký tự bạn chọn có hỗ trợ Glyphs thì...

Bố cục là yếu tố quyết định sự thành công của một thiết kế poster. Một bố cục khoa học và hợp lý sẽ giúp thông tin trong poster được truyền tải rõ ràng, thu hút người xem, trong khi một bố cục lộn xộn sẽ dễ dàng khiến thiết kế mất đi sức hấp dẫn. Hãy cùng khám phá những nguyên tắc vàng để tạo ra một bố cục poster chuyên nghiệp. Bố Cục Poster Là Gì? Bố cục poster là cách bạn sắp xếp các yếu tố thiết kế sao cho chúng gắn kết với nhau một cách chặt chẽ, tạo ra một tổng thể hài hòa. Một bố cục tốt giúp làm nổi bật nội dung chính và thu hút sự chú ý của người xem. Nó cũng đóng vai trò quan trọng trong việc in poster số lượng lớn hay ít, giúp sản phẩm cuối cùng không chỉ đẹp mà còn hiệu quả trong việc truyền tải thông điệp. 10 Nguyên Tắc...

Font chữ không chỉ đơn thuần là một công cụ trong thiết kế, mà còn là một phần quan trọng của văn hóa và lịch sử. Sự phát triển của font chữ đã trải qua nhiều giai đoạn quan trọng, từ chữ viết tay nguyên thủy đến thời đại kỹ thuật số ngày nay. Hãy cùng khám phá hành trình phát triển của typography qua từng thời kỳ. 1. Thời kỳ chữ viết tay và bản thảo Trước khi có font chữ, con người đã sử dụng chữ viết tay để ghi chép và truyền tải thông tin. Một số hệ thống chữ viết cổ đại bao gồm: Chữ tượng hình Ai Cập (khoảng 3100 TCN): Một trong những hệ thống chữ viết sớm nhất, sử dụng ký hiệu hình ảnh để biểu thị ý nghĩa. Chữ cái Hy Lạp và La Mã (khoảng 800-500 TCN): Đánh dấu sự xuất hiện của bảng chữ cái có thể sử dụng rộng rãi trong ghi...

Bạn đã bao giờ liếc qua một trang web và ngay lập tức thấy mắt mình bị thu hút bởi một tiêu đề cụ thể chưa? Đó chính là sự kỳ diệu của hệ thống phân cấp kiểu chữ . Nó xuất hiện ở khắp mọi nơi—trên tạp chí, trên trang web, trong ứng dụng—và là nền tảng của thiết kế hiệu quả. Hãy tưởng tượng một thế giới mà mọi đoạn văn bản đều tranh giành sự chú ý theo cùng một cách; đó sẽ là một mớ hỗn độn. Typographic hierarchy mang lại trật tự, giúp thiết kế của bạn không chỉ đẹp mắt mà còn có chức năng rõ ràng. Hiểu Về Typography Typography là gì? Typography là nghệ thuật và kỹ thuật sắp xếp chữ để làm cho văn bản dễ đọc, dễ hiểu và hấp dẫn về mặt thị giác. Typography bao gồm việc lựa chọn font, kích thước, khoảng cách dòng và bố cục để cải...

Sau hơn 17 năm làm việc từ thiết kế logo đến website, tôi nhận ra rằng nguyên tắc thiết kế đồ họa không chỉ là quy tắc – mà là công cụ giúp giải quyết các vấn đề thị giác. Những nguyên tắc thiết kế cơ bản vẫn giữ nguyên từ thời Paul Rand và Dieter Rams. Điều thay đổi là cách chúng ta áp dụng chúng. Hướng dẫn này sẽ giúp bạn hiểu rõ các nguyên tắc thiết kế quan trọng nhất: ✅ Cân bằng và thứ tự thị giác ✅ Lý thuyết màu sắc và tâm lý học màu ✅ Typography (phông chữ) giúp truyền tải thông điệp ✅ Tương phản để thu hút sự chú ý ✅ Lặp lại để tạo sự thống nhất ✅ Gần gũi (proximity) để tổ chức thông tin Dù bạn thiết kế website, ấn phẩm in hay nhận diện thương hiệu, những nguyên tắc này luôn có giá trị. Tôi sẽ hướng dẫn cách áp dụng từng nguyên...

Typography, hay nghệ thuật chữ, là cách sắp xếp và thiết kế chữ để làm cho ngôn ngữ viết trở nên dễ đọc, rõ ràng và hấp dẫn về mặt thị giác. Nó bao gồm việc chọn kiểu chữ phù hợp, điều chỉnh kích thước, khoảng cách giữa các chữ cái và dòng, cũng như cách bố trí tổng thể để truyền tải thông tin hiệu quả. Tầm quan trọng của typography nằm ở khả năng: Tăng cường khả năng đọc, giúp người dùng dễ dàng tiếp nhận nội dung. Truyền tải giọng điệu và tâm trạng, chẳng hạn như tạo cảm giác trang trọng với serif hoặc hiện đại với sans-serif. Cải thiện trải nghiệm người dùng, đặc biệt trong thiết kế web và ấn phẩm in ấn. Xây dựng bản sắc thương hiệu, với các kiểu chữ đặc trưng giúp thương hiệu dễ nhận diện. Ảnh hưởng đến phản ứng cảm xúc, kích...

Mở một tệp Figma mới và tạo một cái gì đó như Như bạn có thể đoán được. Đây là 3 hình khác nhau, không có gì bất thường ở đây. Nhưng nếu bạn cố gắng căn giữa chúng, bạn sẽ thấy chúng chồng lên nhau. Điều này là do Figma vẫn đang xử lý từng thành phần riêng biệt, không phải là một thành phần duy nhất. Bây giờ, hãy Group chúng lại như sau: Bạn sẽ sớm nhận thấy rằng bây giờ chúng xuất hiện như thế này ở Frame bên trái: Một số lợi ích của việc Group lại là: Di chuyển chúng lại với nhau Thay đổi chúng cùng nhau Đặt chúng lại với nhau Nhưng việc Group có hai hạn chế chính so với việc tạo Frame. Đó là thay đổi kích thước và tự động bố cục. Thay đổi kích thước Ngay khi bạn cố gắng thay đổi kích thước của một Group, điều gì đó kỳ lạ...

1. Giới thiệu về Times New Roman Times New Roman là một trong những font chữ serif phổ biến nhất trên thế giới. Được biết đến với tính dễ đọc và thiết kế cổ điển, font chữ này đã trở thành tiêu chuẩn trong báo chí, học thuật và xuất bản. 2. Lịch sử ra đời Times New Roman được tạo ra vào năm 1931 bởi nhà thiết kế Stanley Morison và Victor Lardent, dưới sự ủy quyền của tờ báo The Times (Anh). Mục đích của họ là tạo ra một kiểu chữ dễ đọc hơn nhưng vẫn mang phong cách trang trọng và chuyên nghiệp. Font chữ này chính thức xuất hiện trên The Times vào năm 1932 và nhanh chóng trở nên phổ biến trên toàn cầu. 3. Đặc điểm nổi bật của Times New Roman Tính dễ đọc cao: Các ký tự được thiết kế gọn gàng, cân đối, giúp người đọc dễ dàng tiếp...

1. Phong cách thiết kế Y2K là gì? Phong cách Y2K (Year 2000) là xu hướng thiết kế đặc trưng bởi tính thẩm mỹ tương lai, mang đậm ảnh hưởng của kỷ nguyên kỷ 2000. Lấy cảm hứng từ sự tiến bộ của công nghệ, những bộ phim khoa học viễn tưởng và giao diện kỷ thuật số, Y2K mang lại một phong cách vừa hoài niệm, vừa độc đáo. 2. Nguồn gốc của phong cách Y2K Phong cách Y2K xuất hiện từ cuối thập niên 90 đến đầu 2000, khi Internet và công nghệ số bùng nổ. Nó bị chi phối bởi: Giao diện hệ điều hành: Windows 98, XP, Mac OS X. Văn hóa pop: MTV, Britney Spears, Destiny's Child. Thời trang: Màu neon, metallic, holographic. Game & Phim: The Matrix, Final Fantasy, PlayStation 1. 3. Đặc trưng của thiết kế Y2K a) Màu sắc và ánh sáng Tông màu neon...

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