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ủ đề
1
Bài viết
1
Chủ đề
1
Bài viết
1
Logo được xem là diện mạo của công ty, là phương tiện truyền thông nối liền giữa khách hàng với doanh nghiệp, là điều đầu tiên người khác nhìn thấy và ghi nhớ. Những logo ấn tượng như Coca-Cola, Amazon hay Apple luôn lưu lại trong tâm trí mọi người lâu hơn và họ có thể nhanh chóng nghĩ đến khi được hỏi. Để có được một logo nổi bật, bạn cần đầu tư thoả đáng thời gian và công sức sao cho người khác có thể nhớ mãi. Jonah Berger, phó giáo sư khoa Marketing ở trường James G. Campbell và Wharton School – Đại học Pennsylvania kiêm tác giả quyển Contagious: Why Things Catch On từng nhận xét: “Bạn cần người khác nhớ và có thể kể về công ty của bạn ngay cả khi bạn không ở bên cạnh để nhắc họ.” Các logo tốt có nhiều điểm chung, và theo Berger...
Logo là biểu tượng của cả một doanh nghiệp. Mọi người sẽ nhìn thấy logo trên một sản phẩm hoặc dịch vụ trước tiên. Nó có thể đảm bảo cho người mua về tính xác thực của sản phẩm và tạo lòng tin cho người mua. Trong thế giới cạnh tranh kinh doanh hiện đại, logo có nhiều vai trò khác. Logo giúp thu hút khách hàng tiềm năng. Họ truyền tải một thông điệp kinh doanh nhất định đến khách hàng mục tiêu và giúp xây dựng bộ nhận diện thương hiệu của một công ty. Tuy nhiên, để tạo ra một logo được thiết kế hoàn hảo, một trong những điều quan trọng cần đảm bảo là sự cân bằng. Tất cả chúng ta đều thích sống một cuộc sống cân bằng. Tương tự như vậy, tất cả các yếu tố thiết kế phải thể hiện một cách cân bằng. Những thiết kế như vậy sẽ hấp dẫn các...
Trong lĩnh vực thiết kế đồ họa và tạo hình 3D, phần mềm Illustration thường được sử dụng để tạo ra các hình ảnh và đồ họa hai chiều, thay vì tạo hình 3D. Phần mềm như Adobe Illustrator, CorelDRAW và Inkscape được phát triển để làm việc với đồ họa vector và tạo ra những hình ảnh phẳng, như biểu đồ, biểu đồ tương tác, logo, và thiết kế giao diện. Tuy nhiên, không phải lúc nào cũng cần sử dụng phần mềm Illustration để tạo hình 3D. Để tạo ra các mô hình 3D phức tạp và chân thực, thường cần sử dụng các phần mềm chuyên dụng như Autodesk Maya, 3ds Max, Blender hoặc Cinema 4D. Các phần mềm này cung cấp công cụ và tính năng mạnh mẽ để tạo ra và hiệu chỉnh các đối tượng 3D, ánh sáng, vật liệu và hiệu ứng đặc biệt. Illustration có thể hữu ích...
Một trong những tính năng mạnh mẽ nhất trong Adobe Photoshop là tính linh hoạt của các layer (lớp). Các layer trong Photoshop có nhiều tính năng hơn chúng ta thường tưởng và làm thế nào để áp dụng Layer cho dự án tiếp theo của bạn. Chúng ta sẽ cùng tìm hiểu cơ bản về các loại layer Photoshop khác nhau và một số cách tốt nhất để sử dụng chúng trong tất cả các dự án sáng tạo sắp tới của bạn. Photoshop Layers là gì? Bạn có lẽ đã quen thuộc với layer ảnh tiêu chuẩn xuất hiện trong Bảng Layers của bạn dưới dạng Background khi bạn nhập một hình ảnh để bắt đầu một dự án mới, nhưng hiếm khi đây là loại layer duy nhất bạn làm việc trong Photoshop. Các loại Photoshop Layers bạn có thể sử dụng là: New Layer Duplicate Layer Text Layer...
Hiệu ứng Animation thường được các nhà thiết kế dùng để giúp cải thiện trải nghiệm người dùng, nhưng nhìn chung không làm tăng thêm giá trị sản phẩm. Do đó, việc thêm chuyển động vào thiết kế thường xảy ra vào cuối quá trình thiết kế sản phẩm, như là một thỏi son cuối cùng. Nhưng điều gì sẽ xảy ra nếu chúng ta suy nghĩ lại về cách chúng ta thực hiện Animation và sử dụng nó làm nền tảng cho các thiết kế của mình? Trong bài viết này, tôi sẽ mô tả thời điểm và cách áp dụng chuyển động để tạo cảm xúc. Sử dụng Animation để kể chuyện Cho dù bạn đang làm việc trên loại ứng dụng hoặc trang web nào, hãy nên có một thông điệp cụ thể mà bạn muốn gửi đến người dùng hoặc khách hàng truy cập của mình. Mỗi nhà thiết kế là một người kể chuyện Có rất...
Digital Collage, hay Tái tạo số, là một hình thức nghệ thuật sáng tạo trong đó nghệ sĩ sử dụng công nghệ số để tạo ra các tác phẩm bằng cách kết hợp và sắp xếp các đối tượng hình ảnh khác nhau từ nhiều nguồn. Nó thường bao gồm việc sử dụng phần mềm đồ họa, công cụ cắt ghép ảnh, và các kỹ thuật chỉnh sửa hình ảnh để tạo ra một tác phẩm mới. Dưới đây là một số khía cạnh chính của Digital Collage: 1.Sự Đa Dạng: Nghệ sĩ có thể sử dụng một loạt các nguồn hình ảnh khác nhau như ảnh cá nhân, hình ảnh tìm kiếm trên Internet, hoặc thậm chí là các tác phẩm nghệ thuật khác để tạo ra tác phẩm mới. 2. Cắt Ghép và Tổ Chức: Công cụ cắt ghép ảnh và lớp trong phần mềm đồ họa giúp nghệ sĩ chọn và sắp xếp các đối tượng hình ảnh theo ý muốn. 3. Tính...
Trong lĩnh vực thiết kế, sự tương phản đã trở thành một yếu tố quan trọng và mạnh mẽ để tạo nên những công trình độc đáo và ấn tượng. Tương phản không chỉ đơn thuần là sự chênh lệch giữa các yếu tố, mà còn là một cách để kết hợp, đối lập và tạo ra sự cân bằng giữa các yếu tố đó. Điều này đem lại sự tươi mới và sáng tạo cho thiết kế, mở ra cánh cửa sáng tạo cho những ý tưởng mới và đột phá. Ảnh: Xin Yan Tương phản trong thiết kế là gì? Tương phản trong thiết kế là việc sử dụng các yếu tố đối lập hoặc trái ngược nhau để tạo ra sự phân biệt và sự cân đối trong thiết kế. Tương phản có thể được áp dụng trong nhiều khía cạnh của thiết kế, bao gồm cả màu sắc, hình dạng, kích thước, cấu trúc, đường nét và vị trí. Sự tương phản có thể...
Dưới đây là một số thuật ngữ tiếng Anh thường gặp trong thiết kế để bạn có thể giữ nguyên khi giao tiếp và tương tác trong cộng đồng thiết kế: User Interface (UI): Giao diện người dùng User Experience (UX): Trải nghiệm người dùng Wireframe: Bản tóm tắt, sơ đồ cơ bản Prototype: Nguyên mẫu, bản thử nghiệm Typography: Kiểu chữ Color Palette: Bảng màu Grid System: Hệ thống lưới Vector Graphics: Đồ họa vector Responsive Design: Thiết kế đáp ứng Brand Identity: Nhận diện thương hiệu Visual Hierarchy: Thứ tự hình ảnh quan trọng White Space: Khoảng trống trắng Composition: Cấu trúc, cách bố trí Mockup: Mô phỏng, mẫu thử Iconography: Biểu tượng học Hy vọng rằng các lời khuyên và danh sách thuật ngữ trên sẽ giúp bạn phát triển tài năng và...
Chào mừng bạn đến với một cuộc khám phá hấp dẫn về thế giới của kiểu chữ và tác động sâu sắc của nó đến cảm xúc con người. Trong bài viết này, chúng ta sẽ khám phá thế giới tâm lý học và lựa chọn kiểu chữ. Khám phá những quyết định tưởng chừng nhỏ bé trong việc lựa chọn kiểu chữ có thể mang lại sức mạnh to lớn, hình thành cách chúng ta nhìn nhận, giải thích và kết nối với nội dung viết. Hãy cùng đi trên một hành trình, nơi những nét vẽ, đường cong và serif xen kẽ nhau để gợi ra cảm xúc, truyền tải thông điệp và để lại dấu ấn không thể xóa nhòa trong tâm trí người đọc. Tính cách kiểu chữ: Hiểu phông chữ cũng như tính cách của chúng Font chữ không chỉ là các ký tự đơn thuần; chúng là những cá nhân mang theo những câu chuyện riêng biệt...
Dưới đây là Infographic về cách làm thế nào để bạn xây dụng một dự án thiết kế website mời bạn tham khảo. Việt hoá: DESIGNERVN.NET
Minh họa là một cách hay để nâng cao trải nghiệm người dùng tích cực trong thiết kế UI / UX. Trong bài viết này bạn sẽ xem xét chức năng của việc thiết kế minh họa hiệu quả. Có một châm ngôn nổi tiếng từ xa xưa đã từng nói rằng “Một bức tranh có giá trị bằng hàng ngàn câu chữ” đến nay nó vẫn còn phổ biến và có giá trị hiện thực, ngày càng có nhiều ý nghĩa về sự tiến bộ của con người. Mọi người vẫn bị thu hút bởi các hình ảnh trực quan như hình và tranh ảnh hơn so với nội dung, trong nhiều trường hợp hình ảnh sẽ dễ dàng nhận ra và hiểu nhanh hơn, và thậm chí nhiều hơn, nó có thể đáp ứng không chỉ nhu cầu thông tin mà còn thẩm mỹ của người nhận. Cân nhắc điều này, hôm nay chúng ta sẽ xem xét một số chức năng của minh họa trong quan điểm...
Thiết kế chu đáo về hiệu suất nội dung trong giao diện người dùng web và thiết bị di động đóng một vai trò rất lớn đối với việc khuếch đại tiện ích và khả năng sử dụng của sản phẩm. Bài viết hôm nay của chúng ta sẽ tìm hiểu về Visual Dividers, các yếu tố bố cục giúp sắp xếp nội dung trên màn hình và phân tách các phần rõ ràng hơn. Visual Divider là gì? Visual Divider (Bộ chia trực quan) là một thành phần bố cục giúp phân tách các phần nội dung thành các nhóm, phần nhằm làm cho giao diện trở nên trực quan và rõ ràng hơn từ đó giúp người dùng dễ dàng tương tác với sản phẩm thiết kế hơn. Cùng với các yếu tố khác trên trang, các Divider đóng vai trò lớn trong việc thiết lập hệ thống phân cấp thị giác. Ví dụ, khi phân tách các thành phần...
Bạn đang muốn biết cách nhanh chóng cho biết liệu một thiết kế có tốt hay không? Chất lượng của thiết kế không phải là vấn đề của thị hiếu hay trực giác. Chúng hoàn toàn phụ thuộc vào những phản ứng của người dùng (người tiếp cận hoặc sử dụng dịch vụ). Một thiết kế tốt phụ thuộc vào mức độ dễ hiểu dễ dùng và nội dung trực quan giúp người dùng, người xem dễ dàng nắm bắt thông tin. Minh họa: Outcrowd Biết cách xác định chất lượng của thiết kế là điều quan trọng đối với cả nhà thiết kế và nhà phát triển cũng như chủ sở hữu thiết kế hoặc người sử dụng dịch vụ. Điều này đòi hỏi sự luyện tập. Nếu bạn là một nhà thiết kế muốn phát triển một cách chuyên nghiệp, bạn nên biến kỹ năng này thành một thói quen thường xuyên, giống như thói quen...
Thiết kế là một lĩnh vực sáng tạo và tài năng đóng vai trò quan trọng trong việc định hình nên thế giới xung quanh chúng ta. Để phát huy tài năng và sáng tạo của mình trong lĩnh vực này, hãy cùng tìm hiểu một số lời khuyên quan trọng sau đây: 1. Tiếp tục Học Tập: Để trở thành một Designer xuất sắc, luôn giữ cho tâm hồn mở và tình yêu với việc học hỏi. Nghiên cứu các xu hướng, công nghệ mới, và ý tưởng sáng tạo từ các nguồn khác nhau để nâng cao kiến thức và kỹ năng của bạn. 2. Tìm Hiểu Và Thấu Hiểu Khách Hàng: Để tạo ra các sản phẩm thiết kế hiệu quả, hãy luôn tìm hiểu và thấu hiểu người dùng cuối của bạn. Điều này giúp bạn hiểu rõ nhu cầu và mong muốn của họ, từ đó tạo ra những giải pháp thiết kế tốt nhất. 3. Tạo Ra Nguyên Mẫu...
Cả 3ds Max và Maya đều có những điểm mạnh riêng và tùy thuộc vào mục đích sử dụng các ứng dụng mà chúng ta sẽ quyết định chương trình bạn Nên lựa chọn 3ds Max hay Maya cho thiết kế xem thêm: Tổng quan Autodesk Maya 2017 Rendering Cả hai ứng dụng có mental ray rendering động cơ được xây dựng trong phần mềm, vì vậy bạn về cơ bản nhận được khả năng dựng hình tương tự trong cả hai chương trình. Tất nhiên, thao tác thực hiện có thể khác nhau một chút nhưng cả hai đều cho kết quả khá hoàn hảo. Mô hình Với 3ds Max có nhiều mô hình công cụ khác nhau có thể làm dễ dàng hơn. Nếu bạn đang xây dựng mô hình kiến trúc như nội thất và các tòa nhà, 3ds Max thực sự là rất hợp lý, cho bạn cảm giác lựa chọn 3ds Max Design mà là một chương trình dành...
Design System đang là giải pháp tốt nhất cho việc phát triển sản phẩm theo hướng lâu dài. Bên cạnh các định nghĩa đã đăng trước đó, thì trong bài viết này mình sẽ chia sẻ đến các bạn mô hình tối ưu được workflow cho team thiết kế và phát triển sản phẩm trong quá trình xây dựng Design System. Mô hình này có tên gọi là Atomic Design. Atomic Design là gì? Atomic Design được tạo ra bởi Brad Frost, một nhà thiết kế web đến từ Pittsburgh, USA. Atomic Design là mô hình triển khai công việc một cách tối ưu, giúp đội ngũ thiết kế sản phẩm chuẩn hoá và đồng nhất được các thành phần trong file thiết kế. Bên cạnh đó, Atomic Design còn giúp đẩy nhanh qúa trình làm việc bởi cách tổ chức các thành phần trong file thiết kế rất thông minh và logic...
Với sự trợ giúp của các mẫu thiết kế UX hiện đại cho các trang web thương mại điện tử, bạn có cơ hội vàng để giới thiệu các sản phẩm và dịch vụ của mình trước khách hàng từ khắp nơi trên thế giới. Các trang web này cung cấp cho thương hiệu của bạn sự tiếp xúc cần thiết và cho phép bạn kết nối với cơ sở khách hàng rộng hơn. Có một ứng dụng cho cửa hàng Online của bạn có lẽ là cách đơn giản nhất để tăng doanh số, cơ sở khách hàng và mang lại cho thương hiệu của bạn một sự thúc đẩy lớn. Ngày nay, các ứng dụng di động đang chiếm lĩnh thị trường, có được lượng khách hàng đáng kể và lợi nhuận ngày càng tăng. Biểu đồ dưới đây mô tả số lượng khách hàng chọn ứng dụng di động để mua sắm. Nó cho thấy xu hướng đang tăng đều đặn, điều này càng làm...
Prototyping là một phương pháp phát triển sản phẩm hoặc dịch vụ được ưa chuộng trong lĩnh vực thiết kế và phát triển phần mềm. Nó cho phép nhà thiết kế và nhà phát triển xây dựng một phiên bản sơ bộ của sản phẩm hoặc giao diện người dùng trước khi triển khai sản phẩm cuối cùng. Điều này giúp tăng tính tương tác, giảm chi phí và thời gian phát triển, đồng thời giúp tối ưu hóa trải nghiệm người dùng. Dưới đây là một số công cụ và ứng dụng prototyping được ưa chuộng: 1. Balsamiq Mockups: Balsamiq Mockups là một công cụ prototyping phổ biến cho thiết kế giao diện người dùng. Nó cung cấp các thư viện đồ họa đơn giản và hình ảnh mô phỏng để nhanh chóng tạo ra các mockup sản phẩm. Giao diện người dùng thân thiện của Balsamiq giúp thiết kế...
Hóa ra, câu thành ngữ cũ không phải lúc nào cũng đúng: Đừng bao giờ đánh giá một cuốn sách qua trang bìa của nó. Mặc dù điều này có thể đúng đối với các sách bìa mềm, trong thế giới video trực tuyến, hình ảnh bìa là yếu tố quan trọng để đảm bảo video của bạn được nhấp, xem và chia sẻ. Hãy xem xét một số mẹo và thủ thuật để tạo hình thu nhỏ video hấp dẫn cho các dự án của bạn. Chọn ảnh từ Video Khi bạn tải lên các dự án của mình, phần lớn các dịch vụ lưu trữ sẽ tạo ảnh bìa cho bạn bằng cách chọn ngẫu nhiên ảnh chụp từ video của bạn. Họ cũng sẽ cho phép bạn chọn ảnh chụp màn hình ngẫu nhiên từ video của mình nếu bạn muốn thay đổi hình thu nhỏ mặc định hoặc bạn có thể cuộn qua video để chọn ảnh bạn muốn. Những điều cần tìm khi lựa...
Một màu cam đỏ rực rỡ và năng động không thể không chú ý, ShutterStock dự đoán rằng Lush Lava sẽ là một trong những sắc thái nóng nhất của năm 2020. Lấy cảm hứng từ khung cảnh hoàng hôn, cồn cát sa mạc và ánh sáng rực rỡ của ngọn lửa, sắc thái này rất lạc quan, rực rỡ và vô cùng năng động. Lush Lava nằm ở đâu trên bánh xe màu? Lush Lava có lượng màu cam lớn hơn một chút so với màu đỏ, có thể gọi nó là cam đỏ hoặc đỏ cam. Trên bánh xe màu, màu đỏ cam nằm giữa màu đỏ đô và cam đậm, chúng thiên về tông màu ấm trên bánh xe màu. Trong thiết kế web, Lush Lava là một màu cam đỏ rực rỡ, với mã hex #FF4500. Màu bổ sung của Lush Lava Màu cam nằm đối diện với màu xanh trên bánh xe màu hiện đại, trong khi màu đỏ bổ sung cho màu xanh lá...
Back
Bên trên