[PS] Bài 2: Bố Cục Cơ Bản Trong Thiết Kế

Ở bài đầu, chúng ta đã cùng đi tìm hiểu một số khái niệm cơ bản và rất quan trọng trong thiết kế ví dụ như hệ màu cùng môi trường làm việc và một vài công cụ cũng như khái niệm cơ bản trong photoshop. Có lẽ rất nhiều người đã từng được nghe qua tỉ lệ vàng, hay bố cục 1/3 đặc biệt là với những người hiểu biết về nhiếp ảnh nhưng chắc hẳn không nhiều người biết tỉ lệ vàng là gì hay bố cục 1/3 ra sao ứng dụng thế nào trong thiết kế? Trong bài viết này, chúng ta sẽ cùng tìm hiểu về bố cục trong thiết kế. Nếu như là da thịt của bản thiết kế thì bố cục như là khung xương của chúng vậy. Một bức thiết kế tốt phải có khung xương rõ ràng.

BỐ CỤC

Lưới là gì?

Sự căn chỉnh và chuẩn mực đem lại sự thoải mái và tư duy nhìn-đọc rõ ràng cho người dùng. Người dùng sẽ rất khó chịu nếu khi nhìn vào bản thiết kế của bạn, họ không biết phải nhìn từ đâu đến đâu. Lưới, là những đường căn dọc-ngang mà người dùng không nhìn thấy. Chúng chỉ tồn tại trong quá trình designer xây dựng tác phẩm. Hệ thống các đường căn chia bức hình thành rất nhiều phần rõ ràng.

Tác dụng của lưới

Hệ thống lưới chia thành các phần riêng biệt rõ ràng. Nhìn vào bức hình mọi người có thể thấy rõ được bố cục của cái CV đã được căn chỉnh rõ ràng ngay từ đầu thành 3 cột chính, trong mỗi cột, các icon hay text cũng đều đc căn chỉnh thành hàng lối.

Vậy làm sao để tạo lưới trong Photoshop? Cùng công cụ Ruler (R) qua video sau nhé:

Đây là một bộ phim bom tấn mà chắc hẳn mọi người đều biết. Phần tên phim – phần quan trọng nhất của poster,  chiếm trọn một phần rất to trong bức thiết kế. Phía trên là một loạt tên sao Hollywood được sắp xếp gọn gàng căn lề ngang. Phía dưới tên phim là thông tin về đoàn làm phim, những thông tin quan trọng nhất được đưa lên phóng to, thu nhỏ phù hợp.

Điểm cứng và điểm mềm trong thiết kế

Điểm cứng là những điểm cố định trong bản thiết kế và không thay đổi, còn điểm mềm là điểm có thể thay đổi trong bản thiết kế. Hãy tưởng tượng trong trường hợp mà bạn cần thay đổi hoặc bổ sung logo mà không thay đổi bất cứ thứ gì của bố cục thiết kế. Ví dụ, với poster film trên, thì điểm cứng là tên phi, từ đầu đến cuối không thay đổi. Điểm mềm sẽ là hàng căn phía trên cùng và hàng căng phía dưới tên phim.

Luật 1/3

Đây là bố cục rất phổ biến trong nhiếp ảnh và quay phim. Và trước hết hãy xem 1 video về tỷ lệ vàng nhé.

Vậy, mọi người đã hiểu thế nào là tỉ lệ vàng .Tiếp theo, mình cùng đi tìm hiểu xem tỉ lệ vàng liên quan đến tỉ lệ tỉ lệ 1/3 như thế nào qua video sau:  Nói một cách ngắn gọn thì một tác phẩm có bố cục 1/3 khi chia bức hình thành 3 hàng 3 cột, sẽ có một điểm quan trọng rơi vào 1 trong 4 giao điểm là 4 chấm. Trong poster trên, gương mặt của Brad Pitt rơi vào 1 trong 4 giao điểm và bạn có thể thấy gương mặt a ấy nổi bật lên hẳn trong tác phẩm. Cùng tham khảo công cụ Crop Tool (C) và thực hành nhé: 

Luật đối xứng

Đúng như tên gọi, bố cục đối xứng giúp bạn đưa tất cả các phần nội dung và một cách cân đổi tuyệt đối. Ở phía trên, ta có thể thấy chiếc Macbook đặp tuyệt vời cùng dòng chữ nổi bật “Thinnovation”. Và những icon xinh đẹp nằm bên dưới chiếc Macbook. Ở bức hình này thì sao?? Đầu tiên các bạn chú ý vào đồ ăn – cái bánh hoặc là cốc nước rồi mới đến chữ M và dòng chữ dưới cùng đúng không? Các bạn có để ý rằng những cái gì mà mình chú ý đầu tiên thì thường có kích thước to hơn hẳn những cái còn lại không? Đó chính là đặc điểm của bố cục đối xứng, các nào to sẽ được người xem chú ý trước rồi đến những cái nhỏ hơn và bố cục đối xứng này được dùng khi bức hình của mình có lượng thông tin vừa phải.

Nhắc lại này, bố cục 1/3 dùng khi bức hình của mình có nhiều thông tin, bố cục đối xứng dùng khi bức hình của mình có lượng thông tin vừa phải, ít thông tin hơn.

Bất đối xứng

Bố cục bất đối xứng hay còn gọi là bố cục phản đối xứng. Vậy bố cục đối xứng này dùng khi nào và có gì hay. Đầu tiên mọi người thử nhìn bức hình này

Mọi người chú ý vào gì trước? Chiếc Iphone rồi mới đến dòng chữ bên cạnh. Hay như bức này đi Mọi người chú ý vào hình steve job rồi mới đến chữ đúng không? Bố cục đối xứng có 1 cái hay là nó sẽ hướng sự tập trung của người xem vào bức hình trước hoặc vào thứ gây ra sự mất đỗi xứng trên bức hình ví dụ như ở bức phía trên là cái iphone và ở bức này là hình steve jobs. Khi ít thông tin thì bố cục này sẽ được sử dụng khi bức hình của mọi người có lượng thông ít 2 hoặc 3 thông tin.

Nhắc lại, nhiều thông tin thì dùng bố cục 1/3, lượng thông tin vừa phải thì dùng bố cục đối xứng, còn có rất ít thông tin thì dùng bố cục bất đối xứng.

Chúng ta đến với một lưu ý cuối cùng là về khoảng trống và kích thước khi thiết kế. Những người mới thiết kế thường gặp vấn đề là họ thường muốn cho thật nhiều thứ vào bản thiết kế của mình, cho đến khi không còn phần nào trống thì thôi, cho càng nhiều càng tốt và họ cũng muốn tất cả đều phải thật to thật đẹp và điều đó dẫn đến vấn đề là bức hình của họ sẽ làm rối mắt người xem, người xem không biết nhìn vào cái gì trước cái gì sau và bức hình của họ không dẫn dắt được thì giác người xem. Vì vậy, khi thiết kế, mọi người cần phải để lại những khoảng trống trong bản thiết kế của mình để cho mọi thứ có chỗ “thở” và mọi người nhớ cái gì quan trọng thì để to hơn, cái gì bớt quan trọng thì cho nhỏ hơn để dẫn dắt đc thị giác của người xem.

TYPOGRAPHY

Tiếp theo chúng ta sẽ đến làm quen với các font chữ, cách kết hợp các font sao cho hiệu quả và bắt mắt nhất.

Serif

Serif hay còn gọi là chân chữ, là phần gạch ngang bên dưới mỗi con chữ. Loại chữ này cho ta cảm giác nghiêm trang cổ điển và thường được sử dụng cho nhà hàng, kinh tế, giáo dục, khách sạn,… Loại chữ này hoạt động rất tốt ở những nơi có mật độ chữ dày như sách, báo

Sans Serif

Đây là nhóm chữ không chân, nó đem lại cho mọi người cảm giác gọn gàng, nhẹ nhàng, hiện đại và nhanh chóng. Và đó là lý do vì sao nhóm chữ này được dùng nhiều trong truyền thông, công nghệ.

Script

Là nhóm chữ mà cảm giác như là những nét vẽ của một nghệ sĩ tài hoa vậy. Nó đem lại cảm giác tự nhiên, hoang dại và phù hợp với các tác phẩm mang tính nghệ thuật.

CÁCH KẾT HỢP FONT

Thay đổi kích thước

• Chỉ dùng 1 loại font duy nhất
• Thay đổi kích thước của các chữ

THAY ĐỔI MÀU SẮC

• Giữ nguyên font
• Thay đổi màu sắc

THAY ĐỔI ĐỘ ĐẬM CỦA CHỮ

• Giữ nguyên font
• Dùng Bold để làm đậm chữ

KẾT HỢP 2 FONTS

Ưu tiên Script

• Dùng Scipt làm tiêu đề
• Font kèm theo là Serif hoặc Sans Serif

Sans Serif với Serif

KĨ THUẬT DÙNG CHỮ

Đóng khung

Không nên đóng khung quá cứng nhắc, có thể đóng khung nhưng không kín, cần linh động trong việc đóng khung bằng cách chọn lựa đối tượng phù hợp.

KỸ THUẬT LINE

KỸ THUẬT NGHỊCH ĐẢO MÀU

CLIPPING MASK

CHÚ Ý CHÚ Ý

1. Không bao giờ bóp méo font.
2. Typo phải có chính phụ, phải làm to, rõ, nổi bật phần chính
3. Không sử dụng quá trên 2 fonts.
4. Phải chú ý đến độ tương phản để người đọc nhận ra chữ của bạn.
5. Phải căn lề chữ để tạo sự dễ chịu trong con mắt.

CÁM ƠN MỌI NGƯỜI ĐÃ THEO DÕI BÀI 2

Bài tập: Chọn một người nổi tiếng mà bạn hâm mộ và thiết kế một bìa tạp chí có hình người đó (Sử dụng tất cả các công cụ đã học ở Bài 1 và Bài 2 nhé)

Kích thước A4 là 21×29,7 nhé mọi người. Hoặc mọi người có thể chọn A4 như sau:

Ctrl+N sau đó chọn Preset là International Paper sau đó phần size chọn A4.

Deadline: 23h59 ngày 6/2/2016

Chia sẻ ngay

• Click to share on Twitter (Opens in new window)
• Click to share on Facebook (Opens in new window)
• Click to share on Pinterest (Opens in new window)

Like Loading...

Related