Xin chào! lại là Đạt đây.

Những ***nguyên tắc thị giác*** trong thiết kế (Design Principles) là một trong những kiến thức nền tảng quan trọng nhất của một người làm thiết kế phải nắm vững, chúng đảm bảo tính thu hút, cũng như sự hiệu quả trong việc truyền tải thông điệp nói riêng, hay tính công năng của thiết kế nói chung.

Dựa trên thói quen ***phân tích*** "ngược" của bản thân, khi nhìn thấy một thiết kế mà Đạt yêu thích. Việc phân tích "ngược" giúp ích cho Đạt trong việc cải thiện khả năng tư duy bố cục và kỹ thuật sắp xếp các ***tín hiệu thị giác*** trong một thiết kế. Dưới đây, Đạt sẽ đưa ra một ví dụ cụ thể và dễ hình dung hơn về phương pháp tự rèn luyện này.

### **0.1/ Tiếp nhận thông tin (Tín hiệu thị giác)**

* Màu sắc (Color)

* Nội dung đọc (Text)

* Kiểu hình (Shape)

Xác định tính công năng, mức độ quan trọng của các tín hiệu trên:

* Xác định màu sắc đi cùng, màu sắc chủ đạo, bổ trợ.

* Xác định tiêu đề chính, nội dung phụ.

* Xác định kiểu hình chủ đạo trong toàn bộ thiết kế.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2F5db3233a-ce43-4418-86db-fbe651859844.png?alt=media&token=a91b2e89-3d02-42d9-a63b-6bb99663f82f","id":"5db3233a-ce43-4418-86db-fbe651859844","width":2048,"height":1536,"filename":"VGB_LessonPlan_05.png","type":"image/png","caption":"Hình.01","border":false}]}
```

### **0.2/ Phân nhóm thông tin (Tín hiệu thị giác)**

Sắp xếp thứ tự ưu tiên của các thông tin theo cách cơ bản và đơn giản nhất, như ta thấy ở Hình.02 (Bên trái): Kiểu hình (Shape) > Tiêu đề (Title) > Nội dung phụ (Body-text), thành một hàng dọc với ***sức hút thị giác*** giảm dần từ trên xuống.

Tiếp đó, tạo nhóm các tín hiệu thị giác, như ví dụ Hình.02 (Bên phải) ta thấy phần tiêu đề (Title) và kiểu hình (Shape) được tạo thành một nhóm, đồng thời phần nội dung phụ được chia làm 3 đoạn khác nhau và trở thành nhóm khác tách biệt so với nhóm trên.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2Fdfed8f8f-ecf0-495e-9309-7ce706c7d319.png?alt=media&token=97958382-596a-4835-bfc1-d4f34a87a367","id":"dfed8f8f-ecf0-495e-9309-7ce706c7d319","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.02","border":false}]}
```

### **0.3/ Tỉ lệ phân bổ thông tin (Tín hiệu thị giác)**

Như Hình.03 (Bên trái) phần kiểu hình (Shape) chiếm chủ đạo (75%) trong thiết kế này. Kế tiếp là phần tiêu đề và nội dung phụ sẽ chiếm phần còn lại (25%) nhằm tăng độ thu hút, cũng như sự tương phản giữa phần nhìn và phần đọc.

Tiếp đó, tăng ***sự tương đồng*** (Tính lặp lại) ở phần kiểu hình, nhằm hệ thống hoá cấu trúc hình học cũng như bố cục trong thiết kế này: Hình vuông (Square); Kiểu chữ không chân (Sans Serif - Cụ thể hơn là thuộc dòng Grotesque); Căn gióng hàng từ trái sang phải, trên hệ thống lưới đặc trưng (Modular Grid) từ Swiss Design một cách ngay ngắn, trật tự.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2F77b98144-9b08-49eb-8204-b8126aa3575f.png?alt=media&token=d3782a06-ba26-4b90-b518-df32292d83aa","id":"77b98144-9b08-49eb-8204-b8126aa3575f","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.03","border":false}]}
```

### **0.4/ Nhịp điệu thông tin (Tín hiệu thị giác)**

Sau khi thiết kế đã có tính ổn định, tiếp đó cần tạo một ***nhịp điệu - chuyển động*** cho thiết kế này, cụ thể ở Hình.04a (Bên trái) với thay đổi về kiểu hình (Shape) có độ dài tăng tiến từ trái sang phải, cho ta một ảo giác về sự dịch chuyển giữa chúng một cách thuận mắt.

Để thiết kế thú vị hơn, tiếp tục biến đổi hình dạng, kích thước.. của những kiểu hình (Shape) như ở Hình.04a (Bên phải) nhằm gia tăng ***tính đa dạng***, nâng cao trải nghiệm nhìn, kích thích thị giác.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2Fa0387474-3036-4d83-ace7-2dd9247fadf8.png?alt=media&token=90dc00e4-b6ae-40ba-984d-b112674236b9","id":"a0387474-3036-4d83-ace7-2dd9247fadf8","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.04a","border":false}]}
```

Đừng quên, ứng dụng ***khoảng không*** (Negative Space) vào thiết kế như Hình.04b (Bên trái) để giảm bớt căng thẳng và sự chật chội, đồng thời cũng làm cho kiểu hình (Shape) có nhấn nhá hơn.

Cuối cùng, chúng ta đưa màu sắc vào thiết kế Hình.04b (Bên phải).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2Fa5053732-59af-4b59-bfcc-91eab88eb376.png?alt=media&token=9b59a52c-d441-4400-86dc-3eb47dee9871","id":"a5053732-59af-4b59-bfcc-91eab88eb376","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.04b","border":false}]}
```

Nhưng! Đạt muốn nói điều này đến với bạn.

> *Đừng vội hoàn thiện nó, hãy đặt bản thân trong tâm thế có thể làm mọi thứ đặc biệt hơn nếu còn thời gian, hãy nghĩ khác, nghĩ xa hơn.*

### **0.5/ Chiều hướng thông tin (Tín hiệu thị giác)**

Suy nghĩ về một ***lối nhìn, đọc*** nội dung mới mẻ, ***phá bỏ tính cân bằng*** thường thấy ở một thiết kế. Sẽ như thế nào? nếu khiến đôi mắt phải nghiêng một chút để nhìn, chiều hướng đọc lệch ra khỏi quy chuẩn thông thường (Từ trên xuống dưới; Từ trái sang phải). ***Hãy làm nó - Dám mạo hiểm!.***

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2F7634367f-5eb3-4862-ab90-cf409470a620.png?alt=media&token=dfa76926-c7fb-4f51-8bf0-929f51770142","id":"7634367f-5eb3-4862-ab90-cf409470a620","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.05a","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2Fbbbade0e-6cc5-4b22-889d-997221b5ac27.png?alt=media&token=32b9dff3-88b0-445d-8bbf-54ba279bc474","id":"bbbade0e-6cc5-4b22-889d-997221b5ac27","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.05b","border":false}]}
```

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2F61eacd5a-e26d-4838-a2af-0af800e899c4.png?alt=media&token=11f56029-f56c-41bb-9311-1d613e77c0f0","id":"61eacd5a-e26d-4838-a2af-0af800e899c4","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.05c","border":false}]}
```

Và đây, là một thiết kế (Hình.05c) của **Mike Joyce**, trong chuỗi dự án thiết kế Poster **"Swissted"**. Mọi người có thể tìm hiểu và xem thêm các thiết kế khác từ anh ta tại [www.swissted.com](http://www.swissted.com)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FFhgIa2rSEzH3TN1lPMbN%2F3e4f7ee4-2068-44fe-94cb-5ec7da92d0c9.png?alt=media&token=b11533d6-6e6b-4283-8f42-883f0ed39a60","id":"3e4f7ee4-2068-44fe-94cb-5ec7da92d0c9","width":2048,"height":1536,"filename":"Artboard 1.png","type":"image/png","caption":"Hình.05d","border":true}]}
```

Đạt đã đưa thiết kế này làm ví dụ điển hình, cho việc tự rèn luyện tư duy thiết kế (Design Principles) của mình. Hy vọng, với sự trải nghiệm cá nhân trong cách tự rèn luyện của bản thân, có thể giúp các bạn có nhiều cảm hứng cũng như ý tưởng, trong công việc sáng tạo mỗi ngày.

Đạt Đỗ.

Rèn luyện Design Principles thông qua phân tích Swiss Poster - Đạt Đỗ.

Quản lý Tệp (File) trong công việc hằng ngày rất quan trọng đối với Đạt. Trước đây, Đạt hay gặp nhiều khó khăn trong việc quản lý Tệp (File): mất hoặc không nhớ đã để Tệp (File) ở đâu trong hệ thống; chọn lọc, sao lưu Tệp (File) tốn rất nhiều thời gian, do số lượng Tệp (File) khổng lồ; dẫn đến giảm hiệu suất làm việc, do dành quá nhiều thời gian cho việc rà soát, tìm kiếm.

Đạt sẽ đưa ra các yếu tố quyết định cho một quy trình quản lý tệp (File) khoa học và hiệu quả:

1. Đặt tên cho Tệp (File).

2. Trực quan nội dung Tệp (File).

3. Thủ thuật tìm kiếm Tệp (File).

> Hãy bắt đầu mọi thứ bằng việc tạo ra một ***mã ký tự*** riêng cho từng dự án.

Ví dụ:

Khi thực hiện dự án cho khách hàng có tên là **Phê La**, Đạt lấy các chữ cái đầu tiên, thuộc các từ trong tên dự án làm mã dự án, vậy ta có: PH (**Ph**ê) + L (**L**a) = **PHL**. Tương tự, với dự án The Cocoon Vietnam, Đạt sử dụng **TCV** hoặc **COV** để dễ dàng nhận diện dự án với mã ký tự trên

> Lưu ý: Mã ký tự của dự án nên chỉ cần 3 đến 4 ký tự, đừng quá nhiều sẽ dẫn đến khó nhớ và rối mắt.

Tuân thủ những quy tắc này sẽ tạo một thói quen tốt trong việc định hình tư duy quản lý công việc, cũng như giúp bạn bước đầu làm mọi thứ ngăn nắp hơn.

## **01. Đặt tên cho Tệp (File).**

Ngày 30 tháng 5 năm 2024 - Đạt đang thiết kế một hình đại diện (Thumbnail Design) cho bài viết này, thuộc dự án "chia sẻ kỹ năng làm việc sáng tạo" (Creative Skill Sharing).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2Ff47d358b-9106-4601-a03f-73d59caea56e.png?alt=media&token=75008dda-9e92-48df-a2bb-b490d82738f4","id":"f47d358b-9106-4601-a03f-73d59caea56e","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 11.40.32.png","type":"image/png","caption":"Hình.01","border":true}]}
```

Cấu trúc đặt tên của Tệp (File) sẽ như sau:

> **M**ãKýTự\_**H**ạngMụcThiếtKế\_**N**ămThángNgày

Như vậy, với thủ thuật trên, Đạt sẽ đặt tên Tệp (File) này là:

> CSS\_ThumbnailDesign\_24MAY30

Chú thích:

* Mã ký tự: **CSS** (**C**reative **S**kill **S**haring)

* Hạng mục thiết kế: **Thumbnail Design**

* Năm Tháng Ngày: 24 (20**24**) + MAY (Tháng 5) + 30 = **24MAY30**

***Lưu ý:** Mỗi từ được viết liền nhau (Không dấu), nhưng mỗi cụm từ **cách nhau** bởi một **dấu gạch nối** (\_).*

## **02. Trực quan nội dung Tệp (File).**

Với số lượng Tệp (File) khổng lồ mỗi ngày, việc nhận biết và phân biệt được cái nào "gần" nhất (Recent Files) thật sự rất quan trọng. Ngoài việc đặt tên một cách khoa học, thì cần thêm ***tính trực quan***. Khi đó, chỉ cần nhìn lướt Tệp (File) trên hệ thống là có thể tìm được những gì đang cần.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2Fb95831fb-d1db-4f86-b5f3-f07a925285ce.png?alt=media&token=7db8e728-1b75-4ae4-b80b-74cd6b89dd2c","id":"b95831fb-d1db-4f86-b5f3-f07a925285ce","width":2490,"height":2300,"filename":"Screenshot 2024-05-30 at 12.13.48.png","type":"image/png","caption":"Hình.02a","border":true}]}
```

Mẹo nhỏ:

> Hãy để những thành phần thay đổi, hoặc mới nhất, ở vị trí Artboard\* đầu tiên trong Tệp (File) thiết kế Adobe Illustrator - Ai (Hình.02a).

Khi đó, hệ điều hành sẽ cho ta xem trước nội dung bên trong Tệp (File) mà không nhất thiết phải mở nó lên (Hình.02b).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2F14f494ae-b960-480f-9697-c4d8a0137353.png?alt=media&token=dd9df784-c9e0-4e36-b61e-4ebd293551a1","id":"14f494ae-b960-480f-9697-c4d8a0137353","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 12.29.26.png","type":"image/png","caption":"Hình.02b","border":true}]}
```

## **03. Thủ thuật tìm kiếm Tệp (File).**

***Những tình huống tìm kiếm hay gặp, khi Đạt cần rà soát lại những Tệp (File) của mình trong lúc làm việc.***

Tìm kiếm tất cả các Tệp (File) thuộc dự án **Creative Skill Sharing**:

> Gõ trên thanh tìm kiếm: **CSS** (Hình.03a)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2F96dc7701-df69-49ff-b142-5d92670a08ac.png?alt=media&token=a8c4dc1e-0445-4759-81c5-941ee0237fb4","id":"96dc7701-df69-49ff-b142-5d92670a08ac","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 12.34.45.png","type":"image/png","caption":"Hình.03a","border":true}]}
```

Tìm kiếm những Tệp (File) được thực hiện vào tháng **5/2024** (Không quan tâm là thuộc dự án nào):

> Gõ trên thanh tìm kiếm: **24MAY** (Hình.03b)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2F5e4c81c4-be96-4491-a41d-b095349a87d9.png?alt=media&token=6dbb49a2-f181-4a70-b7c6-d29d82e5c20a","id":"5e4c81c4-be96-4491-a41d-b095349a87d9","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 12.40.09.png","type":"image/png","caption":"Hình.03b","border":true}]}
```

Tìm kiếm những Tệp (File) thuộc dự án **Creative Skill Sharing**, được thực hiện vào ngày **29/5/2024**:

> Gõ trên thanh tìm kiếm: **CSS 24MAY29**  (Hình.03c)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2F33b45e85-fef0-49ed-97ad-7e657bdb77c0.png?alt=media&token=93b13258-3116-47e3-8bcd-f31bc129c3bf","id":"33b45e85-fef0-49ed-97ad-7e657bdb77c0","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 12.43.17.png","type":"image/png","caption":"Hình.03c","border":true}]}
```

Tìm kiếm tất cả Tệp (File) thuộc dự án **Creative Skill Sharing**, của hạng mục thiết kế **Thumbnail**:

> Gõ trên thanh tìm kiếm: **CSS ThumbnailDesign** (Hình.03d)

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FQif5U32yOB18kBp691y2%2F632a0fad-f462-4c2f-87c7-9bfce46bf8fe.png?alt=media&token=2b3382d7-6cb2-4fdb-83d2-d16f5971e6a3","id":"632a0fad-f462-4c2f-87c7-9bfce46bf8fe","width":1784,"height":1538,"filename":"Screenshot 2024-05-30 at 12.56.50.png","type":"image/png","caption":"Hình.03d","border":true}]}
```

Dựa trên những chia sẽ về kinh nghiệm quản lý Tệp (File) này, Đạt hy vọng có thể giúp các bạn tự xây dựng một hệ thống quản lý cho riêng mình, chủ động hơn trong việc tìm kiếm, tiết kiệm thời gian hơn và tránh tình trạng mất Tệp (File).

Đạt Đỗ.

Quản lý Tệp (File) khoa học và hiệu quả cho dân ngành thiết kế sáng tạo - Đạt Đỗ.

> *Đạt từng là kẻ không thích sách, không thích đọc*

Trước kia, Đạt từng nghĩ bản thân không thích sách, không thích đọc với nhiều lý thuyết dài dòng.. Nhưng dần dần Đạt hiểu ra rằng, mỗi người có cách đọc, cách tiếp thu khác nhau. Bởi thế, để tìm một cuốn sách hợp với bản thân mình, là một quá trình dài nhưng đáng để thực hiện, nó giống như việc đi chậm lại một chút, để thấu hiểu bản thân mình như thế nào.

Chuỗi bài viết này, Đạt sẽ gợi ý những cuốn sách về lĩnh vực thiết kế sáng tạo, mà Đạt cảm thấy thú vị về cách đọc, bổ ích về kiến thức.. Hy vọng, sẽ giúp các bạn tìm ra những cuốn sách phù hợp với bản thân, hoặc đơn giản là bạn đang cần những cuốn sách này.

## 01. Giới thiệu chung

Cuốn sách kỳ này Đạt muốn chia sẻ đến mọi người là: “**The Non-designer's Design Book**” của tác giả **Robin Williams** (Hình.01), có ấn bản Tiếng Việt với cái tên khá thân thiện: “**Cẩm nang thiết kế cho người không chuyên**". Sách 260 trang; Bìa giấy in màu vàng được cán màng mờ, với tên sách được dập nổi kèm in nhũ rất bắt mắt; Sách được in màu dễ nhìn (Phiên bản tiếng Việt - Nhà xuất bản Trẻ - 225.000 VND/ Cuốn).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2Fcqak2kJBrMsnbeKlNsFI%2F034e4948-fbe3-4823-a6f1-e6cfac1d716b.png?alt=media&token=316272d5-522a-4ea7-b17e-50b4357a8938","id":"034e4948-fbe3-4823-a6f1-e6cfac1d716b","width":960,"height":720,"filename":"datdo.read.cv.png","type":"image/png","caption":"Hình.01","border":true}]}
```

Tập trung vào việc phổ cập kiến thức nhanh chóng cho các bạn chuyên viên thiết kế, sáng tạo mới vào nghề (Junior / Fresher) hoặc các bạn đang cảm thấy mất căn bản về tư duy thiết kế, cần có một cuốn sách để có thể nhanh chóng hệ thống hoá lại kiến thức một cách cơ bản và dễ hiểu nhất.

**Nội dung bao gồm các phần chính như sau:**

* Những nguyên tắc thiết kế (Design Principles) trọng yếu, đơn cữ như: Tính tương phản; Tính liên kết..

* Kiến thức về màu sắc căn bản (Color Theory Basics​​): Hệ thống màu sắc; Kỹ thuật phối màu..

* Chia sẻ kinh nghiệm, các thủ thuật thiết kế ấn phẩm thông dụng (Business Card; Letterhead; Poster..) từ tác giả.

* Kiến thức về kiểu chữ căn bản (Typography Design): Phân loại kiểu chữ; Kỹ thuật trình bày..

## 02. Trải nghiệm riêng

Đạt dành thời gian hai tuần, vừa đọc vừa ngẫm và đồng thời trải nghiệm với các bài tập phân tích trong sách, và sau đây là những đánh giá “chủ quan” của Đạt.

**Điểm yêu thích:**

* Sách tiếp cận người đọc nhanh chóng, tập trung đi thẳng vào vấn đề, phân rõ từng chuyên mục một cách khoa học, dễ dàng theo dõi nội dung.

* Lý thuyết ngắn gọn, dễ đọc và luôn đi kèm với ví dụ hình ảnh trực quan, đảm bảo việc “hiểu”.

* Luôn có “song ngữ” đi kèm với các từ “chuyên ngành" đảm bảo chuẩn xác về kiến thức, cũng như giúp người đọc có thể tự tìm hiểu thêm về những từ chuyên ngành này.

**Điểm chưa thích:**

* Kiến thức nằm ở mặt “nổi”, tức cung cấp kiến thức một cách thông dụng, căn bản nên chưa được chuyên sâu và đa chiều.

* Nội dung sách cũng đã khá “xưa” so với tốc độ thay đổi của kiến thức nói chung, hay sự phát triển cũng như biến chuyển về lĩnh vực thiết kế, sáng tạo nói riêng, nên dẫn đến các hình ảnh ví dụ trong sách khá “cũ" so với mặt bằng chung của hình ảnh thiết kế hiện nay.

## 03. Đánh giá cá nhân

Nếu đánh giá trên thang điểm 10, Đạt xin phép đề xuất dựa trên các tiêu chí sau với danh nghĩa là một độc giả, một người thích sáng tạo:

* Độ dễ hiểu: 8.5/10

* Tính chuyên sâu: 6.5/10

* Cách trình bày:  7/10

* Sự cập nhật: 6/10

> Đây là cuốn sách, Đạt hay khuyến khích các bạn học viên của mình, tìm đọc để có thể củng cố thêm kiến thức tại trường, và dành ôn luyện hằng ngày.

Đạt Đỗ.

Đánh giá cuốn sách: "The Non-Designer's Design Book" - Đạt Đỗ.

Xin chào!

Mình là Đạt, một Graphic Designer hoạt động và làm việc tại Tp Hồ Chí Minh. Trong chuỗi các bài viết này, Đạt sẽ chia sẻ góc nhìn cũng như kinh nghiệm làm việc của bản thân về ***Logotype*** đến các bạn quan tâm. Hy vọng rằng với những kiến thức tích luỹ được, có thể giúp các bạn trong công việc sáng tạo hằng ngày.

Chúng ta bắt đầu với việc tìm hiểu về ***Logotype***, và các dạng khác nhau của nó, trong bối cảnh thị trường thiết kế nhận diện thương hiệu hiện nay.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2Ft20HfPqQVeICJRFsYwVl%2F182831d8-e3f8-4b5b-9134-9eec2a372498.png?alt=media&token=39413aaf-4427-4c2e-b706-8e4d8767e90c","id":"182831d8-e3f8-4b5b-9134-9eec2a372498","width":2048,"height":1536,"filename":"Artboard 3.png","type":"image/png","caption":"Hình.00","border":true}]}
```

> ***Logotype*** là một thiết kế biểu trưng (Logo) tập trung vào việc thể hiện tính nhận diện thông qua mặt chữ, kết hợp với một tên thương hiệu khác biệt.

***Logotype*** được chia làm hai dạng thông dụng nhất, cơ bản nhất, mà chúng ta thường thấy và được tiếp cận là: ***Wordmark***; ***Lettermark***. Vậy điểm khác nhau giữa chúng là gì? Rất đơn giản, hãy nhìn vào hình ảnh bên dưới.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2Ft20HfPqQVeICJRFsYwVl%2Fd651af73-3d09-416d-911e-69454d33f4a2.png?alt=media&token=f01ef7b7-3ab2-40a2-802c-f1b849f5bede","id":"d651af73-3d09-416d-911e-69454d33f4a2","width":2048,"height":1536,"filename":"Artboard 10.png","type":"image/png","caption":"Hình.01","border":true}]}
```

Điểm chung của những biểu trưng (Logo) trên (Hình.01) là đều được thể hiện với đầy đủ từ ngữ của một tên thương hiệu, chúng ta gọi chúng là ***Wordmark***. Thích hợp áp dụng cho các thương hiệu có tên gọi ngắn gọn, dễ đọc - viết.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2Ft20HfPqQVeICJRFsYwVl%2F4ebd5aeb-484c-499d-83b1-c70ead692dae.png?alt=media&token=b5262432-9dcd-4595-8beb-78d1ea138226","id":"4ebd5aeb-484c-499d-83b1-c70ead692dae","width":2048,"height":1536,"filename":"Artboard 12.png","type":"image/png","caption":"Hình.02","border":true}]}
```

***Lettermark*** được áp dụng, khi một thương hiệu có một tên gọi quá dài, thường buộc phải "viết tắt" bằng cách sử dụng những chữ cái đầu của mỗi từ trong tên thương hiệu, nhằm đơn giản hóa việc đọc - viết, cũng như tăng sự ghi nhớ.

Ví dụ: International Business Machines Corporation, chúng ta sẽ biết đến thông qua biểu trưng với ba chữ cái viết tắt là IBM (Hình.02).

Đạt Đỗ.

Logotype là gì? Phân loại các dạng Logotype - Đạt Đỗ.

Chắc hẳn, trong thời kỳ hiện nay việc các bạn bắt gặp những thiết kế Biểu Trưng dạng kiểu chữ (Logotype) là điều không còn lạ lẫm đối với mỗi chúng ta. Đầy rẫy và xuất hiện khắp nơi, len lỏi trong tiềm thức của Đạt và các bạn.

> *Con chữ không còn bị giới hạn ở **việc "đọc"** nữa, mà đã trở thành một loại hình nhận diện - **"nhìn" và "nhớ"** về một đối tượng mà nó đại diện cho.*

Những con chữ cong lượn được viết nghiêng\* (Italic) với màu đỏ nổi bật làm chúng ta liên tưởng ngay đến một ngụm nước ngọt có ga của **Coca-Cola** đầy sảng khoái, mát lạnh (Hình.01).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FtsO2Ug3zHgv01MpqUssm%2F7073ecd3-fcf4-4c4c-93e9-ced6294567b1.png?alt=media&token=19be6d81-458a-49b2-8a90-0a599a10cf25","id":"7073ecd3-fcf4-4c4c-93e9-ced6294567b1","width":2048,"height":1221,"filename":"Artboard 9.png","type":"image/png","caption":"Hình.01","border":true}]}
```

Hay nhiều màu sắc vui nhộn đan xen, cộng hưởng với những dáng chữ hình học, tròn vành vạnh từ công cụ tìm kiếm **Google** mà chúng ta phải ít nhất thấy một đến hai lần mỗi ngày (Hình.02).

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FtsO2Ug3zHgv01MpqUssm%2Fce905598-0de0-4941-91d1-10e6c1beb904.png?alt=media&token=46d224fe-45dc-4660-b7e6-a6e84584ed19","id":"ce905598-0de0-4941-91d1-10e6c1beb904","width":2048,"height":1221,"filename":"Artboard 10.png","type":"image/png","caption":"Hinh.02","border":true}]}
```

Một vấn đề được đặt ra, khi một thiết kế nhận diện thương hiệu hay thiết kế biểu trưng (Logo) không sử dụng biểu tượng (Symbol) hoặc hình họa (Illustration) đi kèm tên thương hiệu (Brandname/Wordmark), liệu có khả thi cho việc phân biệt và gợi nhắc đến đối tượng/thương hiệu cụ thể không? Và minh chứng về **Coca-Cola** và **Google** sẽ là câu trả lời đắt giá nhất cho câu hỏi trên.

> *Bài toán khó khăn nhất cần được người thiết kế tìm lời giải, khi thực hiện một **thiết kế Biểu Trưng dạng kiểu chữ (Logotype)** là đảm bảo cân bằng được tính dễ đọc vốn có của các con chữ và tính đặc biệt, điểm nhấn của một thiết kế Biểu Trưng (Logo Design).*

Dựa theo kinh nghiệm cá nhân, Đạt sẽ liệt kê những yếu tố cơ bản quyết định tính nhận diện của một thiết kế biểu trưng dạng chữ (Logotype) như sau:

* Một cái tên (Brandname) thật sự dễ nhớ, dễ đọc và khác biệt.

* Định dạng Logotype thuộc nhóm cụ thể: Wordmark; Lettermark; Letterform..\
  (Đọc thêm bài viết: [Logotype là gì? Phân loại các dạng Logotype](https://read.cv/datdo/t20HfPqQVeICJRFsYwVl))

* Kiểu chữ (Typeface) được sử dụng cho Logotype: Không chân (Sans Serif); Có chân (Serif); Viết tay (Script); Phô diễn (Display Type)..

* Kỹ thuật định hình phong cách thiết kế: Negative Space Logo hay ứng dụng kỹ thuật Figure-ground; 3-Dimensional Logo thường áp dụng kỹ thuật phối cảnh Isometric..

Đạt sẽ đưa ra ví dụ cụ thể dưới đây và tiến hành phân tích, để chúng ta dễ nắm bắt các yêu tố thiết kế đã được đề cập ở trên.

```cv
gallery
{"layout":"hscroll","images":[{"src":"https://firebasestorage.googleapis.com/v0/b/maitake-project.appspot.com/o/pages%2FbQnsFJUiAkTvZzdEUpT14Wo7u0i2%2FtsO2Ug3zHgv01MpqUssm%2Fe55fcc01-54a6-42f7-8552-0936ade3764f.png?alt=media&token=344df46d-5f2f-43d1-a966-011c5e627363","id":"e55fcc01-54a6-42f7-8552-0936ade3764f","width":2048,"height":1221,"filename":"Artboard 11.png","type":"image/png","caption":"Hình.03","border":true}]}
```

Nổi tiếng trên toàn cầu, FedEx (Dịch vụ chuyển phát nhanh - Quốc tế) tạo ấn tượng đầu tiên với sự tương phản mạnh mẽ, giữa hai màu nóng và lạnh đặt sát vào nhau ở vị trí chữ d và E (Hình.03).

Cụ thể hơn:

Tên thương hiệu (Brandname): **FedEx**, là một từ viết tắt từ tên gọi **Federal Express** (Chuyển phát nhanh liên bang).

***→** Nhờ việc ghép nối từ thông minh, đã tạo ra được một cái tên "riêng" ngắn gọn, dễ đọc và dễ nhớ hơn nhưng vẫn đảm bảo tính khác biệt, thay vì một tên gọi quá chung chung và tương đối dài.*

Định dạng Logotype: Thuộc nhóm Logotype dòng Wordmark\*.

***→** Tách biệt rõ ràng hai phần Fed và Ex nhằm dễ dàng đánh vần hơn **<feh·deks>**, cũng như gợi được tên đầy đủ của thương hiệu (**Fed**eral **Ex**press) với việc cho chữ F và chữ E viết in hoa (Uppercase).*

Kiểu chữ (Typeface): Theo như Đạt tìm hiểu được, ở phần Logotype của FedEx sử dụng kiểu chữ **Futura - Bold** thuộc dòng Geometric Sans\*.

***→** Mang lại cảm giác kỹ thuật, hiện đại với cấu trúc chữ tối giản và kiểu dáng hình học\* (Geometric) dày dặn.*

Kỹ thuật định hình phong cách (Graphic Design Style): Theo dạng Negative Space Logo - "***The discreetly hidden arrow symbolises a sense of direction, speed, and precision***". Mũi tên được ẩn giấu vào khoảng trống giữa chữ E và chữ x một cách tinh tế, rất vừa vặn mà không bị gượng ép.

***→** Truyền tải thông điệp dễ hiểu và rất trực quan, đáp ứng được tính phù hợp văn hóa, dịch vụ của doanh nghiệp. Mũi tên - đại diện cho **dẫn dắt, tốc độ và sự chuẩn xác** là những tiêu chí hàng đầu của FedEx.*

> *Theo quan điểm của Đạt, ở Logotype của FedEx **tín hiệu nhận diện** mạnh mẽ nhất, giúp người tiếp cận ghi nhớ là nhờ vào tên gọi độc đáo, màu sắc tương phản ở phần giao nhau giữa chữ d và E, còn hình ảnh mũi tên ở không gian trống, không thật sự nổi bật hoặc không dễ dàng nhận ra nếu không được đề cập đến.*

Thông qua cách nhìn nhận mang tính cá nhân này của Đạt về thiết kế Biểu Trưng dạng chữ (Logotype), mong rằng sẽ đem đến các thông tin hữu ích, cho việc định hướng và cải thiện thiết kế đến các bạn đọc.

Đạt Đỗ.

Những yếu tố cơ bản quyết định tính nhận diện ở Logotype - Đạt Đỗ.

Hello! Thank you for visiting, and I hope we have the opportunity to collaborate and work together.

Graphic Designer

Design Thinking

Book Reviews

Logo Design

Skill Sharing

Logo of the month (July 2015)

Share My View

A non-profit art project with the hope of inspiring a new perspective on Vietnamese Hat Boi art.

[VeVeHatBoi](https://www.facebook.com/vevehatboi)

Vẽ Về Hát Bội

The project includes approximately 100 works by 88 artists, covering art fields such as illustration, graphic design, fiction, poetry, and sculpture.

[NayMamExhibition](https://www.facebook.com/NayMamExhibition)

Nảy Mầm

Đạt Đỗ và bộ chữ Việt

Nét chữ và tà áo

Tết-Ta: Cách Gen Z biến Tết thành “phòng triển lãm” nghệ thuật truyền thống

Check Out This Unique Take On The Lucky Red Envelope for The New Year"

Vietnam's Buddhist Temples, Now in Typographical Form

Ngũ Hành – Một bộ thiết kế đầy cảm hứng từ Đỗ Trọng Đạt

This collection showcases logo designs, with each design representing a unique story and design experience.

Logo & Brand Identity Design Archive

Delivering natural beauty care products, offering safe and effective beauty solutions derived from nature.

Scope of Work: Logo; Brand Sign.

[www.cocoonvietnam.com](http://www.cocoonvietnam.com)

the Cocoon Vietnam

Specializing in high-quality coffee products, blending traditional and modern flavors that reflect the essence of Vietnam.

Scope of Work: Logo; Brand Sign.

[www.phela.vn](http://www.phela.vn)

Phê La

Providing travel SIM cards and integrated services with travel information, enhancing the convenience for international tourists visiting Vietnam and Vietnamese tourists traveling abroad.

Scope of Work: Logo; Brand Sign.

[www.way2go.vn](http://www.way2go.vn)

Way2Go

This brand operates a luxury hotel and apartment service in Ho Chi Minh City, offering a unique blend of high-end accommodations and home-like amenities for both short and long stays. With a focus on comfort and sophisticated design, it caters to guests looking for a premium living experience in the heart of the city.

Scope of Work: Logo; Brand Sign; Brand Guideline; Visual Identity; Corporate Identity Program; Social Template.

[www.thebachsuites.com](https://www.thebachsuites.com/)

Bach Suite

A professional video production team based in Ho Chi Minh City, specializing in high-quality, fast, and creative video solutions with a client-centric approach.

Scope of Work: Logo; Brand Sign; Brand Guideline; Visual Identity; Corporate Identity Program; Social Template.

[www.qvproduction.com](http://www.qvproduction.com)

QV Production

Specializing in handcrafted leather products, using high-quality materials to create durable and fashionable items, with an optimized and efficient production process.

Scope of Work: Logo; Brand Sign.

[www.vuong.com.vn](https://vuong.com.vn/)

Vuông Store

The brand specializes in offering luxury event spaces and services, providing elegant venues for weddings, corporate events, conferences, and other special occasions, with customized catering and professional event management​.

Scope of Work: Logo; Brand Sign; Brand Guideline; Visual Identity; Corporate Identity Program.

[www.forevermark.vn](https://forevermark.vn/)

ForeverMark

Specializing in the distribution of high-quality bearings, transmission belts, lubricants, and industrial materials, this company serves industries such as mining, construction, and manufacturing, offering reliable solutions and importing products from trusted global manufacturers.

Scope of Work: Logo; Brand Sign.

[www.haiduc.com.vn](http://haiduc.com.vn/)

Hải Đức Group

Community-driven platform promoting travel, cultural connections, and shared experiences in Vietnam.

Scope of Work: Logo; Brand Sign.

[www.vietnamisawesome.com](https://vietnamisawesome.com/)

Vietnam Is Awesome

A coffee and cocktail bar offering a cozy, retro-inspired space where customers can enjoy both energizing coffee during the day and delightful cocktails in the evening, providing a perfect atmosphere for relaxation and socializing​.

Scope of Work: Logo; Brand Sign; Brand Guideline; Visual Identity; Corporate Identity Program; Social Template.

[Manfolk](https://www.facebook.com/Manfolkvn/)

Manfolk

This brand specializes in film production, creating visual experiences through the production, direction, filming, and editing of content for artists, brands, and events worldwide​.

Scope of Work: Logo; Brand Sign.

[www.aspect.tv](https://aspect.tv/)

Aspect

Bringing premium interior design and construction services to living and working spaces, from apartments and townhouses to offices, restaurants, hotels, and creative venues, with a tailored, end-to-end process and self-management.

Scope of Work: Logo; Brand Sign.

[www.8189.com.vn](https://8189.com.vn/)

8189

Offering a wide range of Japanese brand products, particularly cosmetics and household items, becoming a favorite destination for customers.

Scope of Work: Logo; Brand Sign.

[www.rokuhachimart.com.vn](http://www.rokuhachimart.com.vn)

Rokuhachi Mart

Providing specialized medical solutions, creating smart, convenient, and trustworthy medical centers, always listening to and meeting the needs of patients.

Scope of Work: Logo; Brand Sign; Brand Guideline; Visual Identity; Corporate Identity Program; Social Template.

[www.vlmc.vn](http://vlmc.vn)

Van Lang Medical Center (VLMC)

The brand specializes in producing and retailing high-end fashion accessories, including footwear, handbags, and wallets, designed to combine international trends with practicality and elegance for women​.

Scope of Work: Logo; Brand Sign.

[www.sablanca.vn](https://sablanca.vn/)

Dat Trong Do (Dat Do)

2024