Hướng dẫn về nhu cầu thương mại Template Kits

Ngoài các yêu cầu Kỹ thuật và chất lượng cho Template Kits. Chúng tôi đặc biệt tìm kiếm nội dung có nhu cầu thương mại và khả năng sử dụng. Nếu chúng tôi không chấp nhận nội dung của bạn, Nó thường không phải là thiết kế có chất lượng kém hoặc không có giá trị nghệ thuật. Nhưng đơn giản là nó không hoàn toàn phù hợp với thị trường và khách hàng của chúng tôi.

Một Template Kits tuyệt vời phải bao gồm những yếu tố sau.

  • Đi trước về xu hướng
  • Thiết kế sạch sẽ gọn gàn clean
  • Dễ sử dụng và tuỳ biến cao
  • Thực dụng phù hợp với nhu cầu người dùng
  • Tải nhanh nhất

Hiểu đối tượng của chúng tôi

Chúng tôi thấy phần lớn người dùng Template Kits đã quá quen thuộc với WordPress và có kinh nghiệm sử dụng các Page builder. Hoặc là những chuyên gia thiết kế họ mới dùng Page Builder lần đầu tiên. vì lý do này, điều quan trọng là phát triễn thiết kế của bạn đối với những đối tượng này trong tâm trí hãy nên nhớ những điều dưới đây

 

  • Vẫn sử dụng UI quen thuộc nhưng hãy hiện đại hoá phong cách
  • Tránh bộ cục rườm ra trừu tượng làm cho mất điều hướng hoặc sự tập trung không rõ ràng
  • Tìm cách hợp lý nhất để cấu hình cho một Thành phần ( Element ) để đạt hiệu quả cao nhất bạn muốn. Ví dụ không thêm bạckground content cho từng Tab trong khi đã có chức năng background chung cho toàn bộ Tab. Điều ngày có nghĩa là tìm cách hợp lý nhất để cấu hình cho Element thật đơn giản dễ dùng nhưng vẫn giải quyết được yêu cầu của khách hàng

Nghiên cứu Về Niche ( Chủ đề Riêng )

Trước khi đi sâu vào dự án tạo Template Kits, chúng tôi khuyên bạn nên dành thời gian để nghiên cứu về Template kits bạn sẽ tạo và tìm những cách mới và thú vị để trình bày nó giống như cách bạn chuẩn bị cho một Theme mới hoặc là một website

Có thể rất khó để quyết định thiết kế nào thích hợp và tập trung sự nỗ lực của bạn để có cơ hội thành công thương mại cao nhất. Chỉ có tin tốt lành của chúng tôi là các nghiên cứu và phân tích đều chỉ ra từ thực tế. Khách hàng đang tìm kiếm một phạm vi rất rộng và đang dạng vì vậy rất có thể có những người đang tìm kiếm giấy phép và những gì bạn thiết kế

Mặc dù có một nhu cầu lớn đối với tấc cả các loại trang web. Nhưng vẫn còn một số Niche và Siêu Niche có xu hướng nỗi lên trên phần còn lại

 

  • Technology & Startups ( Công nghệ và khởi nghiệp )
  • Business & Trade Services ( Dịch vụ và thương mại )
  • Nature & Travel ( Thiên nhiên và du lịch )
  • Education, Health & Medical ( Giáo dục sức khoẻ y tế )
  • Food ( Món ăn )

Chúng tôi muốn thiết kế là duy nhất ( unique design ). Ví dụ, nếu kits cho Hairstylist chúng tôi không muốn thiết kế trong giống tấc cả chủ đề về Hair trên themeforest.net

Hiểu được thị trường ngách và loại nội dung mà người chủ website sẽ cần trình bày. Đó cũng là những gì khách truy cập website cần và khách hàng tiếm năng muốn mua về chủ đề của bạn. ( Điều này có nghĩa là phải hiểu được chi tiết về chủ đề, cần phải có những thành phần nào, để chủ sợ hữu website chỉ cần thay đổi vài thông tin cơ bản là có thể tạo ra một website hoàn hảo, và khách hàng của họ sẽ hài lòng ở lại website lâu hơn và có thể chuyển đổi thành đơn hàng, Người làm kits (author) chắc chắn mang lại lợi ích cho chủ website thì không lý do gì mà khách hàng tiềm năng không mua kits của bạn )

 

Phát huy sở trường của bạn và các tài nguyên sẵn có

Mặc dù đơn giản là cho đi những cái phổ biến nhất. Chúng tôi thường xuyên khuyên bạn nên bám vào những gì bạn giỏi nhất và làm cho thiết kế của bạn trở nên độc đáo nhất ( unique design )

Luôn nhớ rằng điểm mạnh của bạn không phải là kỹ năng hoặc kinh nghiệm. Nhưng đó là vị trí thực tế kết nối quan hệ và tài nguyên sẵn có là tốt. Tận dụng các chủ đề sử dụng các trường hợp mà bạn có thể đi sâu vào thiết kế hơn so với những design khách. Ví dụ. Bạn có anh chị em họ hàng làm bên dịch vụ sữa xe ( Auto Services ) thì đây là chủ đề thế mạnh của bạn.

Đa Dạng

Tấc cả chung ta đều biết không phải lúc nào cũng tốt nhất để đặt tấc cả các trứng của bạn vào một giỏ. Nhưng cũng nên xem xét có nhiều hơn một loại trứng ngoài kia. Nếu bạn xây dựng một danh mục ( Portfolio ) đầu tư rộng trên nhiều chủ đề điều đó thật tuyệt. Tuy nhiên có rất nhiều chủ đề để khám phá trong bất kỳ một phân khúc cụ thể nào

Ví dụ. Nếu bạn có kinh nghiệm về design general business themes. Bạn có thể điều chỉnh nội dung của mình cho một doanh nghiệp nhỏ cụ thể chẳng hạn như cửa hàng thực vật, Hoặc đưa ra một ý tưởng mới về popular Theme – Thay vì một công ty du lịch vô danh cung cấp chuyến đi đến vùng nhiệt đới hãy xem xét một cặp đôi đã kết cần một trang web cho các dịch vụ thích hợp của họ cung cấp chuyến đi chơi thân thiện với chó,

Theo dõi xu hướng thiết kế hiện tại

Chúng tôi có kỳ vọng cao về chất lượng của thiết kế Và mong đợi tấc cả thiết kế hoàn thành và chuyên nghiệp. Trong khi bạn đang làm việc thiết kế qua các giai đoạn cho Template kits. Hãy ghi nhớ các nguyên tắc sau 

Làm cho nó hiện đại ( Make it Modern )

Thiết kế hiện đại bao gồm bất kỳ thiết kế nào tách rời ra khỏi thiết kế của Bootstrap trong năm qua. Điều này không có nghĩa là lưới của Bootstrap là xấu, hay là dạng tự do là tốt. Nhưng người dùng cuối có khả năng là chọn vẻ ngoài tươi mát và thú vị hơn. Nói vậy Thiết kế vẫn phải có chức năng và thân thiện với người dùng, tránh các thiết kế quá rườm ra gây khó hình dung cho người dùng

Là bản gốc ( Be original )

Chúng tôi chỉ muốn xem tác phẩm là bản gốc tốt nhất của bạn.

Xem qua những theme chủ đề phổ biến và hãy chắc chắn rằng bạn làm một cái gì đó khác biệt hoặc là mới. Điều này đặc biệt quan trọng nếu liên quan đến Stock lựa chọn font chữ màu sắc hãy sử dụng font chữ bảng màu bạn đã dùng trước đó.

Làm cho nó sạch sẽ và đánh bóng ( Make it clean and polished )

Thiết kế sạch sẽ có nghĩa là không lộn xộn. Đơn giản dễ đọc và không nghiều ” không gian trắng “. Điều này không có nghĩa là bạn phải phấn đấu cho chủ nghĩa tối giản. Nó có nghĩa là loại bỏ nhiều thành phần phức tạp và tập trung vào nội dung. Thông điệp chính và hành động là quan trọng nhất. Thành phần ( Element ) và text phải có khoản cách và độ tương phản rộng rãi để giúp người dùng tập trung vào trọng tâm khi truy cập website. Và thiết kế tổng thể nên nhìn gắn kết và đầy đủ

Làm cho nó hiệu quả ( Make it effective )

Template kits phải là trang web hiệu quả và thu hút người truy cập. Với nội dung tập trung vào một mục tiêu là dễ theo dõi

Khi khách hàng lần đầu tiên truy cập vào một trang web, Họ chỉ có một vài giây để họ quyết định nếu họ quan tâm, và nếu họ hiểu là phải làm gì tiếp theo. Bạn không cần phải là một chuyên gia về UX, nhưng đó là một ý tưởng tốt để đảm bảo là trang web của bạn có cấu trúc tốt và mục đích thật sự với một dấu hiệu rõ ràng về người dùng muốn tương tác

Làm cho nó có thể sử dụng được ( Make it unsable )

Ngoài việc dễ hiểu cho khách truy cập nội dung bên ngoài, Người dùng có thể tuỳ chỉnh mẫu của họ với màu sắc riêng văn bản stock và cố được một trang web hoàn chỉnh theo thiết kế, hiệu ứng hình ảnh chẳn hạn như hình ảnh và ảnh ghép

Bố cục thiết kế của template phải được dịch dễ dàng sang các page builder để người dùng Elementor không bị nhầm lẫn về nơi thay đổi thứ gì đó

Sự quan trọng của nội dung ( Content considerations )

Chúng tôi hy vọng với một template kits đều phải chú trọng vào font chữ UX và nội dung, Bạn không cần tạo ra bản sao or là body text cho kits của bạn. Nhưng chúng tôi hy vọng các tiêu để hoặc là button là tiếng anh và nó phù hợp với thể loại. Chúng tôi khuyên bạn nên dùng thẻ HTML và căn chỉnh phù hợp trong điều khiển nội dung

Tiếp theo là màu sắc ( Color ), Typograpy có thể làm nên hoặc là phá vỡ một thiết kế trong kits của bạn. Nhìn vào xu hướng thiết kế hiện tại giúp bạn có thể chọn một cặp font chữ tuyệt vời, và tránh sử dụng nhiều hơn hai font chữ

  • Line Height phải dùng em cho body text và phải được set cho tất cả text và heading 1.5 là tiêu chuẩn 
  • Tránh hiển thị font chữ cho body text và heading là quá nhỏ vì nó làm cho văn bản khó đọc

Ví dụ Playfair Display là một font chữ tốt nhưng nó không tốt cho body font khi đọc ở size 24px Amatic SC cũng là một font chữ tốt nhưng nó không có đính kèm Viết thường và viết hoa. Vì vậy không được dùng nó cho body

Chọn stock images video icon ( Choosing Stock Images, Videos & Icons )

Yếu tố hình ảnh trong thiết kế phải phục vụ mục đích và chức năng và không áp đảo nội dung. Trừ khi bức ảnh là trọng tâm cách chọn hình ảnh tốt nhất tham khảo tiêu chí dưới đây

  • Màu sắc nhất quan / Bổ sung cho thiết kế tổng thể
  • Có cùng kiểu hoặc xuất hiện từ cùng một bộ
  • Tuân thủ các yêu cầu nội dung của chúng tôi (ví dụ: không chứa ngôn ngữ không phù hợp và / hoặc nội dung khiêu dâm, bạo lực hoặc liên quan đến ma túy rõ ràng)
  • Truyền đạt mục tiêu lợi ích của chủ đề
  • Đã được tối ưu để website chạy nhanh nhưng vẫn phải đảm bảo chất lượng độ phân giải

Sử dụng hình ảnh chất lượng ( Use quality images )

Khi chọn sử dụng hình ảnh đồ hoạ cho thiết kế của bạn, Điều quan trọng là yếu tốt cạnh tranh với những ảnh tương tự khác đã có sẵn

Nói chung stock càng phổ biến chúng ta có nhiều sự lựa chọn hơn

Không thêm bất cứ điều gì vào image stock

Xem xét các cách mà template có thể thay đổi về hình ảnh, hoặc là kết hợp với yếu tố hình ảnh khác, nó hấp dẫn hơn là dùng photoshop để overlay hình ảnh hoặc chỉnh sửa một vài thứ trên hình ảnh, nó luôn là tốt nhất, upload ảnh gốc và sử dụng Elementor để cho khách hàng có thể chỉnh sửa thay đổi nội dung mà không làm mất đi thiết kế

Tránh xử lý quá mức ( Avoid Over-Processing )

Bạn có thể sử dụng bộ lọc filter color để xử lý một tấm hình, nhưng hình ảnh không xử lý lọc color và hiệu ứng thì trong nó tự nhiên và có xu hướng già hơn, sử dụng chức năng overlay filter images của Elementor builder để đạt hiệu ứng kiểu bất cứ khi nào có thể

Video audio

Do hạn chế về kích thước chúng tôi khuyến khích bạn sử dụng video file lưu trữ cục bộ, bạn có thể liên kết youtube soundclound đã được tích hợp sẵn trong Elelentor

  • Sử dung các tuỳ chọn gốc của Elementor để thêm video hoặc audio tránh các đoạn mã ngắn hoặc mã nhúng
  • Sử dụng video thích hơp với chủ để niche
  • Hãy chắc chắn video thân thiện với gia đình
  • Tắt âm thanh playlist và video liên quan
  • Không được auto play
  • Kích hoạt chế độ riêng tư

Icons và Illustrations ( Sử dụng hình ảnh mô tả nội dung )

  • Để cho phép dễ dàng tuỳ chỉnh dùng chức năng native icon elements của elementor hoặc là option bất cứ khi nào có thể
  • Tránh sử dụng quá nhiều Illustrations theo xu hướng tìm kiếm phong cách Illustration hoặc là color kết hợp màu sắc tươi mới
  • Luôn luôn sử dụng hình ảnh có độ phân giả cao hiển thị tốt trên mọi thiết bị có thể thay đổi kích thước trong phạm vi hợp lý

Responsive

Khi có thời gian xử lý độ phân giải cho màn hình, vấn đề nan giải là thiết kế chộ độ phân giải màn hình nào trong trường hợp này không có cách tiếp cận một kích cỡ màn hình cho tất cả nhưng chúng tôi khuyên bạn nên đảm bảo thiết kế của mình trong thật tuyệt trên 2550 1140 1280 trước khi đảm bảo trên điện thoại thông minh và máy tính để bàn

Elementor chứa khả năng đáp ứng tuyệt vời cho các thành phần của nó theo cách mặc định và cung cấp chế độ xem trực quan trên tấc cả thiết bị cho bạn dễ dàng chỉnh sửa tuy nhiên đưng phụ thuộc vào mặc định để đưa ra một kết quả hoàn hảo dưới đây là một số điều cần chú ý

  • Hãy chắc chắn khu vực cần tập trung tiêu đề được định vị thích hợp
  • Thu nhỏ những tiêu đề lớn
  • Điều chỉnh độ rộng cốt để phá vỡ lưới thành các kích thước dễ đọc hơn
  • Đảm bảo văn bản cách 1em hoặc là 2% từ các border
  • Padding section của section không full widht thì không nên có quá nhiều khoản trắng ( Tức là tránh được scroll không cần thiết giảm được độ height cho toàn bộ website trên thiết bị di động )
  • Bạn có thể đảo ngược các cột trên thiết bị di động ( nếu Elementor có hỗ trợ ) để đảm bảo luồng hình ảnh và văn bản theo đúng trình tự
  • Shape divider có thể điều chỉnh độ rộng và độ cao trong toàn bộ template để nhất quán
  • Tuỳ chỉnh vị trí phải được đặt tên riêng trên tất cả thiết bị cho bất kỳ yếu tố nào sử dụng nó
  • Hãy chắc chắn rằng mọi tuỳ biến qua css cho responsive phải hoạt động được

Chúng tôi khuyên bạn nên sử dụng một công cụ lightweight tool hoặc browser addon  để giúp kiểm tra bộ của bạn ở độ rộng của máy tính xách tay (chẳng hạn như 1280×720) để nắm bắt mọi vấn đề – thường thì những gì trông tuyệt vời ở chiều rộng 2550px không hoạt động ở 1280px, vì vậy cần điều chỉnh. Ngoài ra, đảm bảo bộ của bạn trông đúng ở 768px cũng quan trọng không kém.

Animation

Elementor cung cấp cho chúng tôi một số công cụ thú vị và dễ dàng để thêm một chút chuyển động và tương tác vào bố cục của chúng tôi dưới dạng Hiệu ứng di chuột và Ảnh động Có hàng triệu bố cục hiện nay, điều này có thể khiến bạn khó có thể đổi mới cách bố trí một mình – thêm một chút chuyển động và tương tác vào bộ dụng cụ của bạn để giúp phân biệt chúng.Khi làm việc với các hình ảnh động liên quan đến chuyển động, hãy đảm bảo đặt các độ trễ và khoảng thời gian thích hợp và kiểm tra tải trang thường xuyên để đảm bảo tải và cuộn cùng nhau thanh lịch:

  • Thêm hiệu ứng vào section thì sẽ bị ảnh hưởng đến tốc độ load của trang, hãy xem xét thêm hiệu ứng vào columns hoặc là shortcode riêng lẻ
  • Từ trái sang phải hoặc phải sang trái có thể bị ảnh hưởng đến bố cục nếu chúng chưa xuất hiện trong vùng của section dẫn dến xuất hiện khoản trắng hãy thử sử dụng nó với yếu tố Z-INDEX hoặc là overflow setting trong vùng chứa
  • Hoạt ảnh phân lớp thường không hoạt động tốt. Tránh thêm hình ảnh động vào các yếu tố đã có trong thùng chứa hoạt hình và ngược lại.

Dịch bởi DavidPhan từ https://help.author.envato.com/hc/en-us/articles/360038489072

 

 

 

 

 

 

Leave a comment