Các nhà khoa học khẳng định bạn có khoảng
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ồ.
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.
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
Abril Fatface + Cabin
Các serif mỏng và
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
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.
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
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
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à
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
- Cách khắc phục điều hướng cửa hàng của bạn
- Mọi điều bạn cần biết về buôn bán sản phẩm
- Bán hàng trực tuyến: Cách bố trí sản phẩm trong cửa hàng trực tuyến
- Kinh doanh thời trang là gì và tại sao nó lại quan trọng?
- 10 sai lầm trong thiết kế cửa hàng trực tuyến
- 15 cặp phông chữ hoàn hảo cho trang web thương mại điện tử của bạn
- Lý thuyết màu sắc: Mọi điều bạn cần biết về chủ đề màu sắc
- 7 ý tưởng sáng tạo cho trang sản phẩm thương mại điện tử của bạn
- Sức mạnh của hình ảnh anh hùng trong thiết kế web
Phải có Nguyên tắc UX cần tuân theo trong cửa hàng trực tuyến- Kiểm tra thiết kế trang web
- Khai phá sức mạnh của thiết kế UX cho thương mại điện tử
- Sự khác biệt giữa UI và UX trong Thương mại điện tử là gì?