15 cách kết hợp phông chữ hoàn hảo cho trang web thương mại điện tử của bạn

Văn năm 5 trước by quản trị viên

Các nhà khoa học khẳng định bạn có khoảng 10-20 giây để thu hút sự chú ý của người dùng trước khi họ rời khỏi trang web của bạn vì những phần không xác định. Vì vậy, bạn thực sự muốn đếm 10 giây đầu tiên đó (không có ý định chơi chữ).

Văn bản trong khu vực tiêu đề trang web của bạn là nguồn thông tin quan trọng. Những gì bạn nói rõ ràng là quan trọng, nhưng nó cũng quan trọng để xem xét làm thế nào bạn nói nó.

Kiểu chữ là tiếng nói của trang web của bạn. Việc chọn kiểu chữ phù hợp không chỉ giúp truyền đạt thông điệp của bạn mà còn có khả năng ảnh hưởng đến tông màu và thậm chí làm cho thương hiệu của bạn dễ nhận biết hơn. Đó là lý do tại sao trên thế giới có hơn 300,000 phông chữ để bạn lựa chọn, từ cổ điển đến… à, thật điên rồ.

Phông chữ của nghệ sĩ người Canada Jenny Shipper là lời ca ngợi các bộ phim của Federico Fellini

Với rất nhiều lựa chọn, việc tìm ra phong cách phù hợp của riêng bạn có thể là một thách thức, đặc biệt nếu bạn không biết các phông chữ phối hợp với nhau như thế nào. Trong bài đăng này, chúng tôi sẽ giới thiệu một số cặp phông chữ yêu thích của chúng tôi để giúp bạn thiết kế thông báo tiêu đề có khả năng chuyển đổi.

Tất cả các ví dụ bên dưới được tạo bằng các công cụ thiết kế có sẵn trong Trang web tức thì của Ecwid — một công cụ xây dựng trang web thương mại điện tử miễn phí và hiệu quả giúp cửa hàng của bạn phát triển và bán hàng nhanh chóng. Tìm hiểu thêm về các tùy chọn thiết kế của Trang web tức thì, hoặc là đăng ký miễn phí để xem nó hoạt động.

Cách thay đổi phông chữ trong trình chỉnh sửa Trang web tức thì của Ecwid:

Đi đến Website trong bảng điều khiển Ecwid của bạn và nhấp vào “Chỉnh sửa;”
Chọn “Tiêu đề & Bìa;”
Nhập tiêu đề và mô tả về cửa hàng của bạn. Chọn bố cục trang bìa của bạn và thay đổi vị trí cũng như căn chỉnh của nó nếu cần. Từ đây, bạn cũng có thể thay đổi hình nền và nút kêu gọi hành động nếu muốn;
Cuộn xuống và chọn “kiểu chữ;”
Chọn họ phông chữ, màu sắc và kích thước cho dòng tiêu đề và mô tả của bạn;
Đừng quên nhấn nút “Save” khi bạn hoàn tất.

Spirax + Open Sans ngưng tụ

Những đường cong ban đầu của Spirax mang lại cho tiêu đề một cái nhìn tinh tế nhưng kỳ quái. rất phù hợp với các hình thức mở và trung tính của Open Sans Condensed. Sự kết hợp này có thể phù hợp với bạn nếu bạn bán thứ gì đó được thiết kế độc đáo như đồ trang sức thủ công.

Merriweather + Oswald

Merriweather rất thú vị khi đọc trên màn hình với các dạng chữ hơi cô đọng, các nét chữ chắc chắn và các dạng mở. Nó hoàn toàn phù hợp với Oswald, một phông chữ lấy cảm hứng từ phong cách gothic cổ điển và kỳ cục vào cuối thế kỷ 19 và đầu thế kỷ 20. Việc ghép nối này có thể phù hợp với một cửa hàng bán cao cấp các sản phẩm riêng biệt như đồng hồ hoặc phụ kiện bằng da.

Abril Fatface + Cabin

Các serif mỏng và toàn diện những đường cong của Abril Fatface mang lại cho các tiêu đề một vẻ ngoài trang nhã nhưng vui tươi, đó là kết hợp tốt với nét hiện đại của Cabin. Hãy thử những phông chữ này nếu bạn bán sản phẩm văn phòng phẩm hoặc sách.

Montserrat + Merriweather

Montserrat dựa trên kiểu chữ đô thị từ nửa đầu thế kỷ 20, được bổ sung bởi các dạng chữ hơi cô đọng của Merriweather. Sự kết hợp này sẽ được phục vụ tốt trong một cửa hàng túi xách hoặc giày thể thao.

Overlock + Nunito

Các hình dạng nét tròn của Overlock tạo nên những tiêu đề và văn bản ngắn tuyệt vời trong kiểu tạp chí bố cục. Phông chữ này trông đẹp nhất ở kích thước lớn hơn, bổ sung cho phông chữ của Nunito cân bằng tốt các hình thức tròn trịa. Nếu bạn bán quần áo, những phông chữ này là một lựa chọn tuyệt vời.

Màn hình Playfair + Nguồn Sans Pro

Phong cách cổ điển của Playfair Display càng nổi bật hơn khi kết hợp với Source Sans Pro, được tạo ra để hoạt động tốt trong giao diện người dùng. Sự kết hợp vượt thời gian này sẽ phù hợp với các cửa hàng chuyên về sản phẩm làm đẹp hoặc cửa hàng quần áo dành cho phụ nữ.

Alegreya + Lato

Nhịp điệu năng động và đa dạng của Alegreya mang đến sự mới mẻ cho trang giấy, khơi dậy ấn tượng của Lato. bán tròn chi tiết và cấu trúc mạnh mẽ. Hãy xem xét kỹ hơn các phông chữ này nếu bạn bán đồ lót hoặc các phụ kiện trang nhã khác.

Rokkitt + Lato

Rokkitt được thiết kế để sử dụng làm phông chữ hiển thị trong tiêu đề và tiêu đề. Kết hợp nó với bán tròn san serif Lato để tạo vẻ nổi bật. Hãy chú ý đến sự kết hợp này nếu cửa hàng của bạn tập trung vào trang phục thể thao cao cấp hoặc đồ công nghệ thời trang.

Cát lún + Proxima Nova

Các hình dạng hình học là nền tảng cốt lõi của Quicksand, vì vậy hãy kết hợp nó với khả năng cảm nhận hiện đại của Proxima Nova để mang lại cho bố cục của bạn một cảm giác sạch sẽ, mới mẻ. Nếu bạn bán đồ chơi hoặc xe đẩy trẻ em, những phông chữ này có thể phù hợp với bạn.

Oxy + Maven Pro

Oxygen hoạt động tốt trên tất cả các giao diện đồ họa người dùng, máy tính để bàn và thiết bị, đặc biệt khi kết hợp với khả năng đọc dễ dàng của Maven Pro. Hãy xem cặp đôi này nếu trang web của bạn bán kính mắt hoặc phụ kiện thể dục.

Kịch bản khiêu vũ + Lato

Dancing Script sống động và giản dị mang lại cho trang của bạn một cảm giác thân thiện và thân mật, nhấn mạnh tỷ lệ cổ điển của Lato và tính thẩm mỹ kiểu san serif đẹp mắt. Các cửa hàng quà tặng và bưu thiếp có thể được hưởng lợi từ bộ này.

Signika + Liều lượng

Tính cách nhẹ nhàng của Signika rất phù hợp cho các tiêu đề, trong khi Dosis làm cho các văn bản bổ sung khá dễ đọc. Sự kết hợp này phù hợp với nhiều loại cửa hàng, từ đồ điện tử đến hoa.

Mũ len Reenie + Muli

Reenie Beanie dựa trên cơ bản điểm bóng chữ viết tay bằng bút, mang đến vẻ ngoài vui tươi, được bổ sung bởi cấu trúc tối giản của phông chữ Muli. Hãy thử kết hợp này nếu bạn bán thứ gì đó như sổ phác thảo hoặc bạn muốn có thêm đặt trở lại giai điệu cho thương hiệu của bạn.

Truy vấn + Muli

San serif Muli tạo nên một phông chữ nội dung hoàn hảo và tính thẩm mỹ tinh tế có nghĩa là nó kết hợp tốt với nhiều phông chữ tiêu đề khác nhau: như Questrial với phong cách hiện đại và vòng tròn đầy đủ đường cong. Bộ này có thể là một đi đến biến thể cho thời trang dạo phố.

Berkshire Swash + Proxima Nova

Berkshire Swash có nét tinh tế táo bạo nhưng nhẹ nhàng, tạo nên dòng tiêu đề sống động và mang lại sự cân bằng đáng kinh ngạc với tỷ lệ đơn giản, hiện đại và hình thức hình học của Proxima Nova. Mỹ phẩm thủ công hoặc món tráng miệng sẽ được hưởng lợi từ sự kết hợp này.

Khái niệm cơ bản về ghép nối phông chữ

Không tìm thấy những gì bạn đang tìm kiếm trong danh sách của chúng tôi? Nếu bạn cảm thấy sáng tạo, hãy thử chơi với phông chữ trong trình chỉnh sửa Trang tức thì miễn phí và tìm sự kết hợp phông chữ đẹp mắt của riêng bạn.

Dưới đây là một số hướng dẫn cơ bản cần tuân theo:

Tạo sự tương phản giữa các phông chữ của bạn (đậm & chữ ẩu, CAO & ngắn)
Kết hợp serif và san-serif phông chữ (như Libre Baskerville + Signika).
Không sử dụng hai phông chữ giống nhau (ví dụ: hai chữ thảo) cho cả dòng tiêu đề và nội dung của bạn. Việc tạo ra sự đa dạng sẽ thu hút sự chú ý và giúp khách hàng của bạn tương tác với từng phần riêng lẻ.
Làm cho phông chữ phù hợp với thương hiệu của bạn. Những bức thư viết tay vui tươi có lẽ không phù hợp nhất với một thương hiệu trang sức cao cấp.
Giới hạn bản thân ở 2-3 phông chữ để tránh làm cho nội dung của bạn có vẻ lộn xộn.

Ngoài ra đọc: 50 cửa hàng trực tuyến mẫu mực được xây dựng bằng Ecwid