Kiến thức thiết kế

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

Ở trong phần trước chúng ta đã tìm hiểu về "Nhiệt đồ màu của màu sắc" và chúng ta đã tìm hiểu sơ qua về chúng trong bánh xe màu. Bánh xe màu cho bạn thấy các màu sắc được kết hợp lại với nhau. Nó trông giống như một công cụ hoàn hảo cho một nhà thiết kế đồ họa, một bảng màu của các mẫu màu. Và trên hết, nhìn vào nó rất dễ chịu, giống như một cầu vồng hoàn hảo, rực rỡ! Nhưng đừng tin vội, bạn đang bị đánh lừa đấy. Màu sắc sẽ trông khác nhau khi chúng là tách ra từng phần trong bánh xe màu. Bộ não của bạn có thể nhận được chính xác thông tin tương tự từ ánh sáng chiếu vào các vật thể, nhưng cách giải thích của nó không nhất thiết phải giống hệt nhau. Tôi đã gợi ý về vấn đề này trong phần trước khi tôi nói về cân bằng màu sắc. Chúng ta...

Nguyên lý màu sắc là một trong những kiến thức thiết kế đầu tiên mà các nhà thiết kế đồ họa được học. Nó giải mã chủ đề của màu sắc, biến nó thành các quy tắc đơn giản có thể dễ dàng áp dụng trong công việc. Nó dạy cho bạn về bánh xe màu, màu chính/màu thứ cấp/màu tam cấp, nhiệt độ màu, sự hài hòa màu sắc và ý nghĩa của màu sắc. Tuy nhiên, vì nguyên lý màu sắc rất cơ bản, nó đơn giản hóa một số vấn đề và bỏ qua một số sắc thái. Đây là những quy tắc cơ bản chỉ cung cấp cho bạn một cái nhìn tổng quát về các khái niệm màu sắc, tất cả trong một. Nhưng nếu bạn muốn trở thành một chuyên gia thực sự, bạn cần có một cái nhìn sâu hơn. Trong bài viết này, chúng ta sẽ đi qua năm khái niệm chuyên sâu về nguyên lý màu sắc, và tìm hiểu sâu hơn về...

Một nghiên cứu của Google cách đây khoảng 4 năm về trước đã chỉ ra rằng một người dùng trung bình cài khoảng 36 ứng dụng trên thiết bị của họ và chỉ sử dụng thường xuyên 9 ứng dụng hằng ngày. Theo thống kê, chỉ có 4% ứng dụng được sử dụng trong hơn một năm. Các ứng dụng không chỉ cần thiết kế tốt mà cần phải tuân thủ các nguyên tắc thiết kế trải nghiệm người dùng (UX) cơ bản để làm cho ứng dụng đó trở nên hữu ích và dể sử dụng. Một ứng dụng hữu dụng sẽ khiến người dùng sử dụng thường xuyên và giảm thiểu khả năng bị gỡ bỏ. UX tốt hơn sẽ có khả năng giữ chân người dùng hơn. Dưới đây là năm mẹo UX để giúp bạn thiết kế các ứng dụng di động tốt hơn. 1. Tính khả dụng và mục tiêu người dùng Chẳng may bạn bị đi bị đến nơi làm việc thì gặp...

Ở phần trước chúng ta đã tìm hiểu một số kinh nghiệm để thiết kế Logo, hãy cùng tiếp tục với các bí kíp để "bão não" ra một logo hoàn hảo... 4. Để cả nhóm tham gia vào công việc của bạn Ý tưởng thay đổi trò chơi sẽ không xảy ra một cách vô ích. Những người khác nhau mang đến những quan điểm khác nhau và có thể đưa ra những ý tưởng mới mẻ để kết hợp vào logo của bạn, vì vậy hãy khiến cả nhóm tham gia vào công việc động não của bạn. Hãy thử thu hút mọi người từ mọi bộ phận trong doanh nghiệp của bạn; những người từ bộ phận marketing sẽ có những ý tưởng khác với những người từ kế toán hoặc dịch vụ khách hàng. Tất cả các quan điểm độc đáo có thể cung cấp cho bạn cái nhìn sâu sắc hơn về cách người khác nhìn thấy thương hiệu của bạn và...

Điều gì bạn nghĩ đến đầu tiên khi bạn nghe về pattern (hoa văn)? Giấy dán tường xấu xí hoặc rèm cửa dì của bạn có thể có phải hay không? Nhưng các hoa văn thì nhiều hơn rất nhiều so với việc đó và chúng có thể trở thành xu hướng ngay bây giờ khi bạn không thể thoát khỏi chúng. Các hoa văn có thể được tìm thấy trên tất cả các thiết kế công ty, thiết kế web và bao bì. Và vì lý do chính đáng: chúng là một cách tuyệt vời để xây dựng và củng cố bản sắc và phong cách thương hiệu. Tin tôi đi, luôn có một mẫu hoa văn ngoài kia cho mọi người. Trong bài viết này, chúng tôi sẽ giới thiệu cho bạn về thế giới của các mẫu hoa văn: chúng là gì và chúng được tạo ra như thế nào, những kiểu mẫu hoa văn nào hiện có và cuối cùng, nhưng không kém phần...

Một quả táo và một máy tính có điểm gì chung? Không có gì cả, thực sự. Nhưng thông qua sự kỳ diệu của chủ nghĩa siêu thực, bất kỳ nhà thiết kế đồ họa nào cũng có thể hợp nhất các khái niệm không liên quan như thế này thành một hình ảnh có sức ảnh hưởng, thậm chí được đánh giá cao. Trong giây lát, chúng ta sẽ đeo kính nhìn tia X và tiết lộ cấu trúc xương siêu thực bên dưới lớp logo của Apple, nhưng trước khi chúng ta bắt đầu xây dựng thương hiệu, điều quan trọng là phải hiểu siêu thực là gì. Chủ nghĩa siêu thực đã ảnh hưởng đến những người yêu nghệ thuật trong gần một thế kỷ. Hãy tưởng tượng những khả năng mà nó có thể có trong các thiết kế của riêng bạn! Chủ nghĩa siêu thực: Nguồn gốc và định nghĩa Chủ nghĩa siêu thực không nhất...

Khi vận dụng vào đúng cốt lõi của vấn đề, chủ nghĩa tối giản sẽ phát huy hết công dụng của nó. Không có yếu tố bổ sung, không có sự lãng phí. Mỗi yếu tố, bao gồm cả hình dạng, bảng màu và kiểu chữ đều rất cần thiết. Một hình dạng hoặc hình học đơn giản được "trao quyền" để thể hiện cho một đối tượng hoặc ý tưởng phức tạp hơn. Đơn giản trong hình thức và thành phần được coi trọng trên tất cả mọi thứ. Chủ nghĩa tối giản hoạt động vì mắt và bộ não của chúng ta chỉ có một sự chú ý hữu hạn để dành cho một thiết kế. Bằng cách cho đôi mắt của chúng ta ít vật phẩm hơn để xem xét, chúng ta sẽ dành sự chú ý nhiều hơn cho những thứ đang có. Điều này làm cho chủ nghĩa tối giản trở nên rất linh hoạt: từ ứng dụng, logo đến bao bì và sản phẩm in...

Bằng cách sử dụng một số kỹ thuật thiết kế đơn giản, bạn có thể gợi lên trải nghiệm độc đáo cho người xem bằng cách làm cho thiết kế của bạn di chuyển ngay cả khi chuyển động đó chỉ được ngụ ý. Có ba loại chuyển động chính trong thiết kế: Kinetic - Cách thiết kế thay đổi vị trí của chúng trong không gian và thời gian Rhythmic - Cách các đường nét, hình thức và màu sắc điều hướng mắt người xem suốt một tác phẩm Illusory motion - Chỉ cách các yếu tố tương tác với nhau để ám chỉ chuyển động Trong bài viết này, chúng ta sẽ tập trung chủ yếu vào cách tạo ra chuyển động Illusory motion hoặc trong thiết kế. Illusory motion là gì Thuật ngữ Illusory motion, còn được gọi là ảo ảnh chuyển động, là một ảo ảnh quang học trong đó một hình ảnh...

Trong bài viết "thiết kế ứng dụng di động: Các loại ứng dụng di động bạn thường gặp phần 1" chúng tôi đã đề cập đến những thể loại ứng dụng mà có thể sẽ thường xuyên gặp phải. Tiếp nối phần trước đó, chúng tôi sẽ đề cập Các loại ứng dụng di động bạn thường gặp phần 2. Ứng dụng thể thao Các ứng dụng của thể loại này có liên quan đến các hoạt động thể thao thuộc tất cả các loại như chuyên nghiệp hoặc nghiệp dư. Các ứng dụng này có thể phục vụ cho các đội, giải đấu và các sự kiện thể thao, thông tin về các vận động viên, theo dõi điểm số, cung cấp hướng dẫn và tin tức thể thao. Ứng dụng Sức khỏe và Thể hình Loại này là nhằm mục đích sống lành mạnh của người dùng. Có thể có các ứng dụng giúp theo dõi tình trạng sức khỏe, theo dõi và...

Trong bài viết này, chúng tôi xem xét tất cả các giai đoạn thiết kế để ước tính chi phí để tạo ra một thiết kế tuyệt vời cho ứng dụng của bạn. Trước đi vào thiết kế ứng dụng, chúng ta nên giải quyết những vấn đề liên quan trước khi tiến hành thiết kế. Thiết kế không chỉ là sự xuất hiện của sản phẩm của bạn. Nó còn xác định cách ứng dụng hoạt động và mức độ ứng dụng đó tương tác với người dùng như thế nào. Vì vậy, hãy tìm hiểu các giai đoạn phát triển thiết kế . Thiết kế sản phẩm bắt đầu với ý tưởng sản phẩm. Đó là một sai lầm khi bắt đầu tạo các nguyên mẫu có độ trung thực thấp hoặc cao ngay từ đầu. Một nhà thiết kế trước tiên nên tham gia đánh giá ý tưởng. Điều này là cần thiết để bạn có thể hiểu hết về bản chất của sản phẩm, nó...

Có phải hằng ngày bạn phải đau đầu để tìm kiếm màu sắc phù hợp với thiết kế? Cho du bạn có ghét việc này đến đâu thì khi còn là một Designer thì chắc chắn bạn phải làm việc với nó. Nếu bạn đang cảm thấy khó khăn, chúng ta có một số mẹo hay được chia sẻ bởi UXlagi nhằm giúp bạn lựa chọn màu sắc tốt hơn. Dùng ít màu Sau 10 năm trung thành với thiết kế tối giản cùng màu trắng và xanh da trời, Dropbox đã quyết định thiết kế lại toàn bộ thương hiệu mới để nhắm đến đối tượng người dùng mới là dân làm sáng tạo. Chắc cả đội nghĩ rằng dân sáng tạo thì hẳn là phải thích màu mè nên thiết kế mới nhìn rất táo bạo (với màu xanh dương đậm và màu hồng san hô)! Tuy nhiên, không ít lâu sau, thiết kế màu mè mới của trang Giá Cả, một trong những trang...

Điện thoại thông minh không còn là thứ chỉ dành cho giao tiếp: ngày nay, chúng đáp ứng nhiều nhu cầu và giúp chúng ta giải quyết nhiều vấn đề khác nhau. Các ứng dụng di động cho phép chúng ta giải trí và làm việc, thực hiện nhiều thao tác cơ bản trong vài giây, tính toán và chỉnh sửa, nhắc nhở và kết nối chúng ta với những người khác, v.v. Theo bộ sưu tập các số liệu thống kê hữu ích về tiếp thị di động, trong năm 2017, người dùng đã dành trung bình 69% thời gian truyền thông của họ cho điện thoại thông minh và con số này không ngừng tăng lên. Năm 2018, đã có báo cáo khoảng 8 triệu ứng dụng trong cửa hàng Google Play. 2,2 triệu trong Apple App Store. Không chỉ số lượng tăng lên mà còn sự đa dạng, và điều đó được thấy rõ từ sự đa dạng...

Bài này mình dịch từ cuốn sách UX for Beginners của Joel Marsh, section Key Ideas kèm theo những ý kiến chủ quan mà mình học được trong quá trình làm thiết kế. Hi vọng sẽ giúp ích được mọi người khi mới bắt đầu tìm hiểu về UX. Key Ideas là section đầu tiên trong tổng số 14 sections của cuốn sách UX dành cho người mới bắt đầu, bao gồm 6 bài học. Nội dung chính của phần này là giới thiệu những khái niệm cơ bản về UX design. Vì đối tượng hướng đến của cuốn sách cho người mới bắt đầu, những người mới tìm hiểu về UX design, thế nên là những khái niệm cũng rất cơ bản, được giải thích bằng văn phong vui nhộn, hài hước nên mình tin là mọi người đều muốn đọc! Ok giờ bắt đầu với từng khái niệm cơ bản nhé! UX là gì? Đây là một trang blog...

Màu hồng vừa được Shutterstock bình chọn là một trong ba màu sắc tiểu biểu của năm 2019. Vậy nên chúng ta hãy cùng khám phá về màu sắc mang âm hưởng nữ tính và trẻ trung này nhé. Trong cuộc sống hiện đại, khi phái nam có thể sử dụng những màu vốn trước đây chỉ dùng cho phái nữ như màu đỏ, vàng, da cam … thì màu hồng vẫn là một màu rất đặc biệt. Nó gần như là một màu chỉ dành riêng cho con gái. Màu hồng luôn mang lại sự bồng bềnh, huyền ảo, nhẹ nhàng, đẹp như không có thật,… Tâm lý học về màu sắc của màu hồng Màu Hồng thường được dùng để mang lại cảm giác đồng cảm, sự quan tâm, hiểu biết, và một số điều khác như tình yêu và sự lãng mạn. Nó là một màu sắc tinh khiết và ngây thơ, cũng mang lại ý nghĩa tích cực. Do đó, nó có thể mang...

Khi nghĩ về quá trình thiết kế giao diện người dùng, chúng ta thường nghĩ về một số màu sắc, kiểu dáng và bố cục phức tạp và khó thực hiện. Nhưng nếu nhìn vào các thiết kế được phát triển bởi các công ty lớn và những thay đổi mà chúng đã thực hiện qua thời gian. Chúng ta sẽ thấy rằng các thiết kế đơn giản hoạt động rất tốt. Trong bài viết này, tôi sẽ hướng dẫn bạn qua những thay đổi được thực hiện trong một số ứng dụng được sử dụng nhiều nhất trên thế giới và từ đó rút ra được một số bài học để xây dựng giao diện người dùng tốt hơn. Hãy xem một số thay đổi được thực hiện trong các ứng dụng này. Thay đổi được thực hiện trong ứng dụng Things Sau khi xem hình ảnh này, chúng ta có thể thấy rằng các màu gradient và hình dạng 3D càng...

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

Design System đã và đang trở thành solution (giải pháp) phát triển và tối ưu lâu dài cho product (sản phẩm) của companies (các công ty) trên toàn cầu nói chung và tại Việt Nam mới đây hoặc sắp tới nói riêng. >> Tìm hiểu về Design System Tuy nhiên, trong quá trình xây dựng Design System ngoài những lợi ích được nhận. Thì bên cạnh đó, sẽ có các vấn đề chúng ta cần phải control (kiểm soát) được rõ để tối ưu giải pháp này một cách phù hợp product cũng như workloading của team. Không chỉ mang lại lợi ích, Design System còn chứa nhiều vấn đề mà bạn và team cần phải nắm rõ để tối ưu được giải pháp này với sản phẩm. (Image by developer.salesforce) Thời gian & nhân lực Đây là hai yếu tố đầu tiên bạn cần phải nghĩ đến nếu đứng ở vị trí là...

Hầu hết khi có một ý tưởng mới, chúng ta thường mở phần mềm thiết kế lên và bắt đầu thực hiện các ý tưởng của mình. Nhưng nếu đó không phải là cách tốt nhất để tạo ra các ý tưởng mới cho bạn thì sao? Lúc này chúng ta sẽ cần đến những bản phác thảo nhanh. Nhưng tại sao chúng ta lại phải vẽ trên giấy vừa tốn công mà lại mất thời gian, chúng ta có thể thực hiện nó nhanh hơn trong các phần mềm máy tính. Dưới đây là một số lý do để bạn suy nghĩ lại và hãy thử một lần vẽ phác thảo trước khi thiết kế. Việc ngồi trước một tờ giấy trắng cho phép bạn tập trung vào ý tưởng cụ thể mà bạn có trong đầu. Không có phiền nhiễu, không có email, không có tin nhắn mới. Khi tôi phác họa ý tưởng đầu tiên, nó giúp tôi thu thập suy nghĩ của mình tốt hơn...

Có thể hiểu nhanh gọn rằng, Design System là một hệ thống các tiêu chuẩn được đội ngũ thiết kế phát triển và xây dựng cho product (sản phẩm) hoặc software (phần mềm) dành riêng cho một businesses (doanh nghiệp) có sự phát triển theo thiên hướng lâu dài. Design System thường được xây dựng bởi Product Design (UI/UX) Teams (Image by Atlassian) Ở thời điểm hiện tại, việc xây dựng và triển khai Design System đã được rất nhiều các công ty công nghệ lớn trên toàn cầu áp dụng. Có thể kể đến như Google với Material Desgin, hay Hurman Interface Guidelines của Apple hoặc Uber Design Presents của Uber , Dropbox Design của Dropbox.v.v.v.v. Mình kể hết ra thì sẽ phải mất 2 tiếng các bạn scroll để xem : ) Định nghĩa trên không chỉ phát triển mạnh...