SlideShare a Scribd company logo
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 1
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Có nhiều bạn thiết kế trẻ hỏi tôi là tại sao bản thiết kế của họ trông cứ vụng
về và rời rạc, nhìn thiếu hấp dẫn. Để đánh giá một bản thiết kế “nhìn được”
đôi khi chúng ta lại đi tìm những lỗi mà các bạn đó gặp phải.
Trong thiết kế đồ họa, có những nguyên tắc mà bạn KHÔNG NÊN PHÁ VỠ.
Hãy cố gắng nắm vững các nguyên tắc này bạn sẽ tránh được các sai lầm.
Nếu bạn thực hiện nó thường xuyên và trở thành phản xạ thì đã đến lúc bạn
đang trở thành nhà designer chuyên nghiệp rồi đó.
và những nguyên tắc về font
Kerning
khi thiết kế
KHÔNG NÊN PHÁVỠ
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 2
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong một vài trường hợp bạn muốn phá vỡ những nguyên tắc này, hãy tự hỏi
mình đang làm gì và tại sao lại làm như vậy? Vì khi bạn cố phá vỡ nó bạn phải
làm thật đúng cách để thiết kế của bạn trông không bị lỗi.
Khi mới ra trường, tôi được nhận vào làm một công ty quảng cáo khá tầm cỡ.
Công việc đầu tiên tôi được giao là design một namecard. Chà! quá ư là bình
thường vì tôi đã thực hiện điều này vài lần khi ngồi trên ghế nhà trường, dĩ
nhiên là tôi sẽ làm một vài option để chứng tỏ khả năng. Nhưng bất ngờ thay,
tôi chỉ nhận được cái lắc đầu từ những nhà chuyên môn. Bạn biết tại sao
không? Bản thiết kế của tôi mắc quá nhiều lỗi ngớ ngẩn, tôi gần như phá vỡ
hầu hết các nguyên tắc quan trọng, đặc biệt là liên quan đến font chữ.
Bài viết này tôi cố gắng cô đọng những nguyên tắc cơ bản nhất mà một
designer không nên phá vỡ nó. Tôi khuyên bạn nếu thuộc lòng nó càng tốt.
Bài viết chia thành 2 phần:
Phần 1 : Tìm hiểu về kerning, tracking, leading.
Phần 2: Những nguyên tắc về font chữ không nên phá vỡ.
Trong bài viết: Chuyên đề TYPOGRAPHY (chapter 1) tôi đã đề cập
đến khái niệm cơ bản về Kerning, Tracking. Trong bài viết này,
chúng ta sẽ đi sâu hơn về những khái niệm đó.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 3
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Phần1: Tìm hiểu về
Kerning
Tracking
Leading
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 4
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Là phân chia khoảng cách giữa các ký tự sao cho thật chính xác và trông
thuận mắt hơn. Khoảng cách giữa các ký tự không phải lúc nào cũng giống
nhau. Có những ký tự nét thẳng, cong, xiên và việc sắp xếp chúng với nhau
vô tình tạo ra những khoảng không gian khác nhau.
Đến đây, bạn có thể hình dung được một chút về phân chia khoảng cách
theo từng ký tự thực sự là không giống nhau rồi.
Rõ ràng, đến lúc này bạn đã bắt đầu phải nghĩ đến việc “kerning” mỗi khi
sắp xếp những gì liên quan đến chữ. Và, khái niệm cơ bản là giống nhau,
vấn đề nằm ở chỗ là khoảng cách giữa các ký tự lại rất khác nhau.
Mục đích đơn giản là: Cân bằng khoảng trống giữa các ký tự, điều này thực
sự khó khăn vì bạn luôn có cảm giác nó cứ bay ra ngoài. Đôi khi khoảng
cách đồng đều giữa các ký tự sẽ không giống như khoảng cách nó đã được
lập định sẵn và bạn phải tinh chỉnh và tinh chỉnh cho đến khi bạn cảm thấy
nó thật ổn.
Kerning là gì?
Trước đây, khi máy tính chưa ra đời, việt thiết lập
chữ trong đó có khoảng cách các ký tự đều được
thiết lập bằng tay. Nghe có vẻ điên rồ, nhưng tin hay
không thì tùy bạn, và quá trình đó mất rất nhiều thời
gian, nó không giống như việc bạn đang thưởng thức
trên bàn phím như bây giờ.
Các khối ký tự được đặt vào các khối gỗ hoặc kim
loại, làm cho các ký tự được ép lại với nhau đủ xa
nhưng cũng phải làm sao đủ gần, nghĩa là các chữ có
khoảng cách đều nhau tính theo mép cạnh của ký tự,
nhưng vấn đề sẽ xuất hiện nếy có những ký tự là nét
nghiêng như V hay A, lúc đó cho phép khoảng cách
các ký tự gần nhau hơn.
tinh chỉnh
khoảng cách
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 5
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Vậy, Kern là khoảng trống giữa 2 con chữ đơn lẻ.
Kerning chính là việc chúng ta điều chỉnh khoảng cách đó.
Vì bản thân các con chữ có nét thẳng, nét xiên, nét cong khác nhau nên các
Kern cũng sẽ khác nhau.
Trong Illustrator, Menu Window / Type /
Character, bạn điều chỉnh Kern bằng cách thay
đổi thông số trong AV (xem hình bên). Bạn cũng
có thể nhấn tổ hợp phím Atl + mũi tên qua lại để
điều chỉnh cấp số mỗi lần là -20 hoặc +20.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 6
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Những chữ có nét thẳng kề nhau
sẽ có khoảng cách Kern đều nhau.
Nét thẳng - nét thẳng
Khoảng cách Kern bằng 1/3
so với nét thẳng với thẳng.
Nét thẳng - nét xiên
Khoảng cách Kern bằng 1/3 hoặc
1/4 so với nét thẳng với thẳng.
Nét thẳng - nét cong
Khoảng cách Kern chồng (âm) lên nhau
Nét xiên - nét thẳng (lõm)
Khoảng cách Kern chồng mí lên nhau.
Nét xiên - nét cong
Khoảng cách Kern chồng (âm) lên nhau
Nét xiên - nét xiên
Khoảng cách Kern gần giáp mí nhau
Nét cong - nét cong
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 7
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Một điều mà các nhà thiết kế trẻ hay phạm sai lầm nhất đó là không
phân biệt được Kerning và Tracking. Đừng bao giờ trộn lẫn hai thuật ngữ
này với nhau.
Sự khác biệt giữa chúng là:
Kerning
khác Tracking
TRACKING
KERNING
TRACKING
đề cập đến sự thống nhất khoảng
cách tất cả các ký tự trong một
đoạn văn bản được chọn.
KERNING
là phân chia khoảng cách giữa hai
ký tự cụ thể.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 8
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong Illustrator, Menu Window / Type /
Character, bạn điều chỉnh Tracking bằng
cách thay đổi thông số trong AV (xem hình
bên). Bạn cũng có thể nhấn tổ hợp phím Atl
+ mũi tên qua lại để điều chỉnh cấp số mỗi
lần là -20 hoặc +20.
Khái niệm
về Tracking
Tracking là tổng thể các khoảng cách của chiều ngang dòng chữ. Việc điều
chỉnh Tracking cũng giống Kerning, không nên sử dụng thông số âm quá nhiều
hoặc dương quá nhiều vì điều này có thể sẽ khiến đoạn text của bạn trông rất gò
bó hoặc rất rời rạc.
TRACKING
Tracking bình thường với thống số 0Tracking với thống số -25 Tracking với thống số 50
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text
ever since the 1500s, when an unknown
printer took a galley of type and scrambled it
to make a type specimen book. It has
survived not only five centuries, but also the
leap into electronic typesetting, remaining
essentially unchanged. It was popularised in
the 1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more
recently with desktop publishing software like
Aldus PageMaker including versions of Lorem
Ipsum.
Lorem Ipsum is simply dummy text of the
printing and typesetting industry. Lorem
Ipsum has been the industry's standard
dummy text ever since the 1500s, when an
unknown printer took a galley of type and
scrambled it to make a type specimen
book. It has survived not only five centuries,
but also the leap into electronic typesetting,
remaining essentially unchanged. It was
popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum
passages, and more recently with desktop
publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the
leap into electronic typesetting,
remaining essentially unchanged. It
was popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages, and more
recently with desktop publishing
software like Aldus PageMaker
including versions of Lorem Ipsum.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 9
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Lại có một thuật ngữ khác mà chúng ta hay bị nhầm lẫn, đó là Leading.
Thuật ngữ này nói đến việc phân chia khoảng cách giữa các hàng.
Trong CSS chúng ta gọi đó là điều chỉnh “line-spacing”.
Leading
TRACKING
LEADING
KERNING
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 10
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Line Spacing Line Spacing là khoảng cách giữa các dòng theo chiều thẳng đứng. Line spacing
được chia thành 4 tỉ lệ chính. Tỉ lệ ở đây được đo bằng cỡ chữ với khoảng cách
dòng (khoảng cách dòng được tính từ đường gốc dòng trên đến đường giữa các
dòng dưới).
Trong Illustrator, Menu Window / Type /
Character, bạn điều chỉnh Line Spacing bằng
cách thay đổi thông số (xem hình bên). Bạn
cũng có thể nhấn tổ hợp phím Atl + mũi tên
lên xuống để điều chỉnh khoảng cách dòng.
Tỉ lệ 10/12
Đây là tỉ lệ phổ biến nhất trong việc
trình bày layout, web, tạp chí...
khoảng cách dòng bằng 120% cỡ chữ.
Trong bảng Character, tôi sẽ chọn
chế độ Auto.
Tỉ lệ 10/14
Không gian giữa các dòng đã được nới
rộng ra thoải mái hơn. Tỉ lệ này cũng
khá phổ biến trong trình bày.
Tỉ lệ 10/16
khoảng cách này theo tôi là tối đa để
bạn có thể trình bày vì nếu nới rộng hơn
nữa, trông đoạn text của bạn rất rời rạc.
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen
book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the
1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more
recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen
book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the
1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more
recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen
book. It has survived not only five centuries, but
also the leap into electronic typesetting, remaining
essentially unchanged. It was popularised in the
1960s with the release of Letraset sheets
containing Lorem Ipsum passages, and more
recently with desktop publishing software like Aldus
PageMaker including versions of Lorem Ipsum.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 11
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Tôi trích dẫn một bảng trong CSS về cách điều chỉnh tất cả các giá trị. Với
minh họa này bạn có thể dễ dàng tìm chúng trong Photoshop, Illustrator
hay InDesign.
Lưu ý rằng, phím option (Alt) là người bạn tuyệt vời khi điều chỉnh các
thông số này, kết hợp với phím mũi tên (lên -xuống-trái-phải). Đặt con
trỏ giữa hai chữ cái và tổ hợp phím
Option + Mũi tên (trái/phải) để
điều chỉnh kerning, hoặc bao chọn
cả một khối văn bản nếu muốn
điều chỉnh Tracking. Tương tự như
vậy, Phím Option + Mũi tên
(lên/xuống) cho việc điều chỉnh
khoảng cách hàng.
TRACKING
LEADING
KERNING
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 12
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Phân tích
cấu trúc chữ
Khuôn chữ: Trung bình: L,H,N...
Hẹp : I, J...
Rộng : M,A,W,V....
Mặt chữ: Tròn thẳng
Nét mập hay nhỏ
Đầu nhọn hay gãy
Nét chữ: Cong, thẳng, xiên
Đặc điểm khuôn chữ: Khuôn đầy: H,N,M...
Khuôn lõm: L,K,Y,V...
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 13
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Để bắt đầu với việc này, hãy mở Illustrator ra, trong tab Character,
thiết lập Kering về 0 và bạn thử gõ một vài chữ với font Times, bạn
đừng tinh chỉnh gì cả, nhìn rất kỳ cục phải không?
Nhìn này, chúng ta sẽ thấy ngay một khoảng cách kỳ dị xuất hiện. Nói
chung, càng nhiều ký tự khác nhau khi kết hợp khoảng cách xuất hiện khác
nhau càng nhiều. Ký tự với nét xiên mạnh như A hay W thì sự ràng buộc về
khoảng cách càng phức tạp cho dù nó kết hợp với chữ in hoa hay chữ
thường, cũng nên lưu ý các thanh ngang của chữ T hay nét xiên trên của
chữ Y. Ở đây, có lẽ chúng chúng ta cần phải quay lại cách cũ xa xưa của các
thợ thủ công là tinh chỉnh từng chữ một.
Tìm hiểu
các ký tự
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 14
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Các khoảng cách ở bên dưới xuất hiện rất khó chịu
Hãy nhìn sự kết hợp giữa các chữ in hoa T, Y,W và các chữ in thường,
một khoảng trống mênh mông xuất hiện. Bạn sẽ cố tình giữ như thế
cho bản thiết kế mình hay dành 60 giây để tinh chỉnh nó.
Có sự khác biệt khá lớn
khi kết hợp ký tự “ly” và “ry”
Khoảng không lớn
xuất hiện
Khoảng không lớn
xuất hiện
Khoảng không lớn
xuất hiện
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 15
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Lý do phân chia khoảng cách rất dễ bỏ sót là bởi vì đôi mắt của bạn có
xu hướng bỏ qua các khoảng cách khi bạn phải đuổi theo con chữ để đọc
một từ hoặc một câu. Thói quen qua nhiều thập kỷ, người đọc không
nhìn thấy chữ nữa, còn chúng ta thì vẫn thấy từ.
Để giúp bạn, một số nhà thiết kế mách cho bạn một thủ thuật đơn giản
là hãy lộn ngược chữ của bạn trước khi Kerning. Đây là một kỹ thuật rất
hay giúp bạn tập trung vào hình dạng của chữ thay vì cứ bị phân tâm
vào ý nghĩa của từ đó.
Mẹo nhỏ:
Lộn ngược chữ
khi tiến hành Kern
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 16
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Rõ ràng khoảng cách chữ là rất khác nhau dựa vào từng font chữ khác
nhau. Nên, đừng vội vàng Kerning khi bạn chưa quyết định chính xác
sử dụng font nào.
Chúng ta có xu hướng quên bước này.
Đừng vội
kerning trước khi
quyết định
chọn một font
nào đó
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 17
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Chúng ta đã đề cập về Tracking, Leading, Kerning nhưng có một
khoảng cách nữa mà NHẤT ĐỊNH BẠN PHẢI NHÌN CHO RA. Đó là
khoảng cách giữa 2 từ. Điều này rất cần thiết để rút lại không gian
nhóm chữ.
Các font chữ miễn phí hiện nay khoảng cách các từ rất lộn xộn và khi
bạn sử dụng thì nên lưu ý điều này.
Nói chung, kerning trong các font chữ miễn phí thì rất tồi, khoảng
cách giữa các từ còn tệ hơn. Bạn phải làm việc khá vất vả khi sử dụng
những font chữ này, tốt nhất là nên hạn chế hoặc đừng dùng chúng.
Phân tích
khoảng cách
giữa các từ
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 18
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong Photoshop và Illustrator có chế độ auto kerning, bạn nên sử dụng
chế độ này cho văn bản. Tuy nhiên, nó không quá thông minh để có thể
xử lý tất cả các tình huống khoảng cách ký tự của bạn. Tốt nhất bạn nên
chủ động.
Đừng quá tin
vào phần mềm
Nên sử dụng auto
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 19
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Nếu bạn vẫn chưa tin vào khả năng kern của bạn, hãy thử thực tập những bài
đơn giản trên trang http://type.method.ac/ để nâng cao khả năng của bạn,
hãy thực tập cho đến khi nào bạn hoàn thành số điểm 100. Tôi tin chắc khi đã
trở thành phản xạ, bạn sẽ có một thiết kế tốt hơn trước rất nhiều.
Tóm lại, kerning không phải là điều khó khăn nhất mà bạn từng làm trong
thiết kế, và nó có thể rất tẻ nhạt đến nỗi bạn có thể quên nó. Hãy luôn giữ
kerning trong tâm trí và luôn luôn phân tích khoảng cách giữa các ký tự. Sáu
mươi giây kerning trên mỗi tiêu đề bạn tạo sẽ nâng cao khả năng thiết kế và
bạn sẽ thấy trình độ của bạn sẽ tăng vọt trong thời gian ngắn.
Thực tập
online
http://type.method.ac/
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 20
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Phần2: Những nguyên tắc về font
khi thiết kế
KHÔNG NÊN
PHÁVỠ
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 21
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Có nhiều bạn rất ”lười” thực hiện bước này khi bắt tay vào thiết kế. Bạn cần
phải biết rằng hệ thống lưới rất quan trọng, nó là bước cơ bản đầu tiên cho
bất kỳ một thiết kế nào. Hệ thống lưới giúp thiết kế của bạn được trình bày
ngăn nắp, gọn gàng và trật tự, giúp người xem định hướng được hướng nhìn
và biết đâu là yếu tố mà bạn đang muốn nhắm đến. Ngoài ra, hệ thống lưới
còn giúp cho các yếu tố thiết kế được liên kết chặt chẽ với nhau để tạo nên
một thiết kế tốt.
Nguyên tắc 1:
Luôn sử dụng
hệ thống lưới
Headline is here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean
massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec
quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis
vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae,
eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum
rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel,
luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et
magnis dis parturient montes, nascetur ridiculus
mus. Donec quam felis, ultricies nec, pellentesque
eu, pretium quis, sem. Nulla consequat massa quis
enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. In enim justo, rhoncus ut,
imperdiet a, venenatis vitae, justo. Nullam dictum
felis eu pede mollis pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean leo ligula,
porttitor eu, consequat vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in, viverra quis,
feugiat a, tellus. Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum. Aenean imperdiet.
Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi.
Nullam dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean vulputate eleifend
tellus. Aenean leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam lorem ante,
dapibus in, viverra quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper ultricies nisi. Nam
eget dui. Etiam rhoncus. Maecenas tempus, tellus
eget condimentum rhoncus, sem quam semper
libero, sit amet adipiscing sem neque sed ipsum.
Nam quam nunc, blandit vel, luctus pulvinar,
hendrerit id, lorem. Maecenas nec odio et ante
tincidunt tempus.
Headline is here
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis
parturient montes, nascetur
ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu,
pretium quis, sem. Nulla
consequat massa quis enim.
Donec pede justo, fringilla vel,
aliquet nec, vulputate eget, arcu.
In enim justo, rhoncus ut,
imperdiet a, venenatis vitae,
justo. Nullam dictum felis eu
pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean
leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius
laoreet. Quisque rutrum. Aenean
imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper
ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus,
tellus eget condimentum
rhoncus, sem quam semper.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget
dolor. Aenean massa. Cum
sociis natoque penatibus et
magnis dis parturient montes,
nascetur ridiculus mus. Donec
quam felis, ultricies nec,
pellentesque eu, pretium quis,
sem. Nulla consequat massa
quis enim. Donec pede justo,
fringilla vel, aliquet nec,
vulputate eget, arcu. In enim
justo, rhoncus ut, imperdiet a,
venenatis vitae, justo. Nullam
dictum felis eu pede mollis
pretium. Integer tincidunt. Cras
dapibus. Vivamus elementum
semper nisi. Aenean vulputate
eleifend tellus. Aenean leo
ligula, porttitor eu, consequat
vitae, eleifend ac, enim.
Aliquam lorem ante, dapibus in,
viverra quis, feugiat a, tellus.
Phasellus viverra nulla ut metus
varius laoreet. Quisque rutrum.
Aenean imperdiet. Etiam
ultricies nisi vel augue.
Curabitur ullamcorper.
Nullam dictum felis eu pede
mollis pretium. Integer tincidunt.
Cras dapibus. Vivamus
elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean
leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim. Aliquam
lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus
viverra nulla ut metus varius
laoreet. Quisque rutrum. Aenean
imperdiet. Etiam ultricies nisi vel
augue. Curabitur ullamcorper
ultricies nisi. Nam eget dui. Etiam
rhoncus. Maecenas tempus,
tellus eget condimentum
rhoncus, sem quam semper
libero, sit amet adipiscing sem
neque sed ipsum. Nam quam
nunc, blandit vel, luctus pulvinar,
hendrerit id, lorem. Maecenas
nec odio et ante tincidunt
tempus. Nullam dictum felis eu
pede mollis pretium. Integer
tincidunt. Cras dapibus. Vivamus
elementum semper nisi. Aenean
vulputate eleifend tellus. Aenean
leo ligula, porttitor eu, consequat
vitae, eleifend ac, enim.
Headline is here
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec
pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo,
rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede
mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper
nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra
quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque
rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur
ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget
dolor. Aenean massa. Cum sociis
natoque penatibus et magnis dis
parturient montes, nascetur
ridiculus mus. Donec quam felis,
ultricies nec, Lorem ipsum dolor
sit amet, consectetuer adipiscing
elit. Aenean commodo ligula
eget dolor. Aenean massa. Cum
sociis natoque penatibus et
magnis dis parturient montes,
nascetur ridiculus mus. Donec
quam felis, ultricies nec.
Aenean commodo ligula eget
dolor. Aenean massa. Cum
sociis natoque penatibus et
magnis dis parturient montes,
nascetur ridiculus mus. Donec
quam felis, ultricies nec,
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Aenean commodo ligula eget
dolor. Aenean massa. Cum
sociis natoque penatibus et
magnis dis parturient montes,
nascetur ridiculus mus. Donec
quam felis, ultricies nec.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 22
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Có bao giờ bạn ngán ngẩm khi nhìn vào một bài báo do có dòng chữ quá dài
không? Hay bạn chưa kịp hiểu hết một đoạn viết mà lại phải xuống hàng do
rớt dấu hoặc quá ngắn. Đó là do lỗi về độ dài của chữ trên một dòng chưa
phù hợp.
Tôi khuyên bạn nên cân nhắc số từ khoảng 10 -12 trên một dòng là tốt nhất.
- Tối thiểu: 6 từ
- Tối đa 15 từ
Nguyên tắc 2:
Độ dài của dòng
là vừa đủ
Applying colors to artwork is a common adobe illustrator task, and
one that requires some knowledge of color models and color
modes. When applying color to artwork, keep in mind the final
medium in which the artwork will be published, so that you can use
the correct color model and color definitions. Experimenting and
applying color is easy using the feature-rich swatches panel, color
guide panel, and edit colors/recolor artwork dialog box in illustrator.
Applying colors to artwork is a common adobe illustrator task, and
one that requires some knowledge of color models and color
modes. When applying color to artwork, keep in mind the final
medium in which the artwork will be published, so that you can use
the correct color model and color definitions. Experimenting and
applying color is easy using the feature-rich swatches panel, color
guide panel, and edit colors/recolor artwork dialog box in illustrator.
Applying colors to artwork is a common adobe illustrator task, and
one that requires some knowledge of color models and color
modes. When applying color to artwork, keep in mind the final
medium in which the artwork will be published, so that you can use
the correct color model and color definitions. Experimenting and
applying color is easy using the feature-rich swatches panel, color
guide panel, and edit colors/recolor artwork dialog box in illustrator.
Applying colors to artwork is a common adobe illustrator task, and
one that requires some knowledge of color models and color
modes. When applying color to artwork, keep in mind the final
medium in which the artwork will be published, so that you can use
the correct color model and color definitions. Experimenting and
applying color is easy using the feature-rich swatches panel, color
guide panel, and edit colors/recolor artwork dialog box in illustrator.
Số từ trên mỗi hàng chỉ từ 10 -12 từ.
Applying colors to artwork is a
common adobe illustrator task,
and one that requires some
knowledge of color models and
color modes. When applying
color to artwork, keep in mind
the final medium in which the
artwork will be published, so that
you can use the correct color
model and color definitions.
Experimenting and applying
color is easy using the
feature-rich swatches panel,
color guide panel, and edit
colors/recolor artwork dialog box
in illustrator. Applying colors to
artwork is a common adobe
illustrator task, and one that
requires some knowledge of
color models and color modes.
When applying color to artwork,
keep in mind the final medium in
which the artwork will be
published, so that you can use
the correct color model and
color definitions. Experimenting
and applying color is easy using
the feature-rich swatches panel,
color guide panel, and edit
colors/recolor artwork dialog box
Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When
applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and
color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor
artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color
models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can
use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide
panel, and edit colors/recolor artwork dialog box in illustrator.
Số từ trên mỗi hàng quá ít gây
cảm giác rời rạc và khó nhớ.
Quá nhiều từ trên một hàng gây cảm
giác mệt mỏi và dễ đọc lộn dòng.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 23
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong nội dung thiết kế, bạn cần phân cấp rõ ràng cấp bậc ưu tiên của
nội dung. Nội dung nào cần được nhấn mạnh và quan trọng để gởi đến
người xem nhanh nhất.
Bạn có thể phân cấp theo kích thước, độ dày mỏng, màu sắc.
Hãy xem ví dụ bên dưới:
Nguyên tắc 3:
Phân cấp nội dung
rõ ràng
Dear Mary, you are invited to
Peter’s 21st Bithday Party
Come eat, drink and be
merry with Peter as he turns
the big two-one!
Sunday - May 19th
700PM - 12.00AM
12 Street Road, Suburb Town
RSVP by May 5th
Come eat, drink and be merry with
Peter as he turnsthe big two-one!
Dear Mary, you are invited to
Peter’s 21st
Bithday Party
Sunday - May 19th
700PM - 12.00AM
12 Street Road, Suburb Town
RSVP by May 5th
Thiết kế bên trái đoạn nội dung thư mời tất cả đều sử dụng
chung một kiểu chữ, kích thước, màu sắc và độ nặng của chữ,
bạn sẽ rất khó để biết đâu là nội dung chính và cần chú ý vào
những gì.
Thiết kế này phân cấp nội dung rõ ràng, cách sử dụng kích
thước, màu sắc, độ nặng của chữ, giúp ta dễ dàng tiếp thu được
nội dung chính của thư mời là gì, ngày và giờ diễn ra sự kiện.
Thiết kế này tốt hơn rồi đó.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 24
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Như tôi đã nhắc trong phần 1 bài viết. Có một không gian mà bạn NHẤT
ĐỊNH PHẢI TÌM CHO RA đó là khoảng cách giữa các từ. Có một số font
khoảng cách này là rất tệ, đừng để khoảng cách này quá rộng hoặc quá hẹp
trông đoạn văn bản sẽ bị co dúm lại hoặc rất rời rạc.
Chúng ta hay bỏ qua nguyên tắc này.
Có một mẹo nhỏ cho trường hợp này là bạn sử dụng một ký tự “i” cho
khoảng cách giữa các từ, khoảng cách giữa 2 từ là độ rộng của ký tự
“i”(cùng size chữ). Những điều chỉnh này bạn có thể thực hiện thủ công.
Tuy nhiên, không phải font chữ nào bạn cũng dùng phương pháp này vì
mỗi font đều có đặc điểm khác nhau.
Nguyên tắc 3:
Khoảng cách
giữa các từ
phải phù hợp
Irregular word
spacing isdistracting
and incorrect
Word spacing can
mastered with
imaginary letter i’s
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 25
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Phản xạ chung của chúng ta khi canh lề thường là canh bên trái. Đó là phản
xạ tự nhiên ngay từ khi bạn ngồi trên ghế tiểu học chập chững viết những bài
văn trên tập học sinh, bạn căn lề bên trái và viết cho đến khi hết giấy rồi bạn
xuống hàng, bạn đâu có căn lề bên phải phải không? Như vậy, rõ ràng bạn
đang để lề bên phải một cách tự nhiên. Tin tôi đi, đó là cách căn lề tốt nhất.
Có bốn loại canh lề chính: Lề trái, lề phải, canh giữa, và canh đều hai bên.
Nguyên tắc 5:
Canh lề phù hợp
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the leap
into electronic typesetting, remaining
essentially unchanged. It was
popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages.
Left Aligned
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the leap
into electronic typesetting, remaining
essentially unchanged. It was
popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages.
Right Aligned
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the leap
into electronic typesetting, remaining
essentially unchanged. It was
popularised in the 1960s with the
release of Letraset sheets containing
Lorem Ipsum passages.
Center Aligned
Lorem Ipsum is simply dummy text of
the printing and typesetting industry.
Lorem Ipsum has been the industry's
standard dummy text ever since the
1500s, when an unknown printer took a
galley of type and scrambled it to make
a type specimen book. It has survived
not only five centuries, but also the leap
into electronic typesetting, remaining
essentially unchanged. It was popular-
ised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum
passages.
Justified
Canh lề trái thì thông dụng
nhất. Bạn có từng tìm hiểu lý do
vì sao không? Do thói quen mắt
mình điều tiết từ trái sang phải,
nên khi chúng ta canh văn bản
mặc định thị giác chúng ta sẽ
được giao tiếp với một cột ngay
ngắn, gọn gàng, dễ đọc. Bạn
nên thả lỏng bên phải để nội
dung bạn trông tự nhiên hơn.
Việc căn lề bên phải không được
khuyến khích cho một đoạn văn
bản dài, nó chủ yếu mang tính
chất trang trí hoặc đoạn văn
bản ngắn, thường là chú thích.
Chỉ căn lề trái khi khối văn bản
đó có điểm để nó tựa vào.
Cũng giống như căn lề bên phải,
việc căn giữa không được khuyến
khích cho một đoạn văn bản dài.
Mắt chúng ta dễ bị nhầm hàng
khi đọc một đoạn nhiều hàng do
lề trái không ngăn nắp. Tuy
nhiên, trong các poster, thiệp
mời,...có nội dung ít thì căn giữa
lại mang đến sự thăng bằng và
cảm giác sang trọng.
Khá nhiều nhà thiết kế sử dụng
phương pháp canh hàng này vì
trông đoạn văn bản sẽ ngay
ngắn thẳng thớm cả hai bên.
Nhưng tôi thì cho rằng chính vì
thẳng thớm quá nên đoạn văn
bản của bạn lại mất đi yếu tố tự
nhiên. Tùy tình huống mà bạn
nên cân nhắc sao cho phù hợp.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 26
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Có lẽ bạn phải thống nhất với tôi quan điểm là “chữ thì để đọc”. Nhưng rõ
ràng có vài thiết kế hình như quên mất khái niệm này. Tôi tự hỏi bạn thiết kế
thông điệp để làm gì khi người ta không đọc được.
Có nhiều yếu tố làm cho thiết kế của bạn khó đọc. Có thể là do màu nền so
với chữ có sự tương phản quá thấp, màu chữ gần như ẩn vào trong màu nền,
cũng có thể do bạn “siêng” quá nên cho vài họa tiết rối rắm vào trong cái nền
để cho có “cảm giác thiết kế”.
Chữ quá nhỏ cũng là một lý do, hay chữ IN HOA trong một đoạn văn bản dài
cũng là một yếu tố bất lợi cho thiết kế của bạn. Khi bạn sử dụng chữ IN HOA
cho đoạn văn bản dài người xem sẽ dễ có cảm giác chán nản và buồn ngủ.
Chữ IN HOA đặc điểm là chiều cao bằng nhau, không có sự lên xuống, dễ
nhầm lẫn các ký tự khi đọc. Bạn chỉ nên sử dụng chữ IN HOA cho headline
hoặc một đoạn chữ ngắn.
Nguyên tắc 6:
Giữ cho thiết kế
luôn dễ đọc
The type is far too light Keep the contrast high
Use capital letters
appropriately and sparingly
Be intentional about your
choice of type size
This type is a little too small for this medium
THIS TYPE IS A BIT
OVERPOWERING
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 27
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Khi tôi nói đến thuật ngữ này ở các bài giảng trên lớp, nhiều bạn cảm thấy
mắc cười. Nhưng nếu bạn mắc phải lỗi này thì trông thiết kế của bạn cực kỳ
nghiệp dư.
“GÓA PHỤ” là trường hợp hàng cuối của đoạn văn bản bị sót lại rớt sang một
cột khác hoặc một trang khác.
“MỒ CÔI” là trường hợp chỉ có một chữ nằm lẻ loi ở hàng cuối cùng.
Có nhiều cách để khắc phục lỗi này là bạn có thể Kerning khoảng cách giữa
các ký tự, dùng tracking để tăng giảm độ rộng của cả đoạn, cân chỉnh độ rộng
của khối văn bản, ...
Nguyên tắc 7:
Tránh {góa phụ}
và {mồ côi}
Applying colors to artwork is a common adobe
illustrator task, and one that requires some
knowledge of color models and color modes.
When applying color to artwork, keep in mind
the final medium in which the artwork will be
published, so that you can use the correct
color model and color definitions. Experiment-
ing and applying color is easy using the
feature-rich swatches panel, color guide panel,
and edit colors/recolor artwork dialog box in
illustrator.
Applying colors to artwork is a common
adobe illustrator task, and one that
requires some knowledge of color
models and color modes. When
applying color to artwork, keep in mind
the final medium in which the artwork
will be published, so that you can use
the correct color model and color
definitions. Experimenting and applying
color is easy using the feature-rich
swatches panel, color guide panel, and
edit colors/recolor artwork dialog box in
illustrator. Applying colors to artwork is a
common adobe illustrator task.
And one that requires some knowledge
of color models and color modes. When
applying color to artwork, keep in mind
the final medium in which the artwork
will be published, so that you can use
the correct color model and color
definitions. Experimenting and applying
color is easy using the feature-rich
swatches panel, color guide panel.
Đoạn text trên bị lỗi “mồ côi”.Đoạn text trên bị lỗi “goá phụ”.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 28
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong bài viết :”BẠN CHỌN FONT CHỮ NÀO?” tôi có đề cập đến việc làm thế
nào để chọn font chữ cho thiết kế.
Thật vậy, chọn font chữ hợp lý cho thiết kế không hề dễ dàng một chút nào.
Mỗi font chữ đều có đặc điểm và tính cách riêng, tùy vào thiết kế mà chúng ta
chọn cho phù hợp.
Bạn hãy quan sát font bạn muốn chọn thật kỹ, từ đặc điểm, cấu tạo, độ cong,
đường nét... và quan trọng nhất là phải tìm cho ra tính cách của font chữ đó có
hợp với tính cách mà bạn muốn truyền tải trong bản thiết kế của mình không?
Và nhớ là đừng sử dụng quá nhiều font chữ với nhau cùng một lúc, thiết kế của
bạn sẽ trông thật rối rắm.
Nguyên tắc 8:
Sử dụng font
hợp lý
Using lots of fonts
can make for a design
that is cluttered,
overcomplicated,
and just not very nice
But if you just use
a small selection,
you can keep your design
cleaner, clearer
and just much earsier
to digest
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 29
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Chữ là để đọc. Hơn nữa, đoạn văn bản là một khối text bao gồm rất nhiều chữ,
bạn phải luôn đảm bảo khối văn bản của bạn trong tình trạng dễ đọc nhất,
đừng sử dụng font chữ quá phức tạp hay có đường nét quá đặc biệt.
Thay vào đó hãy sử dụng những font chữ truyền thống như kiểu font có chân
(serif) hoặc font không chân (san serif), những kiểu font này luôn giữ được
tính rõ ràng và đơn giản.
Hiện nay xuất hiện nhiều kiểu font đặc biệt hoặc kiểu font viết tay (script),
những font này không phù hợp với một khối văn bản nhiều chữ. Chúng thường
mang tính trang trí hoặc bạn có thể sử dụng trong Headline, trong Title...
Nguyên tắc 9:
Body text
sử dụng font
quá phức tạp
This is My Title
This is a display font called ‘Zapfino’
that just does not work well within larger
bodies of text. Not a very wise choice.
This is My Title
This is a simple serif font
called ‘Book Antiqua’ that works
very well within larger bodies
of text. ‘Zaptino’ is still able
to be used for the heading.
Over, a much wiser choice.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 30
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Để thiết kế ra một font chữ, các nhà thiết kế đã phải tính toán rất tỉ mỉ từng
thông số, từng đường nét, khoảng cách. Nếu chúng ta cố tình co dãn chữ một
chiều (stretch) có nghĩa là bạn đang cố tình phá vỡ cấu trúc font mà họ đã dày
công tính toán. Hơn nữa, việc phá bỏ cấu trúc font sẽ khiến thiết kế của bạn
mất đi tính thẩm mỹ và nhìn rất khó chịu.
Một họ font bao gồm nhiều kiểu cho bạn chọn lựa như: extended, condensed,
thin, light, medium, bold, italic, extra bold, extra thin...Hãy chọn một font mà
bạn cần để sử dụng chứ đừng co dãn chúng vô tội vạ.
Nguyên tắc 10:
Không bao giờ
co dãn chữ
theo một chiều
Đưa thông số về 100%
nếu vô tình bạn kéo dãn font chữ
theo một chiều
Rê chuột vào một trong 4 góc
và nhấn giữ Shift để phóng to
đối tượng theo tỉ lệ.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 31
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Trong phần 1 tôi đã phân tích rõ như thế nào là kerning. Một thiết kế tốt là một
thiết kế được bố cục một cách tỉ mỉ và cẩn thận. Kerning là một trong những
việc bạn cần phải chú ý tới.
Nguyên tắc 11:
Đừngquên
Kern ký tự
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 32
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Khi trình bày khối văn bản, chúng ta thường bỏ qua bước này. Điều này có thể
dẫn đến việc khối văn bản của bạn bị rời rạc, mất đi tính liên tục.
Nếu không để ý, khi xuống hàng đôi khi chữ của bạn không đầy đủ nguyên một
từ (từ đó sẽ nối bằng một dấu gạch ngang), tình trạng này sẽ làm cho văn bản
mất đi tính liên tục. Các dấu ký tự không phải lúc nào cũng được dùng cho văn
bản. Bạn nên tìm hiểu kỹ về điều này.
Các dấu như dấu chấm(.), dấu phẩy(,), hai chấm(:), chấm than(!)... phải nằm
sát vào ký tự cuối cùng của câu, phía sau dấu là một khoảng cách, rồi mới tới
từ của câu tiếp theo.
Nguyên tắc 12:
Quy tắc
về ngữ pháp
Some Basic Gram-
mar Rular
Using ampersands within
body copy is incorrect &
should be avoided.
The same goes for
double spaces used after
punctuation .Got it?
Some Basic
Grammar Rular
Using the word ‘and’ is a
correct and easy substitute
for an ampersand.
Furthermore, one space
after punctuation is more
than enough. Got it?
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 33
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Font có chân mập mạp, khung viền vuông vức và sử dụng
màu đen rõ ràng không hợp với chủ đề.
Ở đây sử dụng font, màu sắc và họa tiết hợp lý hơn nhiều
Khi bắt tay vào thiết kế, luôn đặt cho mình một câu hỏi: ”TÔI ĐANG THIẾT KẾ
CHO AI?”. Dù vô tình hay cố ý, chúng ta cũng thường quên câu hỏi này.
Bạn phải nắm rõ tâm lý đối tượng mà chúng ta đang muốn hướng tới. Thật khôi
hài khi nhìn bản thiết kế của bạn cho người lớn tuổi lại có phong cách “xì tin”.
Tính tương tác về mặt truyền thông sẽ giảm đi rõ rệt nếu bạn không nhận ra
được điều này.
Nguyên tắc 13:
Đốitượngbạn
muốn hướng đến
CHILDREN’S CONCERT
Live music asts, shows and
activities for kids of all ages
1.30PM - 4.00PM
at Green Park
CHILDREN’S
CONCERT
Live music asts, shows and
activities for kids of all ages
1.30PM - 4.00PM
AT GREEN PARK
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 34
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Câu hỏi ở nguyên tắc 13 chúng ta hỏi ”TÔI ĐANG THIẾT KẾ CHO AI?”.Trong
nguyên tắc này, chúng ta lại hỏi: ”TÔI ĐANG THIẾT KẾ VỀ CÁI GÌ?”
Mỗi màu sắc đều đem đến cho chúng ta một cảm xúc khác nhau. Hãy luôn
để trong tâm trí mình câu hỏi màu sắc này đã phù hợp với sản phẩm hoặc đối
tượng chúng ta đang hướng đến chưa? Chẳng hạn, nếu bạn thiết kế cho
fastfood thì bạn sẽ nghĩ ngay đến màu nào? thiết kế cho sản phẩm trẻ em thì
màu nào?...Hãy tìm đủ dữ liệu cần thiết để bạn lập nên một bảng màu phù
hợp cho thiết kế của mình.
Nguyên tắc 14:
Sử dụng
màu sắc phù hợp
flowerSHOW YOUR LOVE
flowerSHOW YOUR LOVE
flowerSHOW YOUR LOVE
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 35
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Thêm một nguyên tắc về màu. Có những màu khi phối hợp với nhau trông rất
khó chịu và tức mắt, chúng gần như không chịu nhau mà tạo ra một cảm giác
đấu tranh về thị giác.
Sự tương phản trong việc trình bày chữ là cần thiết, nhưng nếu độ tương phản
quá cao đôi khi làm mất độ tập trung cần thiết.
Nguyên tắc 15:
Màu sắc
không đồng điệu
Colour
Discord
No Colour
Discord
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 36
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Tôi hay ví von khoảng trống trong thiết kế giống như bạn đi siêu thị mệt rã rời
mà tìm được một cái ghế để nghỉ chân. Tuyệt không nào?
Khoảng trống trong thiết kế còn được gọi là khoảng “để thở”. Chúng ta thường
hay tiết kiệm quá mức nên nhồi nhét mọi thứ có thể lên bản thiết kế vì nghĩ
rằng đằng nào cũng phải trả tiền thì tại sao không tận dụng tối đa.
Việc cô đọng nội dung và phân cấp rõ ràng thông tin sẽ giúp bạn tránh được lỗi
này. Và... khoảng trống cũng là khoảng mà bạn phải tính toán.
Nguyên tắc 16:
Lưu ý
khoảng trắng
(khoảng trống)
NEW
100%
noise
cancellation
NOISE CANCELLING
HEADPHONES
Only$20
Noise
Maker
Buy at all good
electronic retailers now! Noise
Maker Buy at all good
electronic retailers now!
100% noise cancellation
Only $20
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 37
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Photoshop thì tuyệt vời, nhưng không phải bất cứ cái gì bạn cũng nên thiết kế
trên Photoshop. Mục đích chính của Photoshop là chỉnh sửa và làm việc với
ảnh raster (ảnh được tạo bằng nhiều điểm ảnh hay còn gọi là pixel).
Nếu bạn vẽ logo thì tôi khuyên bạn nên sử dụng Illustrator hoặc Corel Draw.
Ngoài ra nếu bạn có ý định dàn trang tạp chí thì Adobe InDesign là một lựa
chọn tuyệt vời.
Nguyên tắc 17:
Sử dụng
đúng chức năng
công cụ
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 38
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Khi thiết kế, bạn phải nắm rõ đầu ra cho bản thiết kế của mình. Nghĩa là bạn
phải nắm rõ mục đích xuất ra để in ấn tạp chí, tờ rơi, billboard, printad,
poster...? Mỗi mục đích đều có giới hạn và điều kiện nhất định riêng.
Chẳng hạn bạn thiết kế cho web, thông số được tính bằng pixel chứ không tính
centimet như chúng ta thường hay thiết lập. Nếu bạn trình bày tạp chí hay
sách báo, việc thiết lập an toàn lề và gáy để tránh khi cấn bế thành phẩm sẽ
mất nội dung, hay khi thiết kế standee bạn chú ý sử dụng loại standee nào để
tránh thông tin nằm trong vùng đóng khoen...
Và một chú ý nữa đó là hệ màu, đừng sử dụng hệ màu RGB cho việc in ấn như
offset, chắc chắn màu sắc của bạn sẽ nhảy loạn xạ cả lên.
Nguyên tắc 18:
Kiểm tra
giới hạn in ấn
The type will
get pulled into
the gutter.
The type
be pulled
gutter.
will not
into the
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 39
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Hiện nay có rất nhiều bài viết về các xu hướng thiết kế. Điều này rất tốt với
những nhà thiết kế trẻ để tìm tòi các nguyên liệu mới cho phong cách của
mình. Tuy nhiên, bạn đừng vội vàng chạy theo nếu thực sự chưa hiểu kỹ về xu
hướng đó.
Ví dụ: Bạn thiết kế logo theo phong cách xu hướng đang nổi, nhưng rồi xu
hướng đó qua đi và logo của bạn trở nên lỗi thời như những bộ trang phục hết
thời mà bạn chẳng muốn khoác lên người thêm một lần nào nữa. Lúc đó bạn sẽ
làm gì với logo đó?
Đừng bắt chước vô tội vạ khi bạn chưa hiểu. Cố gắng tìm ra hướng đi riêng cho
mình thì bạn mới trở thành nhà thiết kế chuyên nghiệp được.
Nguyên tắc 19:
Chạy theo
xu hướng
L
0 G
O
L
0 G
O
L
0 G
O
Logo
L
0 G
O
Don’t follow trends
Set them.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 40
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Khi bạn thiết kế, hãy dành nhiều thời gian để nghĩ về thiết kế đó và cố
gắng tìm ra giải pháp tối ưu nhất để truyền thông. Thế nhưng có một số
bạn thì lại thích dùng hiệu ứng để “làm hoa mắt” khách hàng và họ nghĩ
như thế thì mới là thiết kế.
Thời của word art đã qua, xu hướng thiết kế dùng hiệu ứng như bevels
and emboss, drop shadow, rainbow gradient...hiện nay đã không còn phổ
biến. Nếu bạn lạm dụng quá mức sẽ biến bản thiết kế của bạn trông thật
nặng nề và rối mắt. Thay vào đó, hãy sử dụng nó một cách chừng mực và
thật tinh tế.
Nguyên tắc 20:
Lạm dụng
hiệu ứng
10
15
20
25
30
35
40
45
50
55
60
A B C
65
10
20
30
40
50
60
A B C
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong - Ym: nguyentruongrtc 41
Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế
Đến lúc này, bạn có thể nhìn lại bản thiết kế của mình xem chúng ta
đã bỏ sót những nguyên tắc nào. Hãy tập luyện, tập luyện thật
nhiều rồi bạn sẽ chủ động được việc xử lý các tình huống gặp phải
trong quá trình thiết kế.
Rõ ràng, những nguyên tắc tôi vừa nêu trên đây không quá khó phải
không nào? Nhưng nếu bạn phá vỡ thì rất khó để bạn có thể trở
thành nhà thiết kế chuyên nghiệp.
nguyentruongrtc@gmail.com
0989 303 546
Sky: rtctruong
Bài viết có sử dụng một số thông tin từ nguồn www.canva.com

More Related Content

PDF
Đề tài: Động lực làm việc cho viên chức bệnh viện Đông Anh, HAY
PDF
1 ใบสมัครเป็นสมาชิกหอการค้า จังหวัดกระบี่
PDF
Bài Giảng Phân Tích Thị Trường Lao Động
PDF
Phương pháp nghiên cứu và thực hiện luận văn thạc sĩ Đại học kinh tế quốc dân...
DOCX
Luận Văn Tạo Động Lực Lao Động Tại Công Ty Du Lịch Công Đoàn Việt Nam
PDF
Yếu tố ảnh hưởng đến động lực làm việc của nhân viên ngân hàng
PDF
Kỹ năng phỏng vấn - Diễn giả Nguyễn Văn Thung
PDF
Thái độ đối với hoạt động thực tập tại doanh nghiệp của sinh viên
Đề tài: Động lực làm việc cho viên chức bệnh viện Đông Anh, HAY
1 ใบสมัครเป็นสมาชิกหอการค้า จังหวัดกระบี่
Bài Giảng Phân Tích Thị Trường Lao Động
Phương pháp nghiên cứu và thực hiện luận văn thạc sĩ Đại học kinh tế quốc dân...
Luận Văn Tạo Động Lực Lao Động Tại Công Ty Du Lịch Công Đoàn Việt Nam
Yếu tố ảnh hưởng đến động lực làm việc của nhân viên ngân hàng
Kỹ năng phỏng vấn - Diễn giả Nguyễn Văn Thung
Thái độ đối với hoạt động thực tập tại doanh nghiệp của sinh viên

What's hot (19)

PPTX
TS. BÙI QUANG XUÂN NGHỆ THUẬT LÃNH ĐẠO
PDF
Luận văn: Tạo động lực lao động tại Công ty công nghệ phần mềm
PPT
03. Ky Nang Lap Ke Hoach
PDF
Kỹ năng tìm việc
DOC
Bài mẫu Tiểu luận hoạt đông giao tiếp của văn phòng tập đoàn FPT
PPT
kỹ năng xây dựng mục tiêu nghề nghiệp
PPTX
퍼스널브랜딩 구축
DOCX
Luận Văn Thạc Sĩ Quản lý kinh tế về thu Bảo Hiểm Xã Hội, 9đ
PDF
Đề tài: Tạo động lực làm việc cho viên chức bệnh viện, HAY
PDF
Luận văn: quản lý việc giảng dạy trong các trường trung cấp, HAY
DOCX
ĐỔI MỚI PHƯƠNG PHÁP DẠY VÀ HỌC MÔN QUẢN TRỊ KINH DOANH TS. BÙI QUANG XUÂN
PDF
Sự hài lòng của khách hàng sử dụng dịch vụ bưu chính tại Bưu điện
PDF
Luận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOT
DOCX
Luận văn: Công tác đào tạo bồi dưỡng công chức, viên chức, HAY
PDF
Luận văn: Nâng cao chất lượng nguồn nhân lực tại Công ty cổ phần thương mại B...
DOCX
Luận Văn Thạc Sĩ Quản Lý Nhà Nước Về Tài Nguyên Và Môi Trường
DOCX
Định vị thương hiệu bia Sapporo tại thị trường Thành phố Hồ Chí Minh
PDF
Báo cáo thực tập về quản trị nguồn nhân lực tại công ty May, 9đ
PPTX
Kỹ năng tự học
TS. BÙI QUANG XUÂN NGHỆ THUẬT LÃNH ĐẠO
Luận văn: Tạo động lực lao động tại Công ty công nghệ phần mềm
03. Ky Nang Lap Ke Hoach
Kỹ năng tìm việc
Bài mẫu Tiểu luận hoạt đông giao tiếp của văn phòng tập đoàn FPT
kỹ năng xây dựng mục tiêu nghề nghiệp
퍼스널브랜딩 구축
Luận Văn Thạc Sĩ Quản lý kinh tế về thu Bảo Hiểm Xã Hội, 9đ
Đề tài: Tạo động lực làm việc cho viên chức bệnh viện, HAY
Luận văn: quản lý việc giảng dạy trong các trường trung cấp, HAY
ĐỔI MỚI PHƯƠNG PHÁP DẠY VÀ HỌC MÔN QUẢN TRỊ KINH DOANH TS. BÙI QUANG XUÂN
Sự hài lòng của khách hàng sử dụng dịch vụ bưu chính tại Bưu điện
Luận văn: Quản lý cơ sở vật chất ở Trường ĐH Tiền Giang, HOT
Luận văn: Công tác đào tạo bồi dưỡng công chức, viên chức, HAY
Luận văn: Nâng cao chất lượng nguồn nhân lực tại Công ty cổ phần thương mại B...
Luận Văn Thạc Sĩ Quản Lý Nhà Nước Về Tài Nguyên Và Môi Trường
Định vị thương hiệu bia Sapporo tại thị trường Thành phố Hồ Chí Minh
Báo cáo thực tập về quản trị nguồn nhân lực tại công ty May, 9đ
Kỹ năng tự học
Ad

Viewers also liked (19)

PDF
Tài liệu phần mềm tự động hóa quy trình
PPS
Shedrick Cole
PPTX
Dịch tiếng trung
PDF
in chữ hán
PPTX
PDF
2010 khoa cnsh
PPT
1. english sound system 2011
DOCX
Các cách trả lời những câu hỏi thông dụng
PPT
GIÁO TRÌNH TIẾNG ANH CHO BÉ - BÚT THÔNG MINH POPODOO SMART ENGLISH MỚI NHẤT 2014
PDF
Capture Your Family Story ~ All Pro Dad
PDF
托福博客网&Zinch中国赠送书目录201203
PPTX
Hướng dẫn cách học Effortless English
PPTX
PDF
Bang han tu_thong_dung 2
PDF
Giao trinh linh kien dien tu gtvt42
DOC
Giáo trình-hán-ngữ-học
PPT
An toan dien
PDF
20 وصفة مفيدة في علاج السعال طبيعيا لتهدئة السعال أثناء الليل
Tài liệu phần mềm tự động hóa quy trình
Shedrick Cole
Dịch tiếng trung
in chữ hán
2010 khoa cnsh
1. english sound system 2011
Các cách trả lời những câu hỏi thông dụng
GIÁO TRÌNH TIẾNG ANH CHO BÉ - BÚT THÔNG MINH POPODOO SMART ENGLISH MỚI NHẤT 2014
Capture Your Family Story ~ All Pro Dad
托福博客网&Zinch中国赠送书目录201203
Hướng dẫn cách học Effortless English
Bang han tu_thong_dung 2
Giao trinh linh kien dien tu gtvt42
Giáo trình-hán-ngữ-học
An toan dien
20 وصفة مفيدة في علاج السعال طبيعيا لتهدئة السعال أثناء الليل
Ad

Similar to Những nguyên tắc cơ bản về Font chữ (20)

PDF
Huong dan su dung photoshop cs5 phan 7
PPTX
BAI 2 CAC NHOM CONG CU 2.pptx
PDF
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT
PDF
Web2022 slide 6
PDF
TỰ HỌC indesign cs2
DOC
Quyển giáo trình adobe indesign cs3
PDF
Bai 12_Chen mot so doi tuong dac biet.pdf
PPTX
bài giảng CSS – CASCADING STYLE SHEETS.pptx
PDF
Tom tat bai giang illustrator
PDF
Web2022 slide 3
PPT
định dạng văn bản trong word
PDF
6 slide bai giang thiet ke do hoa co ban
PDF
Hướng dẫn sử dụng Microsoft Word 2007
PDF
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
PDF
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...
PDF
Thiết kế cho người mới bắt đầu color me
PDF
1. Thiet lap ban ve Autocad_NganhCoKhi_New.pdf
PDF
Giao trinh illustrator - dohoavn.net
PDF
Giaotrinhillustrator dohoavn-net
PDF
Vietnamese Publisher 2007 Visual
Huong dan su dung photoshop cs5 phan 7
BAI 2 CAC NHOM CONG CU 2.pptx
BÀI 3 Tổng quan về TYPOGRAPHY - Giáo trình FPT
Web2022 slide 6
TỰ HỌC indesign cs2
Quyển giáo trình adobe indesign cs3
Bai 12_Chen mot so doi tuong dac biet.pdf
bài giảng CSS – CASCADING STYLE SHEETS.pptx
Tom tat bai giang illustrator
Web2022 slide 3
định dạng văn bản trong word
6 slide bai giang thiet ke do hoa co ban
Hướng dẫn sử dụng Microsoft Word 2007
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
BÀI 6 Những yếu tố: tỷ lệ, nhịp điệu, nhấn mạnh và tương phản trong TYPOGRAPH...
Thiết kế cho người mới bắt đầu color me
1. Thiet lap ban ve Autocad_NganhCoKhi_New.pdf
Giao trinh illustrator - dohoavn.net
Giaotrinhillustrator dohoavn-net
Vietnamese Publisher 2007 Visual

Những nguyên tắc cơ bản về Font chữ

  • 1. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 1 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Có nhiều bạn thiết kế trẻ hỏi tôi là tại sao bản thiết kế của họ trông cứ vụng về và rời rạc, nhìn thiếu hấp dẫn. Để đánh giá một bản thiết kế “nhìn được” đôi khi chúng ta lại đi tìm những lỗi mà các bạn đó gặp phải. Trong thiết kế đồ họa, có những nguyên tắc mà bạn KHÔNG NÊN PHÁ VỠ. Hãy cố gắng nắm vững các nguyên tắc này bạn sẽ tránh được các sai lầm. Nếu bạn thực hiện nó thường xuyên và trở thành phản xạ thì đã đến lúc bạn đang trở thành nhà designer chuyên nghiệp rồi đó. và những nguyên tắc về font Kerning khi thiết kế KHÔNG NÊN PHÁVỠ
  • 2. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 2 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong một vài trường hợp bạn muốn phá vỡ những nguyên tắc này, hãy tự hỏi mình đang làm gì và tại sao lại làm như vậy? Vì khi bạn cố phá vỡ nó bạn phải làm thật đúng cách để thiết kế của bạn trông không bị lỗi. Khi mới ra trường, tôi được nhận vào làm một công ty quảng cáo khá tầm cỡ. Công việc đầu tiên tôi được giao là design một namecard. Chà! quá ư là bình thường vì tôi đã thực hiện điều này vài lần khi ngồi trên ghế nhà trường, dĩ nhiên là tôi sẽ làm một vài option để chứng tỏ khả năng. Nhưng bất ngờ thay, tôi chỉ nhận được cái lắc đầu từ những nhà chuyên môn. Bạn biết tại sao không? Bản thiết kế của tôi mắc quá nhiều lỗi ngớ ngẩn, tôi gần như phá vỡ hầu hết các nguyên tắc quan trọng, đặc biệt là liên quan đến font chữ. Bài viết này tôi cố gắng cô đọng những nguyên tắc cơ bản nhất mà một designer không nên phá vỡ nó. Tôi khuyên bạn nếu thuộc lòng nó càng tốt. Bài viết chia thành 2 phần: Phần 1 : Tìm hiểu về kerning, tracking, leading. Phần 2: Những nguyên tắc về font chữ không nên phá vỡ. Trong bài viết: Chuyên đề TYPOGRAPHY (chapter 1) tôi đã đề cập đến khái niệm cơ bản về Kerning, Tracking. Trong bài viết này, chúng ta sẽ đi sâu hơn về những khái niệm đó.
  • 3. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 3 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Phần1: Tìm hiểu về Kerning Tracking Leading
  • 4. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 4 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Là phân chia khoảng cách giữa các ký tự sao cho thật chính xác và trông thuận mắt hơn. Khoảng cách giữa các ký tự không phải lúc nào cũng giống nhau. Có những ký tự nét thẳng, cong, xiên và việc sắp xếp chúng với nhau vô tình tạo ra những khoảng không gian khác nhau. Đến đây, bạn có thể hình dung được một chút về phân chia khoảng cách theo từng ký tự thực sự là không giống nhau rồi. Rõ ràng, đến lúc này bạn đã bắt đầu phải nghĩ đến việc “kerning” mỗi khi sắp xếp những gì liên quan đến chữ. Và, khái niệm cơ bản là giống nhau, vấn đề nằm ở chỗ là khoảng cách giữa các ký tự lại rất khác nhau. Mục đích đơn giản là: Cân bằng khoảng trống giữa các ký tự, điều này thực sự khó khăn vì bạn luôn có cảm giác nó cứ bay ra ngoài. Đôi khi khoảng cách đồng đều giữa các ký tự sẽ không giống như khoảng cách nó đã được lập định sẵn và bạn phải tinh chỉnh và tinh chỉnh cho đến khi bạn cảm thấy nó thật ổn. Kerning là gì? Trước đây, khi máy tính chưa ra đời, việt thiết lập chữ trong đó có khoảng cách các ký tự đều được thiết lập bằng tay. Nghe có vẻ điên rồ, nhưng tin hay không thì tùy bạn, và quá trình đó mất rất nhiều thời gian, nó không giống như việc bạn đang thưởng thức trên bàn phím như bây giờ. Các khối ký tự được đặt vào các khối gỗ hoặc kim loại, làm cho các ký tự được ép lại với nhau đủ xa nhưng cũng phải làm sao đủ gần, nghĩa là các chữ có khoảng cách đều nhau tính theo mép cạnh của ký tự, nhưng vấn đề sẽ xuất hiện nếy có những ký tự là nét nghiêng như V hay A, lúc đó cho phép khoảng cách các ký tự gần nhau hơn. tinh chỉnh khoảng cách
  • 5. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 5 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Vậy, Kern là khoảng trống giữa 2 con chữ đơn lẻ. Kerning chính là việc chúng ta điều chỉnh khoảng cách đó. Vì bản thân các con chữ có nét thẳng, nét xiên, nét cong khác nhau nên các Kern cũng sẽ khác nhau. Trong Illustrator, Menu Window / Type / Character, bạn điều chỉnh Kern bằng cách thay đổi thông số trong AV (xem hình bên). Bạn cũng có thể nhấn tổ hợp phím Atl + mũi tên qua lại để điều chỉnh cấp số mỗi lần là -20 hoặc +20.
  • 6. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 6 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Những chữ có nét thẳng kề nhau sẽ có khoảng cách Kern đều nhau. Nét thẳng - nét thẳng Khoảng cách Kern bằng 1/3 so với nét thẳng với thẳng. Nét thẳng - nét xiên Khoảng cách Kern bằng 1/3 hoặc 1/4 so với nét thẳng với thẳng. Nét thẳng - nét cong Khoảng cách Kern chồng (âm) lên nhau Nét xiên - nét thẳng (lõm) Khoảng cách Kern chồng mí lên nhau. Nét xiên - nét cong Khoảng cách Kern chồng (âm) lên nhau Nét xiên - nét xiên Khoảng cách Kern gần giáp mí nhau Nét cong - nét cong
  • 7. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 7 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Một điều mà các nhà thiết kế trẻ hay phạm sai lầm nhất đó là không phân biệt được Kerning và Tracking. Đừng bao giờ trộn lẫn hai thuật ngữ này với nhau. Sự khác biệt giữa chúng là: Kerning khác Tracking TRACKING KERNING TRACKING đề cập đến sự thống nhất khoảng cách tất cả các ký tự trong một đoạn văn bản được chọn. KERNING là phân chia khoảng cách giữa hai ký tự cụ thể.
  • 8. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 8 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong Illustrator, Menu Window / Type / Character, bạn điều chỉnh Tracking bằng cách thay đổi thông số trong AV (xem hình bên). Bạn cũng có thể nhấn tổ hợp phím Atl + mũi tên qua lại để điều chỉnh cấp số mỗi lần là -20 hoặc +20. Khái niệm về Tracking Tracking là tổng thể các khoảng cách của chiều ngang dòng chữ. Việc điều chỉnh Tracking cũng giống Kerning, không nên sử dụng thông số âm quá nhiều hoặc dương quá nhiều vì điều này có thể sẽ khiến đoạn text của bạn trông rất gò bó hoặc rất rời rạc. TRACKING Tracking bình thường với thống số 0Tracking với thống số -25 Tracking với thống số 50 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  • 9. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 9 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Lại có một thuật ngữ khác mà chúng ta hay bị nhầm lẫn, đó là Leading. Thuật ngữ này nói đến việc phân chia khoảng cách giữa các hàng. Trong CSS chúng ta gọi đó là điều chỉnh “line-spacing”. Leading TRACKING LEADING KERNING
  • 10. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 10 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Line Spacing Line Spacing là khoảng cách giữa các dòng theo chiều thẳng đứng. Line spacing được chia thành 4 tỉ lệ chính. Tỉ lệ ở đây được đo bằng cỡ chữ với khoảng cách dòng (khoảng cách dòng được tính từ đường gốc dòng trên đến đường giữa các dòng dưới). Trong Illustrator, Menu Window / Type / Character, bạn điều chỉnh Line Spacing bằng cách thay đổi thông số (xem hình bên). Bạn cũng có thể nhấn tổ hợp phím Atl + mũi tên lên xuống để điều chỉnh khoảng cách dòng. Tỉ lệ 10/12 Đây là tỉ lệ phổ biến nhất trong việc trình bày layout, web, tạp chí... khoảng cách dòng bằng 120% cỡ chữ. Trong bảng Character, tôi sẽ chọn chế độ Auto. Tỉ lệ 10/14 Không gian giữa các dòng đã được nới rộng ra thoải mái hơn. Tỉ lệ này cũng khá phổ biến trong trình bày. Tỉ lệ 10/16 khoảng cách này theo tôi là tối đa để bạn có thể trình bày vì nếu nới rộng hơn nữa, trông đoạn text của bạn rất rời rạc. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  • 11. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 11 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Tôi trích dẫn một bảng trong CSS về cách điều chỉnh tất cả các giá trị. Với minh họa này bạn có thể dễ dàng tìm chúng trong Photoshop, Illustrator hay InDesign. Lưu ý rằng, phím option (Alt) là người bạn tuyệt vời khi điều chỉnh các thông số này, kết hợp với phím mũi tên (lên -xuống-trái-phải). Đặt con trỏ giữa hai chữ cái và tổ hợp phím Option + Mũi tên (trái/phải) để điều chỉnh kerning, hoặc bao chọn cả một khối văn bản nếu muốn điều chỉnh Tracking. Tương tự như vậy, Phím Option + Mũi tên (lên/xuống) cho việc điều chỉnh khoảng cách hàng. TRACKING LEADING KERNING
  • 12. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 12 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Phân tích cấu trúc chữ Khuôn chữ: Trung bình: L,H,N... Hẹp : I, J... Rộng : M,A,W,V.... Mặt chữ: Tròn thẳng Nét mập hay nhỏ Đầu nhọn hay gãy Nét chữ: Cong, thẳng, xiên Đặc điểm khuôn chữ: Khuôn đầy: H,N,M... Khuôn lõm: L,K,Y,V...
  • 13. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 13 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Để bắt đầu với việc này, hãy mở Illustrator ra, trong tab Character, thiết lập Kering về 0 và bạn thử gõ một vài chữ với font Times, bạn đừng tinh chỉnh gì cả, nhìn rất kỳ cục phải không? Nhìn này, chúng ta sẽ thấy ngay một khoảng cách kỳ dị xuất hiện. Nói chung, càng nhiều ký tự khác nhau khi kết hợp khoảng cách xuất hiện khác nhau càng nhiều. Ký tự với nét xiên mạnh như A hay W thì sự ràng buộc về khoảng cách càng phức tạp cho dù nó kết hợp với chữ in hoa hay chữ thường, cũng nên lưu ý các thanh ngang của chữ T hay nét xiên trên của chữ Y. Ở đây, có lẽ chúng chúng ta cần phải quay lại cách cũ xa xưa của các thợ thủ công là tinh chỉnh từng chữ một. Tìm hiểu các ký tự
  • 14. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 14 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Các khoảng cách ở bên dưới xuất hiện rất khó chịu Hãy nhìn sự kết hợp giữa các chữ in hoa T, Y,W và các chữ in thường, một khoảng trống mênh mông xuất hiện. Bạn sẽ cố tình giữ như thế cho bản thiết kế mình hay dành 60 giây để tinh chỉnh nó. Có sự khác biệt khá lớn khi kết hợp ký tự “ly” và “ry” Khoảng không lớn xuất hiện Khoảng không lớn xuất hiện Khoảng không lớn xuất hiện
  • 15. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 15 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Lý do phân chia khoảng cách rất dễ bỏ sót là bởi vì đôi mắt của bạn có xu hướng bỏ qua các khoảng cách khi bạn phải đuổi theo con chữ để đọc một từ hoặc một câu. Thói quen qua nhiều thập kỷ, người đọc không nhìn thấy chữ nữa, còn chúng ta thì vẫn thấy từ. Để giúp bạn, một số nhà thiết kế mách cho bạn một thủ thuật đơn giản là hãy lộn ngược chữ của bạn trước khi Kerning. Đây là một kỹ thuật rất hay giúp bạn tập trung vào hình dạng của chữ thay vì cứ bị phân tâm vào ý nghĩa của từ đó. Mẹo nhỏ: Lộn ngược chữ khi tiến hành Kern
  • 16. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 16 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Rõ ràng khoảng cách chữ là rất khác nhau dựa vào từng font chữ khác nhau. Nên, đừng vội vàng Kerning khi bạn chưa quyết định chính xác sử dụng font nào. Chúng ta có xu hướng quên bước này. Đừng vội kerning trước khi quyết định chọn một font nào đó
  • 17. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 17 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Chúng ta đã đề cập về Tracking, Leading, Kerning nhưng có một khoảng cách nữa mà NHẤT ĐỊNH BẠN PHẢI NHÌN CHO RA. Đó là khoảng cách giữa 2 từ. Điều này rất cần thiết để rút lại không gian nhóm chữ. Các font chữ miễn phí hiện nay khoảng cách các từ rất lộn xộn và khi bạn sử dụng thì nên lưu ý điều này. Nói chung, kerning trong các font chữ miễn phí thì rất tồi, khoảng cách giữa các từ còn tệ hơn. Bạn phải làm việc khá vất vả khi sử dụng những font chữ này, tốt nhất là nên hạn chế hoặc đừng dùng chúng. Phân tích khoảng cách giữa các từ
  • 18. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 18 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong Photoshop và Illustrator có chế độ auto kerning, bạn nên sử dụng chế độ này cho văn bản. Tuy nhiên, nó không quá thông minh để có thể xử lý tất cả các tình huống khoảng cách ký tự của bạn. Tốt nhất bạn nên chủ động. Đừng quá tin vào phần mềm Nên sử dụng auto
  • 19. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 19 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Nếu bạn vẫn chưa tin vào khả năng kern của bạn, hãy thử thực tập những bài đơn giản trên trang http://type.method.ac/ để nâng cao khả năng của bạn, hãy thực tập cho đến khi nào bạn hoàn thành số điểm 100. Tôi tin chắc khi đã trở thành phản xạ, bạn sẽ có một thiết kế tốt hơn trước rất nhiều. Tóm lại, kerning không phải là điều khó khăn nhất mà bạn từng làm trong thiết kế, và nó có thể rất tẻ nhạt đến nỗi bạn có thể quên nó. Hãy luôn giữ kerning trong tâm trí và luôn luôn phân tích khoảng cách giữa các ký tự. Sáu mươi giây kerning trên mỗi tiêu đề bạn tạo sẽ nâng cao khả năng thiết kế và bạn sẽ thấy trình độ của bạn sẽ tăng vọt trong thời gian ngắn. Thực tập online http://type.method.ac/
  • 20. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 20 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Phần2: Những nguyên tắc về font khi thiết kế KHÔNG NÊN PHÁVỠ
  • 21. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 21 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Có nhiều bạn rất ”lười” thực hiện bước này khi bắt tay vào thiết kế. Bạn cần phải biết rằng hệ thống lưới rất quan trọng, nó là bước cơ bản đầu tiên cho bất kỳ một thiết kế nào. Hệ thống lưới giúp thiết kế của bạn được trình bày ngăn nắp, gọn gàng và trật tự, giúp người xem định hướng được hướng nhìn và biết đâu là yếu tố mà bạn đang muốn nhắm đến. Ngoài ra, hệ thống lưới còn giúp cho các yếu tố thiết kế được liên kết chặt chẽ với nhau để tạo nên một thiết kế tốt. Nguyên tắc 1: Luôn sử dụng hệ thống lưới Headline is here Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Headline is here Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Headline is here Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.
  • 22. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 22 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Có bao giờ bạn ngán ngẩm khi nhìn vào một bài báo do có dòng chữ quá dài không? Hay bạn chưa kịp hiểu hết một đoạn viết mà lại phải xuống hàng do rớt dấu hoặc quá ngắn. Đó là do lỗi về độ dài của chữ trên một dòng chưa phù hợp. Tôi khuyên bạn nên cân nhắc số từ khoảng 10 -12 trên một dòng là tốt nhất. - Tối thiểu: 6 từ - Tối đa 15 từ Nguyên tắc 2: Độ dài của dòng là vừa đủ Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Số từ trên mỗi hàng chỉ từ 10 -12 từ. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Số từ trên mỗi hàng quá ít gây cảm giác rời rạc và khó nhớ. Quá nhiều từ trên một hàng gây cảm giác mệt mỏi và dễ đọc lộn dòng.
  • 23. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 23 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong nội dung thiết kế, bạn cần phân cấp rõ ràng cấp bậc ưu tiên của nội dung. Nội dung nào cần được nhấn mạnh và quan trọng để gởi đến người xem nhanh nhất. Bạn có thể phân cấp theo kích thước, độ dày mỏng, màu sắc. Hãy xem ví dụ bên dưới: Nguyên tắc 3: Phân cấp nội dung rõ ràng Dear Mary, you are invited to Peter’s 21st Bithday Party Come eat, drink and be merry with Peter as he turns the big two-one! Sunday - May 19th 700PM - 12.00AM 12 Street Road, Suburb Town RSVP by May 5th Come eat, drink and be merry with Peter as he turnsthe big two-one! Dear Mary, you are invited to Peter’s 21st Bithday Party Sunday - May 19th 700PM - 12.00AM 12 Street Road, Suburb Town RSVP by May 5th Thiết kế bên trái đoạn nội dung thư mời tất cả đều sử dụng chung một kiểu chữ, kích thước, màu sắc và độ nặng của chữ, bạn sẽ rất khó để biết đâu là nội dung chính và cần chú ý vào những gì. Thiết kế này phân cấp nội dung rõ ràng, cách sử dụng kích thước, màu sắc, độ nặng của chữ, giúp ta dễ dàng tiếp thu được nội dung chính của thư mời là gì, ngày và giờ diễn ra sự kiện. Thiết kế này tốt hơn rồi đó.
  • 24. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 24 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Như tôi đã nhắc trong phần 1 bài viết. Có một không gian mà bạn NHẤT ĐỊNH PHẢI TÌM CHO RA đó là khoảng cách giữa các từ. Có một số font khoảng cách này là rất tệ, đừng để khoảng cách này quá rộng hoặc quá hẹp trông đoạn văn bản sẽ bị co dúm lại hoặc rất rời rạc. Chúng ta hay bỏ qua nguyên tắc này. Có một mẹo nhỏ cho trường hợp này là bạn sử dụng một ký tự “i” cho khoảng cách giữa các từ, khoảng cách giữa 2 từ là độ rộng của ký tự “i”(cùng size chữ). Những điều chỉnh này bạn có thể thực hiện thủ công. Tuy nhiên, không phải font chữ nào bạn cũng dùng phương pháp này vì mỗi font đều có đặc điểm khác nhau. Nguyên tắc 3: Khoảng cách giữa các từ phải phù hợp Irregular word spacing isdistracting and incorrect Word spacing can mastered with imaginary letter i’s
  • 25. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 25 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Phản xạ chung của chúng ta khi canh lề thường là canh bên trái. Đó là phản xạ tự nhiên ngay từ khi bạn ngồi trên ghế tiểu học chập chững viết những bài văn trên tập học sinh, bạn căn lề bên trái và viết cho đến khi hết giấy rồi bạn xuống hàng, bạn đâu có căn lề bên phải phải không? Như vậy, rõ ràng bạn đang để lề bên phải một cách tự nhiên. Tin tôi đi, đó là cách căn lề tốt nhất. Có bốn loại canh lề chính: Lề trái, lề phải, canh giữa, và canh đều hai bên. Nguyên tắc 5: Canh lề phù hợp Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages. Left Aligned Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages. Right Aligned Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages. Center Aligned Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popular- ised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages. Justified Canh lề trái thì thông dụng nhất. Bạn có từng tìm hiểu lý do vì sao không? Do thói quen mắt mình điều tiết từ trái sang phải, nên khi chúng ta canh văn bản mặc định thị giác chúng ta sẽ được giao tiếp với một cột ngay ngắn, gọn gàng, dễ đọc. Bạn nên thả lỏng bên phải để nội dung bạn trông tự nhiên hơn. Việc căn lề bên phải không được khuyến khích cho một đoạn văn bản dài, nó chủ yếu mang tính chất trang trí hoặc đoạn văn bản ngắn, thường là chú thích. Chỉ căn lề trái khi khối văn bản đó có điểm để nó tựa vào. Cũng giống như căn lề bên phải, việc căn giữa không được khuyến khích cho một đoạn văn bản dài. Mắt chúng ta dễ bị nhầm hàng khi đọc một đoạn nhiều hàng do lề trái không ngăn nắp. Tuy nhiên, trong các poster, thiệp mời,...có nội dung ít thì căn giữa lại mang đến sự thăng bằng và cảm giác sang trọng. Khá nhiều nhà thiết kế sử dụng phương pháp canh hàng này vì trông đoạn văn bản sẽ ngay ngắn thẳng thớm cả hai bên. Nhưng tôi thì cho rằng chính vì thẳng thớm quá nên đoạn văn bản của bạn lại mất đi yếu tố tự nhiên. Tùy tình huống mà bạn nên cân nhắc sao cho phù hợp.
  • 26. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 26 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Có lẽ bạn phải thống nhất với tôi quan điểm là “chữ thì để đọc”. Nhưng rõ ràng có vài thiết kế hình như quên mất khái niệm này. Tôi tự hỏi bạn thiết kế thông điệp để làm gì khi người ta không đọc được. Có nhiều yếu tố làm cho thiết kế của bạn khó đọc. Có thể là do màu nền so với chữ có sự tương phản quá thấp, màu chữ gần như ẩn vào trong màu nền, cũng có thể do bạn “siêng” quá nên cho vài họa tiết rối rắm vào trong cái nền để cho có “cảm giác thiết kế”. Chữ quá nhỏ cũng là một lý do, hay chữ IN HOA trong một đoạn văn bản dài cũng là một yếu tố bất lợi cho thiết kế của bạn. Khi bạn sử dụng chữ IN HOA cho đoạn văn bản dài người xem sẽ dễ có cảm giác chán nản và buồn ngủ. Chữ IN HOA đặc điểm là chiều cao bằng nhau, không có sự lên xuống, dễ nhầm lẫn các ký tự khi đọc. Bạn chỉ nên sử dụng chữ IN HOA cho headline hoặc một đoạn chữ ngắn. Nguyên tắc 6: Giữ cho thiết kế luôn dễ đọc The type is far too light Keep the contrast high Use capital letters appropriately and sparingly Be intentional about your choice of type size This type is a little too small for this medium THIS TYPE IS A BIT OVERPOWERING
  • 27. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 27 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Khi tôi nói đến thuật ngữ này ở các bài giảng trên lớp, nhiều bạn cảm thấy mắc cười. Nhưng nếu bạn mắc phải lỗi này thì trông thiết kế của bạn cực kỳ nghiệp dư. “GÓA PHỤ” là trường hợp hàng cuối của đoạn văn bản bị sót lại rớt sang một cột khác hoặc một trang khác. “MỒ CÔI” là trường hợp chỉ có một chữ nằm lẻ loi ở hàng cuối cùng. Có nhiều cách để khắc phục lỗi này là bạn có thể Kerning khoảng cách giữa các ký tự, dùng tracking để tăng giảm độ rộng của cả đoạn, cân chỉnh độ rộng của khối văn bản, ... Nguyên tắc 7: Tránh {góa phụ} và {mồ côi} Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experiment- ing and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task, and one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel, and edit colors/recolor artwork dialog box in illustrator. Applying colors to artwork is a common adobe illustrator task. And one that requires some knowledge of color models and color modes. When applying color to artwork, keep in mind the final medium in which the artwork will be published, so that you can use the correct color model and color definitions. Experimenting and applying color is easy using the feature-rich swatches panel, color guide panel. Đoạn text trên bị lỗi “mồ côi”.Đoạn text trên bị lỗi “goá phụ”.
  • 28. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 28 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong bài viết :”BẠN CHỌN FONT CHỮ NÀO?” tôi có đề cập đến việc làm thế nào để chọn font chữ cho thiết kế. Thật vậy, chọn font chữ hợp lý cho thiết kế không hề dễ dàng một chút nào. Mỗi font chữ đều có đặc điểm và tính cách riêng, tùy vào thiết kế mà chúng ta chọn cho phù hợp. Bạn hãy quan sát font bạn muốn chọn thật kỹ, từ đặc điểm, cấu tạo, độ cong, đường nét... và quan trọng nhất là phải tìm cho ra tính cách của font chữ đó có hợp với tính cách mà bạn muốn truyền tải trong bản thiết kế của mình không? Và nhớ là đừng sử dụng quá nhiều font chữ với nhau cùng một lúc, thiết kế của bạn sẽ trông thật rối rắm. Nguyên tắc 8: Sử dụng font hợp lý Using lots of fonts can make for a design that is cluttered, overcomplicated, and just not very nice But if you just use a small selection, you can keep your design cleaner, clearer and just much earsier to digest
  • 29. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 29 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Chữ là để đọc. Hơn nữa, đoạn văn bản là một khối text bao gồm rất nhiều chữ, bạn phải luôn đảm bảo khối văn bản của bạn trong tình trạng dễ đọc nhất, đừng sử dụng font chữ quá phức tạp hay có đường nét quá đặc biệt. Thay vào đó hãy sử dụng những font chữ truyền thống như kiểu font có chân (serif) hoặc font không chân (san serif), những kiểu font này luôn giữ được tính rõ ràng và đơn giản. Hiện nay xuất hiện nhiều kiểu font đặc biệt hoặc kiểu font viết tay (script), những font này không phù hợp với một khối văn bản nhiều chữ. Chúng thường mang tính trang trí hoặc bạn có thể sử dụng trong Headline, trong Title... Nguyên tắc 9: Body text sử dụng font quá phức tạp This is My Title This is a display font called ‘Zapfino’ that just does not work well within larger bodies of text. Not a very wise choice. This is My Title This is a simple serif font called ‘Book Antiqua’ that works very well within larger bodies of text. ‘Zaptino’ is still able to be used for the heading. Over, a much wiser choice.
  • 30. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 30 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Để thiết kế ra một font chữ, các nhà thiết kế đã phải tính toán rất tỉ mỉ từng thông số, từng đường nét, khoảng cách. Nếu chúng ta cố tình co dãn chữ một chiều (stretch) có nghĩa là bạn đang cố tình phá vỡ cấu trúc font mà họ đã dày công tính toán. Hơn nữa, việc phá bỏ cấu trúc font sẽ khiến thiết kế của bạn mất đi tính thẩm mỹ và nhìn rất khó chịu. Một họ font bao gồm nhiều kiểu cho bạn chọn lựa như: extended, condensed, thin, light, medium, bold, italic, extra bold, extra thin...Hãy chọn một font mà bạn cần để sử dụng chứ đừng co dãn chúng vô tội vạ. Nguyên tắc 10: Không bao giờ co dãn chữ theo một chiều Đưa thông số về 100% nếu vô tình bạn kéo dãn font chữ theo một chiều Rê chuột vào một trong 4 góc và nhấn giữ Shift để phóng to đối tượng theo tỉ lệ.
  • 31. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 31 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Trong phần 1 tôi đã phân tích rõ như thế nào là kerning. Một thiết kế tốt là một thiết kế được bố cục một cách tỉ mỉ và cẩn thận. Kerning là một trong những việc bạn cần phải chú ý tới. Nguyên tắc 11: Đừngquên Kern ký tự
  • 32. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 32 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Khi trình bày khối văn bản, chúng ta thường bỏ qua bước này. Điều này có thể dẫn đến việc khối văn bản của bạn bị rời rạc, mất đi tính liên tục. Nếu không để ý, khi xuống hàng đôi khi chữ của bạn không đầy đủ nguyên một từ (từ đó sẽ nối bằng một dấu gạch ngang), tình trạng này sẽ làm cho văn bản mất đi tính liên tục. Các dấu ký tự không phải lúc nào cũng được dùng cho văn bản. Bạn nên tìm hiểu kỹ về điều này. Các dấu như dấu chấm(.), dấu phẩy(,), hai chấm(:), chấm than(!)... phải nằm sát vào ký tự cuối cùng của câu, phía sau dấu là một khoảng cách, rồi mới tới từ của câu tiếp theo. Nguyên tắc 12: Quy tắc về ngữ pháp Some Basic Gram- mar Rular Using ampersands within body copy is incorrect & should be avoided. The same goes for double spaces used after punctuation .Got it? Some Basic Grammar Rular Using the word ‘and’ is a correct and easy substitute for an ampersand. Furthermore, one space after punctuation is more than enough. Got it?
  • 33. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 33 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Font có chân mập mạp, khung viền vuông vức và sử dụng màu đen rõ ràng không hợp với chủ đề. Ở đây sử dụng font, màu sắc và họa tiết hợp lý hơn nhiều Khi bắt tay vào thiết kế, luôn đặt cho mình một câu hỏi: ”TÔI ĐANG THIẾT KẾ CHO AI?”. Dù vô tình hay cố ý, chúng ta cũng thường quên câu hỏi này. Bạn phải nắm rõ tâm lý đối tượng mà chúng ta đang muốn hướng tới. Thật khôi hài khi nhìn bản thiết kế của bạn cho người lớn tuổi lại có phong cách “xì tin”. Tính tương tác về mặt truyền thông sẽ giảm đi rõ rệt nếu bạn không nhận ra được điều này. Nguyên tắc 13: Đốitượngbạn muốn hướng đến CHILDREN’S CONCERT Live music asts, shows and activities for kids of all ages 1.30PM - 4.00PM at Green Park CHILDREN’S CONCERT Live music asts, shows and activities for kids of all ages 1.30PM - 4.00PM AT GREEN PARK
  • 34. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 34 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Câu hỏi ở nguyên tắc 13 chúng ta hỏi ”TÔI ĐANG THIẾT KẾ CHO AI?”.Trong nguyên tắc này, chúng ta lại hỏi: ”TÔI ĐANG THIẾT KẾ VỀ CÁI GÌ?” Mỗi màu sắc đều đem đến cho chúng ta một cảm xúc khác nhau. Hãy luôn để trong tâm trí mình câu hỏi màu sắc này đã phù hợp với sản phẩm hoặc đối tượng chúng ta đang hướng đến chưa? Chẳng hạn, nếu bạn thiết kế cho fastfood thì bạn sẽ nghĩ ngay đến màu nào? thiết kế cho sản phẩm trẻ em thì màu nào?...Hãy tìm đủ dữ liệu cần thiết để bạn lập nên một bảng màu phù hợp cho thiết kế của mình. Nguyên tắc 14: Sử dụng màu sắc phù hợp flowerSHOW YOUR LOVE flowerSHOW YOUR LOVE flowerSHOW YOUR LOVE
  • 35. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 35 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Thêm một nguyên tắc về màu. Có những màu khi phối hợp với nhau trông rất khó chịu và tức mắt, chúng gần như không chịu nhau mà tạo ra một cảm giác đấu tranh về thị giác. Sự tương phản trong việc trình bày chữ là cần thiết, nhưng nếu độ tương phản quá cao đôi khi làm mất độ tập trung cần thiết. Nguyên tắc 15: Màu sắc không đồng điệu Colour Discord No Colour Discord
  • 36. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 36 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Tôi hay ví von khoảng trống trong thiết kế giống như bạn đi siêu thị mệt rã rời mà tìm được một cái ghế để nghỉ chân. Tuyệt không nào? Khoảng trống trong thiết kế còn được gọi là khoảng “để thở”. Chúng ta thường hay tiết kiệm quá mức nên nhồi nhét mọi thứ có thể lên bản thiết kế vì nghĩ rằng đằng nào cũng phải trả tiền thì tại sao không tận dụng tối đa. Việc cô đọng nội dung và phân cấp rõ ràng thông tin sẽ giúp bạn tránh được lỗi này. Và... khoảng trống cũng là khoảng mà bạn phải tính toán. Nguyên tắc 16: Lưu ý khoảng trắng (khoảng trống) NEW 100% noise cancellation NOISE CANCELLING HEADPHONES Only$20 Noise Maker Buy at all good electronic retailers now! Noise Maker Buy at all good electronic retailers now! 100% noise cancellation Only $20
  • 37. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 37 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Photoshop thì tuyệt vời, nhưng không phải bất cứ cái gì bạn cũng nên thiết kế trên Photoshop. Mục đích chính của Photoshop là chỉnh sửa và làm việc với ảnh raster (ảnh được tạo bằng nhiều điểm ảnh hay còn gọi là pixel). Nếu bạn vẽ logo thì tôi khuyên bạn nên sử dụng Illustrator hoặc Corel Draw. Ngoài ra nếu bạn có ý định dàn trang tạp chí thì Adobe InDesign là một lựa chọn tuyệt vời. Nguyên tắc 17: Sử dụng đúng chức năng công cụ
  • 38. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 38 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Khi thiết kế, bạn phải nắm rõ đầu ra cho bản thiết kế của mình. Nghĩa là bạn phải nắm rõ mục đích xuất ra để in ấn tạp chí, tờ rơi, billboard, printad, poster...? Mỗi mục đích đều có giới hạn và điều kiện nhất định riêng. Chẳng hạn bạn thiết kế cho web, thông số được tính bằng pixel chứ không tính centimet như chúng ta thường hay thiết lập. Nếu bạn trình bày tạp chí hay sách báo, việc thiết lập an toàn lề và gáy để tránh khi cấn bế thành phẩm sẽ mất nội dung, hay khi thiết kế standee bạn chú ý sử dụng loại standee nào để tránh thông tin nằm trong vùng đóng khoen... Và một chú ý nữa đó là hệ màu, đừng sử dụng hệ màu RGB cho việc in ấn như offset, chắc chắn màu sắc của bạn sẽ nhảy loạn xạ cả lên. Nguyên tắc 18: Kiểm tra giới hạn in ấn The type will get pulled into the gutter. The type be pulled gutter. will not into the
  • 39. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 39 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Hiện nay có rất nhiều bài viết về các xu hướng thiết kế. Điều này rất tốt với những nhà thiết kế trẻ để tìm tòi các nguyên liệu mới cho phong cách của mình. Tuy nhiên, bạn đừng vội vàng chạy theo nếu thực sự chưa hiểu kỹ về xu hướng đó. Ví dụ: Bạn thiết kế logo theo phong cách xu hướng đang nổi, nhưng rồi xu hướng đó qua đi và logo của bạn trở nên lỗi thời như những bộ trang phục hết thời mà bạn chẳng muốn khoác lên người thêm một lần nào nữa. Lúc đó bạn sẽ làm gì với logo đó? Đừng bắt chước vô tội vạ khi bạn chưa hiểu. Cố gắng tìm ra hướng đi riêng cho mình thì bạn mới trở thành nhà thiết kế chuyên nghiệp được. Nguyên tắc 19: Chạy theo xu hướng L 0 G O L 0 G O L 0 G O Logo L 0 G O Don’t follow trends Set them.
  • 40. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 40 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Khi bạn thiết kế, hãy dành nhiều thời gian để nghĩ về thiết kế đó và cố gắng tìm ra giải pháp tối ưu nhất để truyền thông. Thế nhưng có một số bạn thì lại thích dùng hiệu ứng để “làm hoa mắt” khách hàng và họ nghĩ như thế thì mới là thiết kế. Thời của word art đã qua, xu hướng thiết kế dùng hiệu ứng như bevels and emboss, drop shadow, rainbow gradient...hiện nay đã không còn phổ biến. Nếu bạn lạm dụng quá mức sẽ biến bản thiết kế của bạn trông thật nặng nề và rối mắt. Thay vào đó, hãy sử dụng nó một cách chừng mực và thật tinh tế. Nguyên tắc 20: Lạm dụng hiệu ứng 10 15 20 25 30 35 40 45 50 55 60 A B C 65 10 20 30 40 50 60 A B C
  • 41. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong - Ym: nguyentruongrtc 41 Nhữngnguyêntắcvềfontkhôngnênphávỡkhithiếtkế Đến lúc này, bạn có thể nhìn lại bản thiết kế của mình xem chúng ta đã bỏ sót những nguyên tắc nào. Hãy tập luyện, tập luyện thật nhiều rồi bạn sẽ chủ động được việc xử lý các tình huống gặp phải trong quá trình thiết kế. Rõ ràng, những nguyên tắc tôi vừa nêu trên đây không quá khó phải không nào? Nhưng nếu bạn phá vỡ thì rất khó để bạn có thể trở thành nhà thiết kế chuyên nghiệp. nguyentruongrtc@gmail.com 0989 303 546 Sky: rtctruong Bài viết có sử dụng một số thông tin từ nguồn www.canva.com