Các nhà khoa há»c khẳng định bạn có khoảng để 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ụ dưới đây Ä‘á»u được tạo bằng các công cụ thiết kế có sẵn trong 51ÊÓÆµ Instant Site — má»™t trình xây dá»±ng trang web thương mại Ä‘iện tá» hiệu quả giúp cá»a hà ng cá»§a bạn hoạt động 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à để 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 51ÊÓÆµ:
- Äi đến trong bảng Ä‘iá»u khiển 51ÊÓÆµ 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ữ 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 51ÊÓÆµ
- 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ì?