Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Inspiration
Webdesign

14 Giao Diện WordPress cho Bộ Mẫu Nhiếp Ảnh

by
Length:LongLanguages:
This post is part of a series called Weeks of Web Design Inspiration.
Discoverability and Feedback in Web Design
Sorry About This: 40 Examples of 404 Pages

Vietnamese (Tiếng Việt) translation by Andrea Ho (you can also view the original English article)

Trong phần tóm lược này, chúng ta sẽ xem qua những điều quan trọng cần cân nhắc khi xây dựng một bộ mẫu nhiếp ảnh trực tuyến với WordPress. Chúng ta sẽ xem xét kỹ lưỡng 8 thủ thuật và ý tưởng, đồng thời điểm qua vài giao diện bán tốt nhất từ Envato Market để minh hoạ cho từng chủ điểm. Hãy cười lên nào!

Đã cập nhật chưa?

Đúng rồi đấy! Bài viết này được xuất bản lần đầu tiên vào tháng 3 năm 2016, nhiều giao diện đã được bán ra, vì thế chúng tôi loại bỏ những giao diện đã không còn phù hợp và thêm 8 ví dụ mới để cập nhật cho bạn.

1. Giới thiệu bản thân

Khuôn mẫu cảm xúc rất quan trọng trong web; thêm nhân tố con người vào bộ mẫu ảnh của bạn và người xem sẽ có thể kết nối hơn với các tác phẩm bạn mang đến cho họ. Hãy chắc rằng họ biết họ đang đối diện với ai, ai đứng sau những bức ảnh, và ai sẽ là người họ cần liên hệ nếu như họ muốn biết nhiều hơn nữa.

Giao diện Responsive Photography từ ThemeGoods mang lại một bố cục trang chủ để thực hiện ý định này khá tốt. Tên của bạn, chữ ký của bạn, một chút tính cách của bạn - ở ngay phía trước trung tâm.

Responsive Photography Theme
Giao diện Responsive Photography

Giao diện mẫu ảnh Holver thực hiện mọi thứ theo một cách dè đặt hơn, giới thiệu cá nhân theo các câu hỏi theo phong cách tối giản. Hoàn hảo cho Adela

Holver
Holver

2. Hãy để các bức ảnh lên tiếng

Người xem không bị phân tâm khi đang thưởng thức những bức ảnh của bạn là điều rất quan trọng. Đừng lấn át các bức ảnh tuyệt đẹp của bạn bằng cách dùng màu sắc và nghệ thuật sắp đặt với các ký tự quá đà.

Grand Portfolio có rất nhiều chọn lựa bố cục, bao gồm phiên bản chia cách màn hình này, cho phép hình ảnh thực hiên tất cả phần phức tạp.

Grand Portfolio
Grand Portfolio 

3. Cân nhắc đối tượng người xem của bạn

Bạn có chuyên về phong cảnh không? Nhiếp ảnh về đêm? Những hình ảnh sản phẩm? Có lẽ bạn là nhiếp ảnh gia về đám cưới, hoặc bạn chọn nó để tôn vinh những con thú cưng của bạn? Dù bạn ở bất kỳ phân khúc nào, hãy chắc rằng bộ sưu tập của bạn phản ánh điều bạn làm và trang ảnh mẫu của bạn chuyển tải được cảm xúc mà khách hàng tiềm năng của bạn muốn thấy.

MIES, một "giao diện WordPress tiên phong về kiến trúc" phù hợp với các bộ ảnh về kiến trúc. Nó trình diễn các hình ảnh toàn màn hình, cùng với những ảnh thumbnail và phần chú giải cho mỗi dự án.

MIES
MIES

Illume được chọn ra là một giao diên WordPress về nhiếp ảnh lãng mạn, và nó xứng đáng với danh xưng đó. Với màu sắc ôn nhu của nó, và bộ cục phong cách, giao diện này rất hoàn hảo cho hôn lễ tươi mới của những cặp đội.

Illume
Illume

4. Cho hình ảnh của bạn vào một bối cảnh

Chung tôi đã thảo luận cách tìm ra sự cân bằng đó, khi bộ ảnh mẫu trông thật tuyệt nhưng không hợp với nội dung. Tuy nhiên, đôi khi thật cần thiết mang đến cho hình ảnh của bạn thêm nhiều bối cảnh, bằng cách trình diễn nó theo một kiểu cách điệu hoá, và có lẽ với những tài nguyên bổ sung như là những chi tiết về câu chuyện và địa điểm v.v. Lấy nhiếp ảnh về du lịch thám hiểm làm ví dụ: Tôi là một fan của các tạp chí như www.sidetracked.comwww.thefieldmag.com với những bức ảnh tuyệt vời, chúng sẽ mất đi sức hút nếu không có có những mẫu chuyện đồng hành cùng chúng.

Tại sao không thử một điều tương tự, sử dụng giao diện có phong cách tạp chí Clean Photo từ wphunters?

Clean Photo
Clean Photo

Jo đã làm rất tốt khi mang một khuôn mẫu blog truyền thống xưa cũ tác hợp với một bộ ảnh mẫu. Hình ảnh và truyện kể, hoàn hảo.

Jo
Jo

5- Những vấn đề về hiệu suất

Hầu như chúng tôi nói về nó mỗi ngày ở Envato Tuts+; hiệu năng thực sự là vấn đề. Chung tôi đang đối mặt với những bộ ảnh mẫu, vì thế có rủi ro cao khi xây dựng thành những con quái thú nặng nề, chậm chạp, với những hình ảnh nặng ký và những thứ khác nữa.

Hãy kiểm ra kỹ hiệu năng của một bộ giao diện ra sao; đại loại như Ronneby (tự xưng là "Giao diện WordPress có hiệu năng cao") thực hiện cực kỳ tốt.

Ronneby
Ronneby

Một bài kiểm tra trên Pingdom cho điểm 84 trên 100; trang chủ được tải dưới 3 giây.

Nói như vậy, 2.9Mb này có thể được cải thiện hơn nữa, vì thế luôn tuỳ vào bạn với khả năng tốt nhất của bạn để làm cho trang WorPress của bạn luôn nhỏ gọn. Cân nhắc việc sử dụng:

  • Lưu bộ nhớ đệm. ví dụ như WP Super Cache
  • Mạng lưới phân tải nội dung như CloudFare
  • Nén ảnh (WP Smush là một plugin miễn phí tuyệt vời)

Một giao diện khác có hiệu năng tốt là Dani, có điểm số tương đồng trên Pingdom.

Dani
Dani 

Dani mất vài điểm số vì thiếu sót cho bộ nhớ đệm của trình duyệt, không kết hợp các tập tin JavaScript, và vài chi tiết khác, nhưng thời gian tải 1.2 giây rất đáng được ghi nhận.

6. Hãy giữ sự linh hoạt

Tách riêng phần trình bày ra khỏi các chức năng (để các file giao diện đảm nhận phần nhìn, trong khi các plugin sẽ đảm trách phần xử lý ở trong) là một khía cạnh quan trọng của các giao diện WordPress. Nếu điều này không được chú trọng, bạn có thể vô tình khoá chặt nội dung của bạn vào một giao diện, không thể thay đổi trong tương lai mà không cần đến sự chuyển đổi phức tạp phần dữ liệu.

Cr3ativThemes là nhóm những nhà phát triển giao diện luôn kiên định trong việc giữ những mọi thứ tách biệt. Đây là Rare, giao diện Material Design của họ có lẽ thích hợp với bộ mẫu nhiếp ảnh cần có sự hoàn hảo của bạn.

Rare
Rare

7. Tậu dụng độ phân giải cao

Với nhiều thiết bị mạng lại các màn hình độ phân giải cao (như retina), người xem có cơ hội tốt để thưởng thức tác phẩm của bạn với chi tiết rực rỡ. Tận dụng sức mạnh của công nghệ và chọn một giao diện trình bày những hình ảnh lớn, độ phân giải cao (dù vậy hãy cho người dùng chọn lựa để xem ảnh chất lượng cao, đừng phó mặc cho băng thông đường truyền của họ mà không cần hỏi han).

Cân nhắc chạy một bản sao lưu nội bộ các hình ảnh của bạn trên máy của bạn. Mang laptop của bạn cùng bạn đến các buổi phỏng vấn, và trong các sự kiện không có internet hoặc có mạng không dây tệ hại, bạn vẫn phải cần trình diễn tác phẩm của mình theo cách đấy. WP Migrate DB Pro là một cách đáng thử và đáng tin cậy để đồng bộ hoàn hảo phiên bản nội bộ và trực tuyến của trang web của bạn.

SOHO là một giao diện tuyệt vời để trình diễn hình ảnh và video, trong môi trường toàn màn hình hấp dẫn.

SOHO
SOHO

Chỉ mới xuất bản hôm nay (25 tháng 10) Umbrella sẽ đập ngay vào mắt bạn với phần trình diễn ảnh độ phân giải cao của nó.

Umbrella
Umbrella

8. Đừng quên mục đích chính

Tại sao ban đầu bạn lại muốn đưa bộ ảnh mẫu của mình lên mạng? Có phải để thu hút khách hàng, hoặc chỉ để làm cho các bộ ảnh mẫu của bạn được biết đến cho những ai tình cờ tìm thấy chúng? Nói cách khác, hãy nhớ đến mục đích chính. Và nếu bộ ảnh mẫu của bạn để thu hút khách hàng, hãy chắc rằng người xem biết làm sao để liên hệ nếu họ cảm thấy cần thiết.

Wolfe có một footer với tất cả kênh giao tiếp, chỉ để chắc rằng mọi người có thể tiếp cận được.

Wolfe
Wolfe

Malmö cũng có một biểu mẫu liên hệ gọn gàng nằm ở footer.

Malm
Malmö

Xong xuôi rồi đấy 

Hy vọng những thủ thuật và các giao diện này tạo cảm hứng cho trang WordPress của bộ ảnh mẫu của bạn. Nếu bạn có bất kỳ cảm nghĩ gì, hãy cho chúng tôi biết trong phần bình luận nhé!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.