Kiến thức thiết kế

Animation trong UI Design (giao diện người) dùng đã là một vấn đề được tranh luận rất sôi nổi trong những năm trở lại đây. Trong thời kỳ của thiết kế phẳng, khi hình dạng và màu sắc đang phấn đấu để trở nên sự đơn giản và sạch sẽ, animation là một cách đã được chứng minh sẽ làm cho các ứng dụng và giải pháp nổi bật giữa những đối thủ cạnh tranh. Conceptual Animation là gì? Conceptual animation là một lĩnh vực nghệ thuật khái niệm. Nó là một phần của thiết kế animation được tạo ra để truyền tải một ý tưởng cụ thể trước khi được đưa vào sản phẩm thực sự. Trong thiết kế giao diện người dùng, conceptual animation có thể được tìm thấy trong các khái niệm khác nhau như tương tác, chuyển tiếp, thao tác với điều khiển, chuyển động đánh dấu...

Bất cứ ai cũng có thể chọn một bảng màu tuyệt vời, nhưng việc sử dụng màu sắc để hướng dẫn người dùng thông qua trải nghiệm mới chính là nghệ thuật. Màu sắc là một trong những công cụ mạnh mẽ nhất mà bạn nên tận dụng. Bất cứ khi nào bạn chọn màu sắc, bạn cũng cần phải luôn nghĩ đến việc tăng khả năng sử dụng và tính dễ hiểu trong thiết kế của bạn. Dưới đây là hướng dẫn nhanh về cách tạo bảng màu không chỉ đẹp, mà còn giúp thiết kế của bạn dễ sử dụng hơn cho người dùng ở cả lần đầu tiên. 1. Xác định mục đích của bạn Chúng ta đều hiểu điều gì sẽ xảy ra khi thêm các tính năng mà không có mục đích. Màu sắc cũng vậy. Cũng giống như wireframing, bạn không thể bắt đầu tạo bảng màu cho thiết kế cho đến khi bạn đã có các mục đích. Bạn có...

Bạn có phải là người đầy sáng tạo? Nếu bạn không biết chắc chắn câu trả lời của mình, có lẽ bạn cần hiểu bản thân hơn. Sáng tạo không phải là thứ có thể đo lường, đó là thứ chỉ có thể được thể hiện qua công việc và kết quả mà thôi. Nhưng hầu hết những người sáng tạo đều không biết liệu mình có thực sự sáng tạo hay không. Bạn là người sáng tạo nhưng đôi khi bạn lại không nhận ra được điều đó. Cùng tham khảo 14 dấu hiệu dưới đây để xem bạn có phải là người sáng tạo không nhé! 1. Bạn thích giải quyết vấn đề Khi chơi trò chơi hay làm toán thì bạn đều cần đến kỹ năng giải quyết vấn đề. Nếu bạn có thiên hướng tìm tòi giải pháp cho những vấn đề thì đó là dấu hiệu cho thấy bạn là người có tinh thần sáng tạo. Có một cuộc tranh luận rằng...

Xây dựng và nhận dạng thương (Branding và Identity) hiệu luôn tồn tại xung quanh chúng ta. Nếu để ý kỹ bạn sẽ nhận thấy chúng tồn tại trên các trang web, bao bì sản phẩm và các loại quảng cáo khác nhau. Ngay cả các vật dụng cá nhân, như tài liệu và danh thiếp, đều mang những đặc điểm nhận dạng riêng. Hiểu một cách đơn giản, xây dựng thương hiệu là những gì người khác nghĩ - về bạn, công ty, sản phẩm của bạn hoặc dịch vụ của bạn. Nhận dạng thương hiệu là hình ảnh của thương hiệu bạn sẽ trông như thế nào, từ logo đến cả cách lựa chọn màu sắc và rất nhiều thứ khác. Hình ảnh có sức thuyết phục rất lớn. Hãy thử đặt mình vào vị trí của người tiêu dùng. Bạn đã bao giờ chọn sản phẩm đơn giản chỉ vì bao bì bắt mắt chưa? Hiểu được hình ảnh...

Biểu tượng hay còn gọi là semiotics nó đóng một phần rất lớn trong giao tiếp của con người bởi vì mọi người liên tục tìm kiếm ý nghĩa đằng sau các biểu tượng. Cho dù đó là trong các ngôi sao, được vẽ trên một bức tường trong hang động hoặc trong nội dung trong một hình ảnh. Trong thế giới hiện đại, chúng ta có thể thấy biểu tuợng tồn tại rất nhiều trong các phương tiện kỹ thuật số, trong bài viết này chúng tôi sẽ diễn giải các ý nghĩa của biểu tượng, bạn nên xem qua để áp dụng hiệu quả vào thiết kế. 1. Con quạ Là một con vật chuyên ăn những xác chết, con quạ liên quan đến cái chết và sự diệt vong trong tâm lý con người. Biểu tượng của những con quạ thường khiến người xem gán nó với một điềm xấu. Các nhà giao tiếp trực quan của tất...

Chụp ảnh không khó. Nhưng để tạo được nhưng bức hình ấn tượng thì không phải đơn giản. Vậy bí quyết chụp ảnh đẹp là gì Sau đây là những gợi ý cho bạn… Trước tiên… Bạn cần chọn bố cục hợp lý khi chụp 1. Áp dụng quy tắc 1/3 Hãy tưởng tượng bức ảnh của bạn chia thành 9 phần với 2 đường kẻ dọc và 2 đường kẻ ngang. Trong quy tắc này, bạn cần đặt các phần quan trọng của khung ảnh dọc theo các đường kẻ, hoặc ở các điểm mà nó giao nhau. Và khi bạn sử dụng máy ảnh nó có sẵn các tính năng hiển thị các đường kẻ trên màn hình LCD, nên bạn có thể dễ áp dụng. 2. Bố cục trung tâm và đối xứng Quy tắc này tạo được sự bắt mắt, thu hút trong một bức hình, đặc biệt lại có thể xuất hiện sự đối xứng. Tuy nhiên, nếu bạn muốn tạo điểm hút cho một bên nào...

Hướng dẫn ngắn gọn này giới thiệu về tỷ lệ tương phản màu sắc và cách áp dụng hiệu quả nguyên tắc này cho thiết kế của bạn. Mục đích của thiết kế UX là tạo điều kiện cho trải nghiệm tương tác liền mạch cho người dùng. Như vậy, lựa chọn màu sắc và đặt cạnh nhau không nên chỉ dựa trên sở thích cá nhân của bạn. Khái niệm cốt lõi Độ sáng - Cường độ ánh sáng phát ra từ bề mặt trên một đơn vị diện tích theo một hướng nhất định. Độ tương phản màu - Sự khác biệt về độ sáng giữa hai màu liền kề hoặc màu chồng lên nhau (foreground/background). Phạm vi động - Tỷ lệ giữa các giá trị lớn nhất và nhỏ nhất mà một số lượng nhất định có thể giả định. Đối với độ tương phản màu, đây là sự khác biệt giữa độ chói sáng nhất và độ sáng tối nhất. Đôi mắt...

Việc căn chỉnh (Alignment) trong thiết kế đồ họa không phải là một nguyên tắc mới; đó là nền tảng để tạo ra một thiết kế nổi bật và hấp dẫn đối với người xem. Nói một cách đơn giản, căn chỉnh đề cập đến sự sắp xếp các yếu tố thiết kế khác nhau ở các vị trí khác nhau. Căn chỉnh làm cho thiết kế trở nên dể nhìn, dễ hiểu. Không một ai thích thiết kế với văn bản các yếu tố đồ họa phân phối lộn xộn và không có chủ đích. Tại sao là việc căn chỉnh lại quan trọng trong thiết kế? Rất đơn giản, nó giúp các nhà thiết kế đồ họa tổ chức các thành phần khác nhau trong thiết kế của họ. Việc căn chỉnh cung cấp một cấu trúc mạnh mẽ, do đó nó tạo ra sự cân bằng. Nếu căn chỉnh được thực hiện trong bất kỳ dự án thiết kế nào, kết quả sẽ rất rõ ràng, thiết...

Nếu chúng ta tìm kiếm định nghĩa của một sự tương phản, chúng ta sẽ tìm ra rằng tương phản là một sự khác biệt trực quan được sử dụng để phân biệt một đối tượng nào đó (hoặc đối tượng). Ngược lại thường được sử dụng trong các lĩnh vực khác nhau của thiết kế, nhưng đôi khi có vẻ quá phức tạp để làm chủ. Nó không phải là đáng ngạc nhiên ở tất cả: thường người mới bắt đầu tìm hiểu về những điều cơ bản của màu sắc tương phản và đó là điều đó. Tuy nhiên, việc sử dụng thông minh yếu tố tương phản có thể mang lại lợi ích cho cả nhà thiết kế và khách hàng. Hôm nay tôi sẽ tìm hiểu về các mẹo sử dụng độ tương phản trong thiết kế. MẸO SỬ DỤNG ĐỘ TƯƠNG PHẢN ĐỂ LÀM NÂNG CAO KHẢ NĂNG ĐỌC Thiết kế cho dễ đọc là một bài học về cách viết, nhưng đây...

Chụp ảnh tự sướng (Selfie) giờ đây không còn là khái niệm trào lưu nữa mà nó đã trở thành một thói quen hàng ngày của giới trẻ. Các bạn chụp ảnh selfie ở bất kỳ nơi đâu, khi đi chơi, tiệc tùng cùng bạn bè, ngay cả khi đi học hoặc tại chỗ làm, không gian và thời gian dường như không ngăn được thói quen đã dần ăn vào máu thịt này. Tuy nhiên, không phải ai cũng có thể tạo ra những bức ảnh selfie đẹp, thu hút nhiều lượt comment và like trên các trang mạng xã hội. Vì vậy, để có một bức ảnh selfie đẹp, bạn nên tham khảo một số bí quyết sau đây. https://toppick.vn/thietke/nhiep-anh-thietke/bi-quyet-chup-anh-dep-de-co-nhung-buc-hinh-an-tuong/ Chọn địa điểm có ánh sáng đẹp Cho dù là bạn chụp bằng máy ảnh chuyên nghiệp hay bằng điện thoại...

Với việc bộ phim “The Early Man” của hãng phim Aardman Animations chuẩn bị ra mắt, chúng ta cùng điểm tên các hãng phim hoạt hình Stop-motion vẫn đang tiếp tục truyền thống “kiên trì” của chất liệu điện ảnh đặc biệt này. Stop-motion là một phương pháp thể hiện hết sức đặc biệt trong chất liệu hoạt hình, vốn có tuổi thọ ngang ngửa với chính lịch sử điện ảnh. Bằng cách thực hiện chụp thật nhiều các bức ảnh tĩnh và để chúng chạy như một cuộn phim quay cảnh động, các nhà làm phim đã khám phá ra một “phép màu” mới trong việc kể các câu chuyện bằng hình ảnh, và từ đó khai sinh ra hoạt hình nói chung, cũng như stop-motion nói riêng. https://toppick.vn/thietke/lam-phim-hoat-hinh-stop-motion/ Các hãng phim hoạt hình stop-motion từ trước tới...

Typography tốt có thể là công việc khó khăn, nhưng nhà thiết kế không nên quên để có một số thú vị với nó! Trong khi tạo phông chữ và các ký tự typographic đôi khi có thể cảm thấy cứng và quá toán học, chúng tôi muốn bạn giúp bạn tìm thấy niềm vui trong việc tạo ra nhiều kiểu chữ biểu cảm và vui tươi hơn. Tất nhiên, cách tiếp cận này là rất tốt cho các dự án thiết kế hướng đến trẻ em — nhưng đừng giới hạn bản thân chúng ta. Sau khi tất cả … không phải tất cả các cửa hàng cà phê, cửa hàng kem và logo cần phải nhìn sang trọng. Chúng ta hãy tìm mặt sáng tạo hơn của kiểu chữ và nhận được goofy! Trong bài viết này, chúng tôi sẽ chú ý một số ví dụ về https://toppick.vn/thietke/30-cac-kieu-chu-nghe-thuat-danh-cho-design/ vui tươi và cho bạn...

Photoshop phần mềm xử lý ảnh chuyên nghiệp nhất hiện nay. Bạn có thể chỉnh sửa, xử lý ghép, phục chế một cách đơn giản và nhanh chóng. Hơn nữa Photoshop lại rất dễ học vì tính đơn giản của nó. Không ít người đã tự mày mò học hỏi và tìm được những cơ hội việc làm đáng ngưỡng mộ. Hôm nay, Cùng tôi tìm hiểu những bí quyết “vàng” giúp bạn học Photoshop ngay tại nhà nhé! 1. Khái niệm photoshop? Học bất cứ cái gì , đầu tiên bạn cũng cần nắm rõ bản chất của nó. Học photoshop cơ bản cũng vậy, bạn cần nắm rõ được photoshop là gì? Adobe Photoshop là một phần mềm đồ họa chuyên dụng . Nó được đánh giá là phần mềm dẫn đầu thị trường về sửa ảnh bitmap. Và còn được coi là chuẩn với những ngành liên quan chỉnh sửa ảnh. Phiên bản mới nhất hiện nay...

Tỷ lệ vàng là một tỷ lệ toán học mà bạn có thể tìm thấy ở hầu hết mọi nơi, như thiên nhiên, kiến trúc, hội họa và âm nhạc. Khi được áp dụng cụ vào thiết kế, nó giúp tạo ra sự cân bằng và tính thẩm mỹ. Trong bài viết này, chúng ta sẽ đi sâu vào nghiên cứu tỷ lệ vàng, cách tính toán nó, và cách sử dụng nó trong thiết kế - bao gồm một danh sách các công cụ tiện dụng giúp tính tỷ lệ vàng. Tỷ lệ vàng là gì? Tỷ lệ vàng là một trong những thành phần nhỏ những không kém phần quan trọng trong toán học, thường được chỉ định bằng ký tự φ (phi) trong bảng chữ cái Hy Lạp nhằm tưởng nhớ đến Phidias. Tỷ lệ Vàng là một số đặc biệt xấp xỉ bằng 1.618. Tỷ lệ chính nó xuất phát từ dãy Fibonacci, một chuỗi số tự nhiên có thể tìm thấy ở mọi nơi, từ lá...

Design sprint hay còn gọi là "thiết kế chạy nước rút" là quy trình năm giai đoạn hạn chế về thời gian sử dụng tư duy thiết kế với mục đích giảm rủi ro khi đưa sản phẩm, dịch vụ mới hoặc tính năng ra thị trường. Nó bắt nguồn từ một tầm nhìn để phát triển văn hóa UX và thực hành lãnh đạo thiết kế trên toàn tổ chức. Design sprint đã nhận được rất nhiều sự chú ý trong vài năm qua. Dưới đây là năm trong số những huyền thoại lớn nhất về quy trình Design sprint. 1. Design sprint thực sự chỉ hoạt động cho các nhóm nhỏ Google đi tiên phong trong quá trình này và họ không thực sự là một startup! Chúng tôi đã nói chuyện với một số tổ chức lớn nhất trên thế giới, bao gồm The Home Depot, Northwestern Mutual, AARP và IBM - họ đều áp dụng Design...

Thiết kế tối giản rất đơn giản. Nhưng nó không nhàm chán. Chỉ vì thiết kế kiểu dáng tối thiểu thường thiếu một số phần tô điểm hoặc bảng màu hoặc kiểu chữ trong các dự án khác, không có nghĩa là nó không tuyệt vời để xem xét. Trên thực tế, các thiết kế có tính tối giản có thể là một số trang web đẹp nhất và có thể sử dụng được. Và mặc dù chủ nghĩa tối giản là một phong cách thiết kế của chính nó, những loại yếu tố nào xuất hiện trong những dự án này và cách chúng được sử dụng có xu hướng thay đổi theo thời gian. Bạn có thể gọi chúng là xu hướng tối giản. Dưới đây là một cái nhìn tại 10 lời khuyên cho việc tạo ra một thiết kế đồ họa tối giản & hiện đại với các ví dụ. 1. Làm cho nó thật đơn giản Chìa khóa cho một thiết kế đồ họa tối...

Chào mừng bạn quay lại loạt bài của chúng tôi về các mẹo dành cho những nhà thiết kế không chuyên! Trong phần này, chúng ta sẽ thảo luận về tính nhất quán của thiết kế, thu thập cảm hứng từ các nhà thiết kế khác, tầm quan trọng của không gian trắng, cách các màu sắc tác động đến quan điểm của người xem về thiết kế của bạn, thử nghiệm thiết kế của bạn và cách duy trì độc đáo với từng dự án bạn tạo. Trong bài viết này, chúng tôi cung cấp một số mẹo và thủ thuật nhanh có thể giúp bạn tận dụng tối đa các kỹ năng thiết kế mà bạn có. Không có bất kỳ kỹ năng thiết kế nào? Đừng lo lắng! Bài viết này có thể giúp bạn bắt đầu! Sử dụng bảng màu Bảng màu và cách phối màu rất quan trọng đối với một thiết kế, nó cũng như một công cụ giúp bạn...

Như bạn có thể đã đoán bài viết này là dành riêng cho màu xanh dương. Không nghi ngờ gì nữa, màu xanh là một trong những màu sắc quan trọng nhất trong thiết kế giao diện người dùng và là một trong những màu sắc thường xuyên nhất. Chỉ cần nhìn vào các biểu tượng của các ứng dụng trong điện thoại của bạn, và bạn sẽ thấy rằng rất nhiều trong số đó sử dụng màu xanh: Facebook, Twitter, Shazam, Safari, v.v. Vậy tại sao màu xanh được chọn? Có rất nhiều lý do để sử dụng màu xanh, tôi sẽ liệt kê một vài lý do: Những người thích màu này. Khảo sát cho thấy đa số mọi người thấy màu xanh là màu yêu thích của họ. Màu xanh được coi là màu nhiều người yêu thích nhất trên toàn cầu. Lựa chọn màu sắc là một khía cạnh quan trọng của trải nghiệm thị...

Ngày qua ngày chúng tôi bị choáng ngợp với luồng thông tin lớn cả ngoại tuyến và trực tuyến. Do các công nghệ mới và kết nối internet nhanh, mọi người có thể tạo ra nhiều nội dung hơn so với khả năng tiếp thu. Khi dùng một trang trang web và ứng dụng, người dùng thường không đọc tất cả mọi thứ họ thấy từng chữ một - trước tiên họ quét trang để tìm hiểu xem nó có hữu ích với họ hay không. Từ đó chúng ta có một thuật ngữ mang tên là scannability, scannability là một trong những yếu tố thiết yếu của trang web. Bài viết hôm nay khám phá hiện tượng và đưa ra các mẹo về cách làm cho sản phẩm kỹ thuật số có thể quét được. Scannability là gì? Áp dụng cho một trang hoặc màn hình, thuật ngữ "Scannability" có nghĩa là đọc lướt qua hoặc đọc vội...

Sự thiếu rõ ràng về các vị trí và yêu cầu công việc đã dẫn tới một thực trạng rất khó phát triển về khả năng nghề nghiệp của mỗi cá nhân và lớn hơn là cả ngành công nghiệp Design tại Việt Nam. Qua những bài viết của mình, tôi hi vọng góp thêm một góc nhìn để mọi người có thêm một sự tham khảo. Bài viết này sẽ hơi dài, hãy kiên nhẫn! Các vị trí trong quy trình UX: 1 . UX Research (User Experience Design) UX Research giúp chúng ta xác định và chứng minh (hoặc bác bỏ) các giả định, tìm những điểm tương đồng trên các đối tượng khách hàng mục tiêu và nhận ra nhu cầu, mục tiêu của họ. Thông qua nhiều phương pháp collect information, user persona, survey, interview… UX research làm tăng sự hiểu biết của chúng ta về khách hàng, những người...