Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

10 nguyên tắc để thiết kế Typo tốt hơn

Chủ đề thuộc danh mục 'Tác phẩm đẹp - Tài liệu tham khảo Typography' được đăng bởi nguyet_designer, 1/11/14.

Lượt xem: 9,618

  1. nguyet_designer Thành viên cấp 1

    Theo các chuyên gia về Typo (typography), sử dụng không tốt Typo có thể là nguyên nhân lớn nhất phá vỡ bản thiết kế của bạn. Không hề đơn giản nếu bạn muốn thiết kế một khối văn bản có khả năng lôi cuốn người đọc.

    Những nguyên tắc dưới đây sẽ cung cấp cho bạn một số gợi ý nhằm giúp tránh những lỗi thường gặp. Những gì được viết trong bài này không đề cập tới tất cả các phương diện về nghệ thuật Typo mà chỉ là những “mẹo nhỏ” giúp bạn thiết kế tốt hơn.



    [​IMG]


    1. Quá nhiều kiểu dáng chữ (type face)

    Một trong những lỗi lớn nhất của người thiết kế đó là việc sử dụng quá nhiều kiểu dáng chữ (kiểu font chữ, typeface) và phong cách (style) khác nhau. Hãy giới hạn sử dụng 2 hoặc 3 kiểu dáng và phong cách mà thôi. Điều này có nghĩa là nội dung của khối văn bản chỉ nên dùng cùng một kích cỡ và một loại kiểu dáng. Chọn một tiêu đề hoặc tiêu đề phụ đi kèm với khối văn bản này. Đừng lo ngại việc đưa ra kiểu chữ rất khác biệt so với các vùng khác. Sử dụng hai kiểu chữ rất giống nhau có thể xem như bạn đã làm sai và vô tình chọn sai kiểu.

    Xem xét việc giữ cho màu sắc, khoảng cách, v.v… nhất quán.

    [​IMG]


    2. Khoảng trống

    Hãy cẩn thận để không tạo ra sự chật chội về không gian trong thiết kế Typo. Nếu bạn gặp vấn đề trong việc làm cho một khối văn bản phù hợp với không gian hiện có mà không muốn chiếm hết khoảng trống như minh họa bên dưới. Hãy chọn một font chữ sít nhau (condensed font), hoặc giảm bớt kích cỡ mọi thứ xuống để tạo ra khoảng không gian cần thiết. Điều này cũng nên áp dụng với các lề của trang để cho phép một số khoảng trắng bao quanh văn bản.


    [​IMG]


    3. Căn lề

    Không nên căn giữa mọi thứ, trừ khi đây là sự chủ ý trong thiết kế. Hãy tính đến việc sử dụng một lưới cho việc thiết kế. Mọi thứ trong một trang thường có liên quan tới nhau. Sử dụng các chỉ dẫn và những thứ cho thấy sự sáng sủa, rõ ràng. Đừng đưa nội dung nào đó vào các góc của một trang mà có vẻ như bạn không thể quyết định được nơi đó sẽ đặt thứ gì.



    [​IMG]


    4. Kiểu dáng trang trí không phải lúc nào cũng đẹp

    Bạn phát hiện ra một font chữ được trang trí đẹp mắt. Điều này không có nghĩa rằng font chữ này sẽ gia tăng giá trị cho thông điệp của bạn, và bất chấp mọi vấn đề để sử dụng kiểu dáng này cho đoạn văn bản. Nếu đây là font chữ trang trí, nhất định nó được thiết kế để sử dụng cho một mục đích nào đó, chẳng hạn như cho các tiêu đề. Thông thường, kiểu dáng đơn giản sẽ tốt hơn, đó là lý do vì sao các font chữ như Helvetica được sử dụng phố biến như vậy.



    [​IMG]


    5. Vấn đề về kích cỡ

    Thực sự cần suy tính về kích cỡ của văn bản. Các tiêu đề in đậm và lớn là đẹp, nhưng nếu bạn thiết lập kích cỡ của đoạn văn bản quá lớn, sẽ có xu hướng làm giảm giá trị của thiết kế. Ví dụ, khi bạn tới một nhà hàng nổi tiếng và các thực đơn thường được in nhỏ hơn, điều này tạo cảm giác trang nhã (Tất nhiên là không quá nhỏ tới mức khó đọc). Nếu bạn đang thiết kế tiêu đề và đoạn văn bản, đừng e ngại trong việc đặt kích cỡ của tiêu đề lớn hơn nhiều so với kích thước của đoạn văn bản.


    [​IMG]


    6. Khả năng đọc

    Bạn có thể làm bất cứ điều gì để đảm bảo rằng mọi người có thể đọc được thông điệp mà bạn muốn truyền tải. Văn bản với màu tối đặt trên một vùng tối là một ý tưởng tồi. Thậm chí tệ hơn, ví dụ đặt một thiết kế với kiểu dáng nhỏ trên một vùng ảnh có tương phản cao. Hãy nhớ rằng, điều quan trọng nhất của văn bản là truyền tải một thông điệp. Do đó tiêu chí dễ đọc là điều bạn cần lưu tâm.


    [​IMG]


    7. Màu sắc

    Màu sắc nào là tốt nhất đối với một type?

    Nhìn chung, tin hay không tùy bạn, đen và trắng thường là hai màu tốt nhất.


    [​IMG]


    Tại sao vậy?

    Bởi vì, các tông màu xám sẽ làm nổi bật các giá trị. Nếu bạn sử dụng màu sắc, nên xem xét việc giảm bớt độ đậm một chút. Sắc đỏ chói thường khó đọc. Và hãy coi chừng khi phối màu, ví dụ như đặt trực tiếp màu đỏ với màu xanh lá cây. Chuyển màu theo sắc cầu vồng không phải là thứ tốt nhất để bạn lựa chọn.

    8. Nhóm

    Hãy nhóm những phần thông tin có liên quan lại với nhau. Điều này sẽ làm mọi thứ rõ ràng hơn nhiều. Ví dụ: Xem một tờ quảng cáo phim, tất cả những người đóng góp cho bộ phim sẽ được nhóm lại trong một khối khá hấp dẫn. Khối này có thể được xử lý như một thành phần thiết kế đơn. Các trang vàng (yellow page) là ví dụ về việc phân nhóm tồi.

    [​IMG]

    9. Khoảng cách dòng (Leading)

    Khoảng cách giữa các dòng văn bản cũng cần lưu ý. Việc có khoảng cách phù hợp giữa các dòng sẽ giúp lôi cuốn người đọc vì chúng tạo ra không gian nghỉ cho đôi mắt. Với mỗi kiểu font chữ nên đặt chiều cao của dòng lớn hơn cỡ font chữ đó 2 point (pt). Ví dụ, nếu bạn sử dụng font chữ có kích cỡ là 10pt thì chiều cao của dòng giúp dễ đọc sẽ là 12pt.


    [​IMG]


    10. Khoảng cách chữ (Kerning)

    Khoảng cách giữa các chữ cái cũng cần phải lưu ý. Khi sử dụng Photoshop, khoảng cách giữa hai ký tự hoa và thường cạnh nhau thường quá rộng. Điều này cũng có thể xảy ra giữa các ký tự khác. Bạn có thể điều chỉnh khoảng cách giữa các ký tự này bằng nhiều cách khác nhau. Tuy nhiên không nên điều chỉnh tỷ lệ của các ký tự, không co kéo (stretch) ký tự theo các hướng khác nhau để thay đổi khoảng cách giữa các ký tự. Nếu không bạn có thể chọn kiểu font chữ khác có khoảng cách giữa các ký tự hợp lý hơn



    [​IMG]


    Hãy thử áp dụng các mẹo nhỏ này khi bạn thiết kế bất cứ Type nào đó. Mong rằng những chỉ dẫn này sẽ giúp bạn có thêm ý tưởng để tạo ta những sản phẩm có chất lượng hơn.


    Nguồn: Designs.vn

    ...
    Chỉnh sửa lần cuối: 6/11/14
    nguyenthao811, Luda Tín, funny_love15 người khác thích bài viết này.
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Mình nghĩ bạn khi lấy bài từ designs.vn sang forum thì nên transload hết hình ảnh qua tool upảnh của diễn đàn (http://upanh.vietdesigner.net). Bởi vì ảnh bên site bạn ko share lên Facebook hay Google+ đc :)
    Phưng Fotogra-phy thích bài viết này
  3. Vinastar

    Vinastar Mới đăng kí

    bài viết hay và đẩy đủ, mình học được khá nhiều, cám ơn bạn nhé.
  4. huynhtoan.it

    huynhtoan.it Thành viên cấp 2

    Tuy nhiên nếu đi ngược lại được những thứ này thì người khác mới nhớ đến bạn
    giayvun thích bài viết này
  5. WuKing

    WuKing Thành viên cấp 1

    #4 bạn có muốn người ta nhớ bạn theo kiểu nhớ thím Quân kun hay Kenny Sảng ko? chúng nó cũng làm chuyện khác biệt đấy :)
    Xin lỗi nếu như mình ko hiểu ý bạn nhưng mình nghĩ, khác biệt bắt đầu từ sáng tạo chứ ko phải là làm sai quy tắc "thẩm mỹ" cơ bản ^^
  6. huynhtoan.it

    huynhtoan.it Thành viên cấp 2

    #5 đúng là cậu hiểu sai ý tui. Ở đây những quy tắc thẩm mỹ cơ bản sẽ được thay đổi theo thời gian, nó đều do con người tạo nên. Và những người đi ngược quy tắc sẽ tạo nên cái gọi là xu hướng.
    Nếu cứ đi theo những quy tắc thẩm mỹ cơ bản ắt sẽ mãi là công nhân thôi...

    Ở đây tui không nói đến đi ngược quy tắc đạo đức. Cậu nên phân biệt được điều đó. Còn 2 thím cậu nhắc đến vì cậu thấy ghét kiểu nổi tiếng đó và cái gì đó gọi là "dơ". Với tôi, không thích thì "bơ". Muốn nổi tiếng bằng cách nào đó là việc của họ, hậu quả hay kết quả đều là của họ, và khi cậu nhắc đến họ trong bình luận của cậu thì có nghĩa họ đã thành công trong PR.
    Riêng về đạo đức xin gửi câu này: "người ta sẽ chẳng bao giờ quan tâm đến lòng tự trọng của bạn khi bạn chẳng là ai."
    duongngocdoanh87, Duy Hiếu, giayvun1 người khác thích bài viết này.
  7. giayvun

    giayvun Thành viên cấp 1

    Bài viết rất hữu ích.
    huynhtoan.it mình thích ý của bạn, nhưng mình nghĩ tùy vào loại sản phẩm, chúng ta cũng phải tuân theo 1 số quy tắc bắt buộc. Kiểu như thiết kế 1 trang nội dung nhiều chữ thì quy tắc "dễ đọc" phải được ưu tiên cao, trong khi những tác phẩm mang nặng tính nghệ thuật thì yếu tố này xếp ưu tiên thấp hơn
  8. trustnet

    trustnet Thành viên cấp 2

    đang rất cần mấy bài nền tảng thế này, thank you :D
  9. monday1

    monday1 Banned

    Bài viết rất hay, giúp m có con mắt thẩm mỹ hơn về cách thiết kế. :)
  10. Phưng Fotogra-phy

    Phưng Fotogra-phy Thành viên cấp 2

Từ khóa:

Ủng hộ diễn đàn