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ồ.
![và dụ vỠphông chữ sáng tạo](https://don16obqbay2c.cloudfront.net/wp-content/uploads/creative-font-example-1565351271.jpg)
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 ºÚÁÏÊ— 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à để 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 ºÚÁÏÃÅ:
- Äi đến trong bảng Ä‘iá»u khiển ºÚÁÏÃÅ 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 ºÚÁÏÃÅ
- 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
- µþá²Ô 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ì?