Thiết kế Website

Bạn có cảm thấy bực bội với quá trình thay đổi ảnh Avatr trong WordPress không? Bạn đang tìm kiếm một cách mới để thay đổi ảnh đại diện của mình một cách dễ dàng? Bài viết này sẽ chỉ cho bạn một phương pháp mới và đơn giản để thay đổi ảnh đại diện mà không cần sử dụng cách cũ của WordPress là Gravatar. Hãy tiếp tục đọc để tìm hiểu "cách thay đổi ảnh đại diện WordPress mà không cần sử dụng Gravatar" và bạn có thể nhanh chóng mang lại cho hồ sơ của mình một diện mạo mới phù hợp với phong cách hoặc thương hiệu của bạn hơn. Gravatar là gì? Gravatar là viết tắt của "Globally Recognized Avatar" (Avatar được nhận diện toàn cầu). Đây là một dịch vụ miễn phí cho phép bạn tạo một avatar toàn cầu. Avatar này có thể được sử dụng trên nhiều trang...

Figma là một công cụ thiết kế giao diện nổi tiếng, được ưa chuộng bởi tính năng cộng tác trực tuyến và khả năng tùy biến mạnh mẽ. Tuy nhiên, để tối ưu hóa quá trình làm việc và cải thiện năng suất, việc sử dụng các plugin hỗ trợ là không thể thiếu. Trong bài viết này, chúng tôi sẽ giới thiệu đến bạn 9 plugin Figma cực kỳ hữu ích, giúp bạn tiết kiệm thời gian, nâng cao chất lượng thiết kế, và tận dụng tối đa tiềm năng của công cụ này. Hãy cùng khám phá những plugin mà bất kỳ nhà thiết kế nào cũng nên biết! 1. Vector to 3D Plugin này cho phép bạn chuyển đổi các lớp vector và văn bản 2D thành mô hình 3D chỉ với một cú nhấp chuột, sử dụng công cụ dựng hình ray tracing mạnh mẽ. Bạn có thể dễ dàng tạo các biểu tượng 3D, banner, mockup đẹp...

Để ngừng thông báo qua email cho admin khi khách hàng đặt sản phẩm miễn phí trên WooCommerce WordPress, bạn có thể sử dụng một đoạn mã tùy chỉnh để loại bỏ các thông báo cho đơn hàng có giá trị bằng 0. Dưới đây là cách bạn có thể làm điều này: Thêm mã vào file functions.php của theme: Mở file functions.php của theme mà bạn đang sử dụng (điều này có thể được thực hiện qua Appearance > Theme Editor). Thêm đoạn mã sau vào file functions.php: add_filter('woocommerce_email_recipient_new_order', 'filter_free_order_emails', 10, 2); function filter_free_order_emails($recipient, $order) { if ($order->get_total() == 0) { $recipient = ''; // Loại bỏ email admin } return $recipient; } Sau khi thêm đoạn mã trên vào...

Khi nói đến thiết kế giao diện người dùng và thiết kế web hiện đại, một bộ icon chất lượng tốt là vô giá và có thể giúp nâng tầm hoặc phá vỡ một thiết kế. Chắc chắn không thiếu các bộ icon khác nhau trên Internet. Chỉ cần tìm kiếm nhanh trên Google, bạn sẽ thấy hàng trăm bộ icon, nhiều bộ trong số đó là mã nguồn mở và miễn phí 100%. Vấn đề là không phải tất cả các bộ biểu tượng được tạo ra như nhau. Việc chọn một bộ icon chất lượng tốt có thể tốn thời gian ngang với việc tạo các icon tùy chỉnh của riêng bạn. Chính vì lý do này, Forum Sieunhan.xyz đã tổng hợp danh sách 15+ bộ icon miễn phí tốt nhất cho thiết kế UI sau đây nhằm giúp bạn tiết kiệm thời gian quý báu của mình. 1. Untitled UI Icons 1.100+ icon thiết yếu miễn phí cho...

Bài viết này sẽ cho bạn thấy cách nhúng Google Maps vào trang web của bạn theo cách Responsive với tải chậm. Bản đồ sẽ tự thay đổi kích thước dựa trên màn hình thiết bị và chỉ tải khi người dùng cuộn đến bản đồ, do đó làm cho trang tải nhanh hơn. Thực hiện hai bước đơn giản để nhúng Google Maps vào các trang web của bạn. Khi bạn đang truy cập trang web Google Maps, hãy tìm kiếm địa điểm hoặc khu vực mà bạn muốn nhúng, nhấp vào Share và chọn embed map từ menu. Bạn có thể nhúng bản đồ tiêu chuẩn, bản đồ vệ tinh, hoặc thậm chí cả chế độ xem phố. Nhúng Google Maps một cách Responsive Đây là mã nhúng mặc định được tạo bởi Google Maps: <iframe src="https://www.google.com/maps/embed" width="600" height="450" style="border:0;"...

Trong kỹ nguyên kỹ thuật số, người dùng càng tiếp xúc nhiều với công nghệ hiện đại và các dịch vụ trực tuyến. Đối với các thương hiệu và Designer, việc có một website blog để chia sẻ thông tin và quảng bá hình ảnh cá nhân là điều cần thiết. Dưới đây, chúng tôi đã tổng hợp một số tựa theme tuyệt vời để bạn có thể tạo ra những Blog, trang thông tin với nhiều khả năng tùy chỉnh. Uppercase (59$) Uppercase là một chủ đề WordPress hiện đại và sang trọng dành cho các blog và tạp chí dựa trên nội dung hiện đại. Giao diện này hỗ trợ cơ chế Dark Mode và hoàn toàn phù hợp để tạo ra một Blog chuyên nghiệp, bắt mắt. Blogar (39$) Blogar là một theme với phong cách thiết kế hiện đại và sáng tạo. Được thiết kế với xu hướng mới nhất với các...

Thanh điều hướng (navigation) là một trong những yếu tố cần thiết nhất của một trang web. Nó giúp người dùng dễ dàng điều hướng và chuyển đến những trang họ cần truy câp, giúp người dùng truy cập nội dung trang web một cách nhanh chóng. Thêm vào đó, nó cho phép họ thực hiện hành động nhanh chóng như truy cập vào giỏ hàng của họ hoặc tìm kiếm trên trang web. Là một nhà thiết kế web, bạn phải đảm bảo điều hướng trang web được thiết kế để khách truy cập có thể tận dụng tối đa. Hôm nay, chúng ta sẽ xem xét năm điều cần ghi nhớ khi bạn thiết kế điều hướng trang web. MẸO SỐ 1: LÀM CHO LOGO NỔI BẬT Về cơ bản, logo là bộ mặt của một công ty. Nó không chỉ đại diện cho thương hiệu trên trang web mà còn đại diện cho thương hiệu đó trên các...

Những thứ phổ biến nhất là những thứ giúp cuộc sống trở nên dễ dàng và đơn giản hơn. Vì vậy, phương châm ngày nay của nhà thiết kế và nhà phát triển là “Hãy làm cho nó đơn giản và dễ dàng hơn!” Hiện nay, ứng dụng trở nên rất phổ biến và các nhà thiết kế đang cố gắng làm cho nó hữu dụng và tiện lợi hơn. Hãy xem một số phương pháp chúng ta có thể đơn giản hóa và cải thiện thiết kế. 1. Tối giản chức năng Các ứng dụng thường được tạo ra để đạt được các tác vụ đơn giản. Chúng không nên khiến người dùng khó chịu với nhiều tác vụ và khiến họ mất tập trung vào mục tiêu chính. Tối giản chức năng là một nguyên tắc làm cho thiết kế trở nên “không rườm rà”. Điều này áp dụng cho mọi thứ trong thiết kế: nội dung, số lượng hành động, các...

Một trang web của một công ty nếu thiếu chuyên nghiệp cũng sẽ làm xấu đi hình ảnh của công ty. Cửa sổ bật lên liên tục gây rối? Làm phiền. Thanh điều hướng khó dùng? Không thể điều hướng. Ngay cả một sai sót nhỏ nhất trong bố cục thiết kế cũng có thể nhanh chóng khiến người dùng bỏ đi. Để tạo ra trải nghiệm người dùng liền mạch nhất có thể, hãy cùng điểm qua những lỗi thiết kế web lớn nhất cần tránh: Các vấn đề về điều hướng Hình ảnh: Javier Crocco Mendez Hiện nay, chúng ta đang sống trong một thế giới mà mọi thứ đều có sẵn trong tầm tay của bạn. Nếu người dùng không thể tìm thấy một cái gì đó thú vị trên trang web của bạn trong vòng 15 giây , gần như chắc chắn rằng họ sẽ rời bỏ trang web đó. Điều hướng trang web hiệu quả cho phép...

Nếu bạn là người mới bắt đầu trở thành nhà phát triển, thiết kế web, CSS là một vấn đề đau đầu đối với những người mới học, dựa trên kinh nghiệm của tôi. Cần phải có thời gian để tìm hiểu nó và làm chủ nó. Bài viết này đề cập đến một số lỗi phổ biến mà bạn có thể gặp phải khi viết mã CSS. 1. Sử dụng giá trị px khi không cần thiết⁣ Bạn có biết rằng bạn không cần sử dụng px khi bạn muốn đặt giá trị thành 0. 2. Lặp lại cùng một đoạn mã⁣ Luôn ghi nhớ quy tắc DRY. Đừng lặp lại. Số lượng dòng mã sẽ khiến bạn phải trả giá về hiệu suất ứng dụng và thời gian tải. 3. Sử dụng tên màu⁣ Sử dụng mã màu sẽ tốt hơn. 4. Không sử dụng thuộc tính tốc ký⁣ Tránh nhiều dòng mã khi bạn có thể làm điều tương tự với một dòng. 5. Không...

Một trang sản phẩm được thiết kế tốt rất quan trọng đối với các website thương mại điện tử vì hầu hết các quyết định mua hàng đều thực hiện trên trang đó. Bài viết này sẽ cho bạn thấy các phương pháp phổ biến về thiết kế trang sản phẩm, với rất nhiều ví dụ. Trong thương mại điện tử, thước đo thành công không phải là số lượng người truy cập hoặc số lượt nhấp chuột vào trang web. Mà chính là số lượng đơn hàng được tạo ra. Từ góc độ đó, trang sản phẩm rất quan trọng vì nó thường là nơi diễn ra hầu hết việc đưa ra quyết định “mua hay không mua”. Vì vậy, thiết kế hoặc cải thiện một trang web hoặc ứng dụng thương mại điện tử, các nhà thiết kế UX phải suy nghĩ kỹ và kiểm tra nó đến từng chi tiết nhỏ nhất. Đó là nội dung bài viết hôm nay mà...

Hơn 500 trang web được xây dựng mỗi ngày bằng WordPress. Với WordPress, bạn có thể xây dựng trang web của mình nhanh hơn nhiều và với chi phí thấp hơn nhiều so với phát triển web bằng cách tự xây dựng từ đầu. Nếu bạn đang ở đây thì có thể bạn đang quan tâm đến việc tìm hiểu lý do tại sao mọi người sử dụng WordPress cho trang web của họ và điều gì khiến nó trở nên đặc biệt. Chúng tôi đã đưa ra một danh sách các lý do tại sao WordPress lại hấp dẫn đến vậy. 1. WordPress là mã nguồn miễn phí WordPress hoàn toàn miễn phí, nó không thuộc sở hữu của bất kỳ tổ chức nào hoặc thậm chí là một nhóm người có thể xác định được. Không cần phải trả tiền cho giấy phép để sử dụng nó. Nó cũng là phần mềm mã nguồn mở, có nghĩa là có thể tải xuống, cài...

Số lần hiển thị đầu tiên được tính và portfolio của bạn thường là điều đầu tiên mọi người sẽ nhìn thấy và là điều duy nhất giữa bạn và công việc thiết kế web tiếp theo của bạn. Điều đó có nghĩa là việc tạo đúng loại portfolio UX, đại diện thực sự cho các kỹ năng của bạn, là rất quan trọng. Kể một câu chuyện, không quá hớ hênh và nhớ rằng portfolio của bạn có người dùng chỉ là một trong số các điều cần lưu ý. Dưới đây là mười cách bạn có thể cải thiện portfolio UX của mình và cuối cùng , bạn sẽ có được công việc tốt hơn. 1. Kể một câu chuyện Làm việc với khách hàng hoặc các bên liên quan trên sản phẩm của họ là một câu chuyện hấp dẫn. Bạn và team của bạn đối mặt với một thử thách; một điều căng thẳng chưa được giải quyết - sản phẩm...

Trong không gian phát triển phần mềm có rất nhiều cuộc thảo luận về thiết kế thông minh. Cho dù đó là UI so với UX hay Java so với Python, cách bạn thiết kế và phát triển phần mềm của mình có ảnh hưởng đáng kể đến không chỉ trải nghiệm người dùng, mà cả thành công chung của phần mềm. Trừ khi bạn có mục đích về sự phát triển của mình, bạn có thể sẽ bỏ lỡ các dấu hiệu cảnh báo trước khi quá muộn. Rất may, chúng tôi đã tổng hợp 5 mẹo giúp bạn hiểu rõ hơn về cách thiết kế với đúng ý định. Trong bài viết này, chúng tôi sẽ xem xét các khái niệm cơ bản của cả UI với UX cũng như cách mỗi cái có thể mang lại lợi ích cho cả tính khả dụng và hiệu quả của phần mềm của bạn. Chúng tôi hy vọng rằng trên đường đi, bạn sẽ khám phá ra lý do tại sao...

Cho dù bạn mới bắt đầu phát triển web hoặc đã lập trình trong nhiều năm, mọi người đều có thể hưởng lợi từ các công cụ và công nghệ mới. Rốt cuộc, một nghệ sĩ tuyệt vời mà không có công cụ của họ sẽ như thế nào? Trong bài viết này, chúng tôi sẽ hướng dẫn bạn qua 7 công cụ phát triển web bạn cần sử dụng được thiết kế đặc biệt để tăng năng suất và hiệu quả của bạn. Khi các công nghệ, đặc biệt là liên quan đến phát triển web và di động, tiếp tục cải thiện cả về tốc độ và khả năng, các công cụ tạo ra chúng phải phát triển thep để tránh bị bỏ lại phía sau. Điều quan trọng là học cách thiết kế thông minh hơn thay vì thiết kế khó hơn. Chúng tôi hy vọng rằng với 7 công cụ này, bạn sẽ có thể làm chính xác điều đó. Hãy cùng xem. 1. Sketch...

Quay trở lại những ngày đầu của Internet, dường như mọi người đang cố gắng xây dựng một trang web. Cho dù đó là để cung cấp dịch vụ, bán sản phẩm hay đơn giản là lưu trữ thông tin, các trang web này thường thô sơ và thường sẽ được đưa lên mà không bao giờ được chỉnh sửa lại. Ngày nay, thế giới có rất nhiều trang web và ý tưởng ứng dụng web đáp ứng các mục tiêu tương tự như các trang web gốc đó, nhưng với công nghệ và thiết kế tốt hơn nhiều. Trong bài viết này, chúng ta sẽ xem xét 7 ý tưởng và xu hướng phát triển ứng dụng web hàng đầu năm 2019. Mỗi ý tưởng và xu hướng ứng dụng web này đang bắt đầu có sức hút và có tiềm năng xác định tương lai của web như chúng ta đã biết. Chúng tôi đang xem xét những điều này để giúp bạn vượt lên trên...

Chú ý đến thiết kế trang web là rất quan trọng để xây dựng doanh nghiệp của bạn. Hiện tại có gần 1,7 tỷ trang web trực tuyến, cung cấp rất nhiều loại trang web khác nhau để nghiên cứu, nhưng cũng có rất nhiều nhầm lẫn về các kiểu website và thiết kế nào sẽ thực sự phù hợp nhất với bạn. Là một nhà thiết kế hoặc chủ doanh nghiệp nhỏ, bạn cần phải làm quen với tất cả các loại trang web khác nhau, để bạn có thể quyết định xem loại nào sẽ đáp ứng nhu cầu của bạn. Nghiên cứu những gì đối thủ đã chọn và tiến hành thử nghiệm cho phép bạn tạo định dạng hoàn hảo cho từng thương hiệu và cơ sở khách hàng của họ. Dưới đây là 8 loại trang web khác nhau: 1. Homepages Trang chủ là trung tâm chính của trang web của bạn và đóng vai trò là bộ mặt...

Trải nghiệm người dùng luôn quan trọng hơn bao giờ hết. Nếu người dùng không có được trải nghiệm phù hợp khi truy cập trang web hoặc thiết bị thì họ sẽ chỉ cần đi nơi khác để có được trải nghiệm họ muốn. Thông thường, trải nghiệm người dùng dựa trên nhấp chuột và cử chỉ trên các trang web và ứng dụng, nhưng khi các công cụ thiết kế web phát triển, các công nghệ mới ngày càng trở nên phổ biến và đang thay đổi các thông số về trải nghiệm người dùng tốt. Hãy suy nghĩ về cách giọng nói đã thay đổi cách bạn tương tác với các thiết bị của bạn và cách bạn tìm kiếm trên web. Ở đây, chúng tôi sẽ xem qua các xu hướng UX đang định hình hiện tại và tương lai, và phác thảo những gì bạn cần biết về chúng. 1. Giao diện người dùng bằng giọng nói...

Ngày nay, mọi người đang dành nhiều thời gian hơn cho các thiết bị kỹ thuật số của họ hơn bao giờ hết. Mặc dù điều này có thể tuyệt vời cho các nhà phát triển phần mềm, các nhà thiết kế UX đã phải làm việc thêm giờ để theo kịp nhu cầu về trải nghiệm người dùng liền mạch và các ứng dụng mạnh mẽ. Nếu không có các công cụ thiết kế UX phù hợp, các nhà phát triển và nhà sáng tạo này có thể lãng phí thời gian để giải quyết các vấn đề có thể sớm trở nên lỗi thời. Với tốc độ cao trong đó các giải pháp kỹ thuật số được xây dựng và lan truyền, theo kịp thiết kế trải nghiệm người dùng của sản phẩm là điều cần thiết để duy trì cơ sở người dùng của bạn. Trong bài viết này, chúng tôi sẽ cố gắng giúp cả nhà thiết kế và người dùng sản phẩm kỹ thuật số...

Thiết kế UX thành công không xảy ra nhờ vào may mắn. Thiết kế tuyệt vời đến khi chiến lược UX đã được áp dụng. Chiến lược UX là một sự khoa học, bao gồm các lý thuyết đã được thử nghiệm và đã được chứng minh là có hiệu quả. Thay vì đâm đầu một cách mù quáng và hy vọng vào điều tốt nhất, dành thời gian để xem xét chiến lược UX sẽ ngăn bạn khỏi sự lãng phí thời gian và năng lượng để sửa chữa sai lầm sau khi bạn. Các tips chuyên môn của chúng tôi sẽ đưa bạn đến con đường thành công của UX và khi bạn thiết kế xong, bạn sẽ cần kiểm tra sản phẩm của mình. 1. Xác định chiến lược của bạn Trước khi bạn bắt đầu lập kế hoạch cho chiến lược của mình, sẽ rất hợp lý để hiểu những gì nó đòi hỏi và liệu bạn có thực sự cần một chiến lược dựa trên...