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
Làm thế nào để bạn biết một thiết kế là tốt hay xấu? Liệu có phải một thiết kế đẹp là một thiết kế tốt không? Làm sao bạn biết được thiết kế đẹp trong mắt bạn không phải là xấu trong mắt của sếp bạn? Việc đánh giá chất lượng thiết kế có thể là khá chủ quan, và những tiêu chí đánh giá có thể thay đổi phụ thuộc vào thể loại và mục đích của bản thân thiết kế. Nhưng cuối cùng, thiết kế được tạo ra để truyền tải một thông điệp nào đó và đạt được một kết quả cụ thể nào đó. Vẻ ngoài của của thiết kế là một nhân tố quan trọng để đánh giá chất lượng của nó, nhưng riêng vẻ ngoài sẽ không cho thấy một thiết kế là hiệu quả hay không. Để biết liệu thiết kế của bạn có hiệu quả hay không, bạn cần thấu hiểu những thành tố của sự truyền tải hình ảnh...
Các font ligature khá hữu ích trong thiết kế, đặc biệt là trong các dạng văn bản dài. Từ ligature xuất phát từ tiếng Latin ligare, có nghĩa là "buộc". Ligature kết hợp hai hoặc ba ký tự thành một ký tự duy nhất, ngoài việc giúp văn bản trở nên ngắn đi, nó còn mang mục đích là trang trí. Đối với hướng dẫn này, chúng tôi sẽ sử dụng hai phông chữ từ Envato Elements. Karin và Mondia. Font Ligatures là gì? Hiểu một cách đơn giản, phông chữ Ligature có thể kết hợp hai hoặc ba ký tự thành một ký tự. Loại đầu tiền là Standard ligature. Loại chữ này giúp thực hiện việc ghép chữ khi một số ký tự chiếm dụng chiều ngang của ký tự tiếp theo. Có các loại chữ Ligature khác nhau tùy thuộc vào ngôn ngữ. Trong tiếng Anh, các chữ ghép với ff, ffi, fi...
UI là viết tắt của từ User Interface có nghĩa là giao diện người dùng. Hiểu một cách đơn giản nhất thì UI bao gồm tất cả những gì người dùng có thể nhìn thấy trên một trang web hay một ứng dụng. Trong thiết kế thì UI đóng vai trò là yếu tố truyền tải thông điệp từ người thiết kế, nhà cung cấp dịch vụ, sản phẩm tới người dùng. Vài năm gần đây UI Design đều thuộc nhóm những ngành nghề có mức lương cao nhất, và nều bạn đang có ý định tìm hiểu về UI Design. Trước tiên, bạn nên tìm hiểu các phong cách thiết kế chính cũng như sơ bộ về nó. Neuomorphism Neumorphism là một xu hướng thiết kế mới nổi trong năm 2019 và được sự hưởng ứng rất lớn của cộng đồng Designer trên thế giới. Vẫn đi theo triết lý của sự tối giản và dễ dàng tiếp cận đối...
1. Thuật ngữ màu Có một số thuật ngữ màu sắc bạn nên biết trước khi bước chân vào thế giới thiết kế. Hãy cùng tìm hiểu nó là gì. • Hue Hue đề cập đến màu gốc - một màu bão hòa không có sự pha trộn của các màu trắng hoặc đen. • Tint Tint được tạo ra khi bạn pha trộn thêm một lượng màu trắng vào màu gốc (màu hue). • Shade Shade được tạo ra khi bạn pha trộn thêm một lượng màu đen vào màu gốc (màu hue). • Tone Tone thì tinh tế hơn một chút, bởi vì nó đòi hỏi sự kết hợp của cả đen và trắng, đây cũng là lý do tại sao Tone trông có vẻ tự nhiên hơn so với Shade và Tint. • Value Value là một đặc tính giúp chúng ta biết mức độ sáng - tối của một màu. • Saturation Saturation miêu tả màu sắc đậm hay nhạt theo các cường độ...
Minh họa phẳng hay còn gọi là Flat illustration là một phong cách tối giản và súc tích, nó thường được dùng trong thiết kế đồ họa và giao diện người dùng. Đặc trưng của phong cách này là sự đơn giản, giảm thiểu các chi tiết và hiệu ứng. Bạn có thể dễ dàng nhìn thấy nó ở rất nhiều nơi - có thể là trên các trang web, ứng dụng điện thoại, bộ nhận diện thương hiệu và thậm chí là báo chí và quảng cáo. Dưới đây là 5 lời khuyên hữu ích cho tất cả những ai đang quan tâm về vẽ minh họa theo phong cách phẳng. 1. Giữ sự đơn giản và cân bằng Thiết kế phẳng hướng đến sự đơn giản và tối giản chi tiết thừa. Để làm cho thiết kế của bạn trông gọn gàng, đừng quá phức tạp với các chi tiết hoặc hiệu ứng không cần thiết. Bạn phải xác định thành phần...
Giống như tất cả các xu hướng thiết kế, các Typeface cũng xuất hiện và biến mất, nhưng có một số kiểu chữ vượt thời gian và sẽ không bao giờ lỗi mốt. Eric Gill, Adrian Frutiger và Max Miedinger là những cái tên nổi tiếng trong ngành thiết kế đồ họa, người đã tạo ra nhiều Typeface được sử dụng bởi các nhà thiết kế chuyên nghiệp trong nhiều thập kỷ. Các phông chữ này dường như không bị lỗi thời cho dù xuất hiện ở thế kỷ nào, vì vậy bạn có thể sử dụng chúng trong suốt sự nghiệp thiết kế của mình. HELVETICA Helvetica đã trở thành một biểu tượng của ngành thiết kế đồ họa kể từ nó khi được tạo ra vào năm 1957. Cùng với sự làm mới gần đây của Helvetica Neue, nó thường là lựa chọn mặc định cho nhiều nhà thiết kế và được sử dụng bởi nhiều...
Adobe đã được biết đến rộng rãi như là chuyên gia trong các sản phẩm phần mềm Sáng tạo trong nhiều năm với một loạt các sản phẩm nổi tiếng như Photoshop, Acrobat, Flash, Lightroom và Illustrator ngoài ra còn có nhiều phần mềm khác. Đó là một thương hiệu mang dấu ấn của chất lượng với rất nhiều phần mềm quan trọng dành cho Designer. Adobe Character Animator chắc chắn là một công cụ tuyệt vời và mặc dù chưa được biết đến nhiều. Đây là một phần mềm tạo ra sự đổi mới trong ngành làm phim, sản xuất video vì nó tạo ra một nhân vật hoạt hình trực tiếp bằng cách sử dụng công nghệ nhận dạng khuôn mặt, và cho thấy sự xuất sắc trong kỹ thuật. Dưới đây là một hướng dẫn ngắn gọn về nó là gì và làm thế nào nó có thể được sử dụng phần mềm này. I...
Có một số nguyên tắc trong thiết kế giúp bạn dễ dàng dàn trang, trình bày và sắp xếp bố cục một cách trực quan và tự nhiên hơn. Một trong những nguyên tắc quan trọng nhất mà các nhà thiết kế nên biết đó chính là nguyên tắc Gestalt. Gestalt dựa trên ý tưởng bộ não con người sẽ tìm cách đơn giản hóa và sắp xếp các hình ảnh hoặc thiết kế phức tạp một cách vô thức, sau đó chỉnh sửa thành một hệ thống hoàn chỉnh có liên kết mật thiết với nhau. Từ đó giúp bạn tạo ra một thiết kế có chủ đích và có trọng tâm. 1. Nguyên tắc đồng bộ (Similarity) Bản năng con người là sắp xếp những thứ giống nhau thành một nhóm. Nguyên tắc đầu tiên của thuyết Gestalt chính là dựa vào đặc điểm này. Mọi thứ sẽ được nhóm theo màu sắc, hình dạng hoặc kích...
Những công cụ hữu ích dưới đây sẽ cho phép bạn tạo ra những mẫu Pattern Background Online chất lượng cao sử dụng cho các trang web và ứng dụng, ngoài ra nó còn hỗ trợ xuất sang CSS giúp bạn dễ dàng áp dụng lên các trang web. 1. Hero Patterns Hero Patterns là một dự án của nhà thiết kế UI và họa sĩ minh họa Steve Schoger. Steve hiện cung cấp hơn 90 mẫu Pattern SVG để tải xuống miễn phí và cho phép bạn cài đặt độ mờ, màu sắc của tệp. 2. Patterninja Trang web tạo Pattern này cho phép bạn kết hợp hình ảnh từ thư viện miễn phí của họ hoặc sử dụng của riêng bạn. Các mẫu được sản xuất có thể được tải xuống ở độ phân giải cao và được sử dụng để in và dùng trên trang web. 3. SVG Backgrounds Trang web này có chứa khoảng 48 mẫu Pattern...
Đối với những người mới bước chân vào UI Design, bạn sẽ rất bỡ ngỡ về một số loại màn hình và tên gọi cũng như chức năng của chúng. Bài viết sau đây sẽ cho bạn một cái nhìn tổng quan về các loại màn hình thường thấy khi thiết kế UI. Design: omaraqil 1. Splash screen Splash screen (hay còn gọi là màn hình khởi động) là màn hình đầu tiên bạn nhìn thấy khi bạn khởi chạy một ứng dụng di động. Về cơ bản, chúng được phát minh để che giấu quá trình tải dữ liệu mà phần mềm thực hiện trước khi sẵn sàng sử d, như với phần giới thiệu trò chơi trên máy tính. Một thiết kế màn hình Splash screen hoàn hảo thu hút sự quan tâm của người dùng với các hình ảnh minh họa ấn tượng, tiêu đề hấp dẫn. Chức năng phổ biến khác của splash screen là để tiếp...
Title (thường là văn bản tiêu đề hay là phần nội dung trọng tâm) là một Element cực kỳ quan trọng trong thiết kế, nó dẫn người xem chú ý vào nội dung trọng tâm hoặc của thiết kế. Văn bản tiêu đề thường đậm và lớn, nhưng làm thế nào để kết hợp với các Element khác trong thiết kế nhằm tạo ra sức hút? Áp dụng năm mẹo này cho các thiết kế của bạn để tạo ra các tiêu đề nổi bật, đẹp mắt và phản ánh phong cách thiết kế độc đáo của bạn. 1. Đặt ngay phần trung tâm để tạo ra tác động lớn nhất Không có gì làm nổi bật Title bằng cách đặt nó ngay trung tâm của hình ảnh! Lựa chọn kích thước phông chữ lớn và đặt nó ngay phần trung tâm là một trong những phương pháp đơn giản nhưng hữu hiệu nhất khi bạn muốn gây chú ý thông điệp hay nhãn hiệu. Tuy...
Khi bạn đã hoàn thành các thiết kế UI trên Adobe XD, thông thường bạn có thể xuất ra các file ảnh để gửi đến khách hàng. Tuy nhiên, nhiều nhà thiết kế khác lại chọn cách xuất trực tiếp file XD sang dạng mã để có thể thử nghiệm trực tiếp trên các trình duyệt. Nghe đến các dòng mã chúng ta thường có cảm giác rất mơ hồ và hơi hướng về các nhà phát triển (developer). Thế nhưng với Plugin Anima việc xuất tệp từ Adobe XD sang các tệp mã hóa như HTML và CSS rất đơn giản, dường như chỉ với 1 click chột. Plugin Anima cho Adobe XD giúp bạn tạo các nguyên mẫu có độ trung thực cao cho các trang web, ứng dụng và Landing page ngoài ra nó tự động chuyển đổi file của Adobe XD thành mã HTML và CSS hoạt động. Anima cung cấp cho bạn các công cụ tạo...
Cũng giống như cá nhân bạn vậy, thương hiệu cũng cần những đặc tính độc nhất nhằm tôn lên giá trị cốt lõi của bản thân và tách biệt nó với phần còn lại của thị trường. Không thể phủ nhận tầm quan trọng của bộ nhận diện thương hiệu đối với doanh nghiệp. Nhưng bạn đã thực sự hiểu rõ về khái niệm “bộ nhận diện thương hiệu”, điều gì làm nên một bộ nhận diện tốt – độc – lạ? Bài viết dưới đây sẽ giải thích tất tần tật những thắc mắc của bạn về cách thiết kế một bộ nhận diện thương hiệu hiệu quả. Brand Identity là gì? Brand Identity là các yếu tố liên quan tới thiết kế Logo, màu sắc, hình ảnh, icon, typo,… của một thương hiệu nhằm mục đích xác định và phân biệt thương hiệu trong tâm trí khách hàng. Brand Identity là thành tố quan trọng...
Sự khác biệt giữa RGB và CMYK là một trong những câu hỏi phổ biến nhất khi các bạn học về màu sắc trong thiết kế. Trong bài đăng này, chúng ta sẽ xem xét sự khác biệt giữa chúng và tại sao điều quan trọng là phải biết nên sử dụng hệ màu nào khi thiết kế. CMYK là gì? CMYK là từ viết tắt tiếng Anh của cơ chế hệ màu trừ, thường được sử dụng trong in ấn. Nó bao gồm các màu sau: C = Cyan (xanh) M = Magenta (hồng) Y = Yellow (vàng) K = Black (Đen) Nguyên lý làm việc chính của hệ CMYK là hấp thụ ánh sáng. Màu mà ta nhìn thấy là từ phần của ánh sáng không bị hấp thụ, hay nói cách khác, chúng hoạt động trên cơ chế những vật không tự phát ra ánh sáng mà chỉ phản xạ ánh sáng từ các nguồn khác chiếu tới. Do đó thay vì thêm độ sáng để có...
Cá tính thương hiệu (khái niệm: Brand Personality) là các tính cách, đặc trưng của con người được gán cho thương hiệu, nhằm dễ dàng tạo ra mối liên kết với người tiêu dùng. Cá tính thương hiệu trong tiếng Anh là Brand Personality. Cá tính thương hiệu là một tập hợp các đặc điểm của con người được gán cho một tên thương hiệu, để có thể tạo ra sự liên kết với người tiêu dùng. Một thương hiệu hiệu quả làm tăng tài sản thương hiệu của mình bằng cách tạo ra một nhóm các đặc điểm nhất quán mà được một phân khúc người tiêu dùng ưa thích. Cá tính thương hiệu là một giá trị định tính gia tăng một thương hiệu đạt được bên cạnh các lợi ích lí tính. Cá tính thương hiệu là một khuôn khổ giúp một công ty hoặc tổ chức định hình cách mọi người...
Phông chữ không chỉ giúp bạn truyền tải thông điệp mà nó còn truyền tải cảm xúc đến người xem khách hàng của bạn. Trong bài viết này, bạn sẽ tìm hiểu được một số mẹo hay về cách chọn phông chữ tốt nhất để xây dựng thương hiệu. Logo của thương hiệu phụ thuộc rất nhiều vào kiểu chữ bạn chọn. Có rất nhiều thể loại và phông chữ hiện có, vì vậy việc lựa chọn khá đa dạng và khó khăn cho các nhà thiết kế. Lựa chọn phông chữ phù hợp sẽ kết nối khách hàng với thương hiệu và sẽ truyền đạt một cảm xúc nhất định. Phông chữ phù hợp sẽ giúp bạn truyền tải đúng thông điệp mà bạn cần. Cách chọn phông chữ phù hợp với thương hiệu của bạn Phông chữ để nhận diện thương hiệu cần có sự tương quan. Với sự bùng nổ các mạng xã hội, các công ty cần phải có...
Phông chữ vẽ tay dường có mặt ở hầu hết mọi nơi. Nhưng làm thế nào để bạn sử dụng chúng theo cách khác biệt và hiệu quả? Những mẹo này có thể giúp bạn tạo ra thiết kế sử dụng chữ viết tay dễ đọc và phù hợp với tông màu của dự án của bạn. 1. Không sử dụng quá nhiều Khi nói đến phông chữ viết tay, điều quan trọng nhất cần ghi nhớ là là không bao giờ được lạm dụng nó. Mặc dù phông chữ vẽ tay có thể hấp dẫn và giúp thu hút người dùng vào một dự án, nhưng thách thức lớn nhất thường là khả năng đọc. Các phông chữ viết tay thường không tuân thủ theo bất kỳ nguyên tắc kiểu chữ nào, chính vì thế khi sử dụng quá nhiều nó thường gây lộn xộn và rất khó đọc. Khi lập kế hoạch sử dụng phong cách này, hãy nghĩ đến việc sử dụng Slogan ngắn gọn hoặc...
Màu sắc rất quan trọng đối với thành công của trang web. Bản thân bảng màu có khả năng gây ảnh hưởng đến người dùng và khuyến khích họ đưa ra quyết định mua hàng. Trên thực tế, sử dụng kết hợp màu sắc phù hợp trên trang web của bạn có thể tăng chuyển đổi. Màu sắc của trang web quyết định thông điệp, tâm trạng và tông màu của thương hiệu, nó tác động đến quá trình ra quyết định của người dùng. Một bảng màu thành công có thể làm nên điều kỳ diệu tuyệt đối cho trang web của một doanh nghiệp, trong khi một trang web được thiết kế kém có thể khiến khách hàng và người xem tiềm năng bỏ đi. Trong bài viết này, chúng ta sẽ cùng tìm hiểu màu nào hoạt động tốt nhất cho các yếu tố trang web. Màu nền Màu nền của trang web có tác động rất lớn đến...
Poster, banner có mặt ở khắp mọi nơi. Cả ngoài đời và internet, cho dù bạn có chú ý đến chúng hay không! Nó là một công cụ hiệu quả giúp truyền tải một thông điệp hoặc thông tin đến công chúng. Vì vậy, nếu được làm cẩn thận và đẹp mắt, những tấm Poster, banner có thể rất hữu ích trong việc thiết lập liên hệ giữa thương hiệu và đối tượng khách hàng. Các phần mềm tốt nhất được sử dụng để tạo và thiết kế Poster, Banner là Adobe Illustrator, Photoshop và InDesign. Chúng ta hãy cùng tham khảo một số hướng dẫn cách tạo một poster dễ dàng bằng cách sử dụng cả phần mềm này này. Trước khi đi vào hướng dẫn, hãy tìm hiểu về laoij Poster bạn cần làm: Mục tiêu, loại hình và hướng đi Bài viết này sẽ cho bạn thấy các thể loại Poster và cách...
Cho dù bạn đang tràn ngập ý tưởng sáng tạo cho trang web của mình hoặc không biết bắt đầu từ đâu, hướng dẫn nhanh này giúp bạn có thể thiết kế web với bố cục trang web vừa đẹp mắt vừa có chức năng. Cuộn xuống cuối bài viết để khám phá quy trình ba bước đã thử và thử nghiệm của chúng tôi để tạo các khối xây dựng của một thiết kế trang web, từ favicon đến phông chữ web, bản đồ trang web đến màu hex và chọn các mẹo chuyên nghiệp để thực hiện trang web tuyệt vời, cho dù bạn đang thiết kế trang thương mại điện tử, dịch vụ kinh doanh, Porfolio hoặc blog. Trước tiên, hãy ghi lại mười quy tắc vàng để tạo bố cục trang web, để giữ chân người dùng lâu hơn và dẫn người dùng truy cập trang web liền mạch từ A đến B. Quy tắc số 1: Tránh lộn xộn...
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