InDesign - 10 cách tư duy layout trang đôi tạp chí - 10 magazine layout solutions with inDesign

Tư duy thiết kế: hướng dẫn cách sử dụng hệ thống lưới 12 cột trong InDesign để thiết kế 10 layout trang đôi trong tạp chí với cùng 1 tư liệu cho trước.
Design thinking: use 12 column grid system to design spread in a magazine with the same content and resources.
01:48 Layout Option 1
04:16 Layout Option 2
06:12 Layout Option 3
08:10 Layout Option 4
10:38 Layout Option 5
13:30 Layout Option 6
15:28 Layout Option 7
16:56 Layout Option 8
18:28 Layout Option 9
20:19 Layout Option 10
Giảng viên: Nguyễn Ngọc Thảo Nguyên.
/ kaorumap
-------------------------------------------------------------------------------------------
Please SUBSCRIBE to my channel for more arts and guides.
Follow me: / kaorumap .
------------------------------------------------------------------
#graphicdesign #indesign #tutorial
© Copyright by kaorumap ☞ Do not Re-up

[@khanh2.0]

Em cảm ơn chị đã chỉ dạy nhiều kiến thức bổ ích ạ!

[@HuongLy20287]

bài hướng dẫn hay quá ạ. cảm ơn chị nhiều

[@PhongVo-wt5ki]

rất cảm ơn chị vì đã chia sẻ ạ

[@songlehoai1361]

Cám ơn chị rất nhiều.

[@minhkietle8092]

Video tuyệt vời quá, cảm ơn cô nhiều

[@phamthangaudio]

Hà Nội - Việt Nam - 31.01.24: Mình rất thích cách bạn mô tả về tư duy làm thiết kế - ''làm thiết kế không chỉ là làm cho thật đẹp, mà còn phải lưu tấm nhiều đến sự trông đợi của người dùng khi trải nghiệm trên thiết kế đấy". Cảm ơn bạn đã chia sẻ kiến thức

[@milosftu]

Cảm ơn chị nhiều về tất cả các video trên kênh của chị, ngắn gon, dễ thao tác và cho người xem hiểu tư duy khi bắt tay vào làm ❤ Chúc chị nhiều sức khỏe và mong chị tiếp tục thêm các video tutorial nữa.

[@mrtrinam3379]

Chúc chị nhiều sức khoẻ và sẽ cho ra nhiều video hơn nữa ạ, chị giảng rất dễ hiểu, cô đọng, đúng chủ đề và mọi thứ thật " Sạch ". Thanks !

[@tranuc2853]

thật sự quá bổ ích, chúc chị và gia đình nhiều sức khỏe

[@thuyduongtran3893]

Em cám ơn chị về các video rất hay về tư duy, về các công cụ được giới thiệu, về cả cách trình bày video, mạch hướng dẫn... Em thực sự rất rất thích các nội dung trên kênh, mong chị làm thêm nhiều video như thế này hơn nữa.

[@PoemhaikuHK11]

Em cảm ơn chị nhiều lắm ạ. Em mới xem chục video của chị thôi mà vỡ ra được bao kiến thức hữu ích. Mong chị nhiều sức khỏe ạ.

[@suongho926]

Cảm ơn cô 😘

[@XuaninVienna]

Cam on ban rat nhieu vi nhung chia se vo cung bo ich nay a

[@nhungoc7997]

Chị dạy dễ hiểu lắm ạ mong chị ra thêm nhiều video hơnnn

[@kimbangnguyen6099]

Các hình ảnh và font chữ dùng minh hoạ trong clip cũng đẹp bắt mắt quá. Cám ơn Kaorumap. 👍🏼👍🏼

[@kaorumap]

haha, cám ơn anh 2

[@DoanVo258]

quá tuyệt vời, bài hướng dẫn rất chi tiết, dễ hiểu, học được nhiều điều về cách tư duy và kỹ thuật. Mong kênh sẽ có thêm nhiều video hay được update thường xuyên

[@khoitran880]

tuyệt vời quá

[@thihuedinh2842]

Video của bạn hay quá 🎉 rất là thích luôn. Bạn làm video hướng dẫn tạo mock up đi bạn ei 🥰🥰🥰

[@huydoan3273]

đỉnh quá chị ạ

[@Hai-il8bs]

Hay quá chị ơi.

[@kaorumap]

Cảm ơn em!

[@toptiktokvn2353]

tuyệt

[@hungphuoc1768]

Ờ mây zin chị 🤩🤩🤩

[@daolinh108]

cô đỉnh wa

[@Zincute]

Hướng dẫn của chị hay quá , thật sự quá đáng giá luôn ạ. không biết nói sao cảm ơn chị cho hết T_T

[@kaorumap]

Cảm ơn em đã xem nhé! ♥️

[@phungtienadv]

Cảm ơn bạn về kiến thức bổ ích, tặng bạn 1 sub có thêm động lực nhé

[@maitran-kj4qu]

ước gì các thầy cô cũng dạy em mấy cái này 😃

[@moon170808]

Cám ơn cô, bài giảng quá chất lượng, cô có khóa học online không, mình muốn mua để học, chúc cô luôn gặp nhiều thành công ! Có một câu hỏi về bài giảng số 3 : khi tạo các ô bằng rectange frame tool, làm sao để thay đổi khoảng cách giữa các ô theo ý mình đc vậy cô, các khoảng cách này quá lớn, mình muốn các khoảng cách này nhỏ hơn thì phải làm sao vậy cô ??? cám ơn cô !

[@user-ym7ci4en4p]

16:19 Chị chỉ em làm sao dùng cái pentool đó tạo hiệu ứng chữ nằm ẩn sau vật sau đi chị. Em cảm ơn.

[@hoanglongcao8969]

mình rất thích những video như thế này, thích hợp cho những bạn đang cần tìm ý tưởng, nhạc video rất hay, làm sao để tìm những video tương tự như này nhỉ

[@kaorumap]

Mình cũng không rõ, video này mình làm nên không biết có ai làm tương tự không, hi vọng mình có thời gian làm thêm video tương tự để chia sẻ với mọi người

[@MrRomTV-uo8hv]

bạn hướng dẫn chỗ 16p 16' đc ko ạ mình ko biết cách làm ạ

[@symbar-gardendecor.3581]

chị làm cái phần bố trí thiết kế lên mockup nữa đi chị. hướng dẫn của chị rất hay và chuyên nghiệp ạ. chị chỉ e vs a. e cám ơn chị nhé.

[@symbar-gardendecor.3581]

hihi em mới tìm trang của chị e thấy rồi ạ. em cám ơn chị nhé.

[@tienhoang8866]

Chị cho em hỏi, ở giây thứ 3;55 là chị làm ntn để giản khoảng cách dòng sau khi chị dùng phim cách vậy. E xem thấy chị tạo 1 khoảng trắng giữa 2 dòng rồi điều chỉnh lại khoảng cách để tạo khoảng cách theo ý muốn bằng điều chỉnh lại thông số leading mà e làm lại không được ạ? em cảm ơn

[@violet3543]

Tuyệt quá ạ 😍😍😍 Cho em hỏi bộ icon tải ở đâu với ạ? Em cảm ơn!

[@kaorumap]

Chị mua khá nhiều bộ icon để dành dùng khi cần từ depositphotos.com nha em, chỉ khoảng 1usd/ảnh hoặc bộ hình vector thôi 😊

[@LinhNguyen-ck5yd]

Chị có thể làm 1 quyển tạp chỉ,chủ đề gì , bố cục vừa đẹp lại vừa sáng tạo được không ạ.Rất mong được chị làm.Em xin cảm ơn

[@kaorumap]

1 quyển tạp chí chị làm mất cả tuần, mỗi ngày làm khoảng 8 tiếng, chị thu lại thì dài quá sao coi nổi em :)))

[@lucchung4266]

chị ơi, caí mục của e nó chiếm tận 4 trang thì nên để 2 tờ đôi bố cục giống nhau hay phải thay đổi ạ

[@dungnguyen01]

10:09 bạn xử lý hình như thế nào vậy ạ

[@user-sm1li1ub4e]

chị ơi cho em hỏi vs đc ko ạ ?? chị làm s để bỏ cái hình vô cuốn sách vậy ạ

[@levantruong9143]

1 body tex thì tối thiểu phải có 6 chữ 1 dòng chứ chị, nếu ít hơn sẽ làm cho người đọc cụt ngủn không thành đoạn văn. Trong video em thấy nhiều đoạn như thế !

[@kaorumap]

nếu toàn bộ text trong cả cuốn làm cụt ngủn hết thì không ổn nhưng vài chỗ để nhấn nhá thông tin thì không sao cả em nhé

[@KietAnh-tu1wd]

mấy icon mình tải ở đâu v ạ?

[@quanglam7388]

Cám ơn chị rất nhiều. Chị có thể cho em hỏi thêm về margin mà chị chừa để layout trang không ạ? Em thấy margin chừa rất ok. Có bí quyết nào có thể chia sẻ thêm được không chị?

[@kaorumap]

Có thời gian chị sẽ làm video lý thuyết về guide và grid nha em

[@quanglam7388]

@@kaorumap em cám ơn chị. Mong chờ video của chị về chủ đề đó.

[@SHACTPHCM]

phong cách nước ngoài quá đẹp, mình có nhận thiết kế ko bạn

[@kaorumap]

Mình vẫn thỉnh thoảng nhận thiết kế freelance khi thời gian cho phép, bạn có thể email brief thiết kế cho mình, mình sẽ phản hồi lại nhé: [e-mail]

[@DucTran-mz2mh]

cho e hỏi làm cách nào để tạo được cái mẫu thực tế ở trên quyển sách vậy ạ. Em cảm ơn ạ

[@kaorumap]

Chị đã làm video hướng dẫn ở đây nhé em kzbin.info/www/bejne/f2mrZ2p-qJhkeMk

[@kanquocthanh90]

cảm ơn chị thật nhiều nha,, ah chị cho em. hỏi là chỗ layout 6 ,,, khúc cắt chữ single và travel làm sao cho nó xuất hiện dưới lớp đồi dc như chị vậy,, em cảm ơn chị nhiều nha.

[@kaorumap]

Em xem lại bài 3 "Làm việc với hình ảnh" nha, thao tác của chị là chị giảm opacity chữ xuống để nhìn thấy phần đồi bên dưới chữ, sau đó dùng pen tool vẽ theo shape của phần đồi sẽ che lên chữ. Cuối cùng chị chọn ảnh background, bấm cmd C để copy, sau đó chọn shape đồi vừa vẽ bấm cmd alt V để dán hình đồi vào đúng shape đồi vừa vẽ. Sau khi có đồi rồi thì tăng opacity chữ lại 100% như cũ là xong!

[@kanquocthanh90]

@@kaorumap em cam on chi nhieu nha , :)

[@chubuiduc8746]

Chị oi? Cho em hỏi sử dụng phần mềm nào để công thức không bị lỗi trên indesign ah. Cám ơn chị nhiều.

[@kaorumap]

Mình thấy có MathType đó bạn, có điều mình chưa bao giờ cần nhập công thức toán trong inDesign nên chưa từng thử qua.

[@daochi689]

Chị Nguyên ơi, muốn dùng Icon là mình dùng icon của AI hả c? c có nguồn icon nào free hay dùng ko c

[@kaorumap]

icon phải mua hoặc vẽ (set icon mình mở bên illustrator là mình đã mua từ trước trên shutterstock), cũng có số source icon free thì nó sẽ rất cơ bản hoặc hơi xấu

[@MinhNguyen-iz7mp]

e cảm ơn c nhiều ạ. Nhưng chị có thể cho e hỏi thêm về layout: có phải các layout nhất thiết phải có cả title và intro và body ko ạ? Mong chị giải đáp 😄

[@kaorumap]

Phần này tùy theo nội dung khách hàng đưa cho em ra sao thôi, designer chỉ giải quyết thiết kế dựa trên nội dung có sẵn chứ không sáng tác nội dung

[@truongtrankientrucfgwct6303]

cảm ơn chị rất nhiều. chị có thể cho em hỏi làm thế nào để cắt được những icon ở layout option 5 được không ạ?

[@kaorumap]

Icon là file vector sẵn rồi, chị chỉ copy từ illustrator rồi paste vào indesign thôi em, đâu có cắt gì

[@truongtrankientrucfgwct6303]

@@kaorumap dạ em cảm ơn ạ

[@leduc7164]

chị ơi... chị có thể bật mí salary trung bình của một Designer tạp chí đã có kinh nghiệm về dàn trang trên 02 năm thì tâm bao nhiêu nhỉ... em muốn xin vào elle hay kilala quá ạ

[@kaorumap]

Kinh nghiệm tầm 2 năm nhưng cũng tùy độ giỏi nữa em, chị nghĩ khoảng từ 15-20 triệu/tháng nếu làm cho tạp chí phát hành hàng tháng (100-150 trang)

[@NhanNguyen-fy4lq]

cho em hỏi ở giải pháp t7 làm sao để làm đồi núi nằm trên chữ v cô?

[@kaorumap]

Chị có hướng dẫn chi tiết trong video này nhé, chỗ làm chữ khuất sau con mèo kzbin.info/www/bejne/ioqwiXmLiapqd8k

[@littletok]

cho em hỏi làm thế nào để có bộ icon có outline có thể tùy chỉnh màu sắc được ạ, cô có thể giới thiệu một số nguồn download các icon đẹp được k ạ. Em cảm ơn cô ạ

[@kaorumap]

em có thể tự vẽ hoặc mua hoặc download các bộ icon này về, mở trên adobe illustrator rồi chọn icon cần dùng, copy (bấm ctrl C) rồi sang inDesign paste xuống (Ctrl V) và chỉnh màu thoải mái thôi em. Icon có thể mua hoặc download từ shutterstock, freepik, freeicons.io, www.flaticon.com...

[@littletok]

@@kaorumap cảm ơn cô ạ, em dùng Pts paste sang indesign thì nó lại nhận là 1 tệp ảnh. Để em thử với illus xem sao ạ

[@kaorumap]

@@littletok photoshop không phải là phần mềm để vẽ vector em ơi, đừng xài lộn xộn như vậy

[@littletok]

@@kaorumap vâng cô, e hiểu r ạ, cảm ơn cô nhiều ạ

[@the2000design]

Chị ơi cho e hỏi dạng bài báo e-magazine, megastory, người ta thiết kế thành một dàn trang dài luôn đúng k ạ. Hay người ta cũng tách ra thành nhiều trang ạ

[@kaorumap]

tách thành nhiều trang hay để 1 trang dài là tùy theo ý tưởng thiết kế nhé, vì nếu không in ra thì hoàn toàn có thể để 1 trang dài rồi scroll lên xem

[@the2000design]

@@kaorumap dạ vâng ạ. Em cám ơn chị 😊

[@thuongnguyen-gg8qg]

Chị ơi chị có thể giới thiệu một vài font đẹp để làm title k ạ? Có tiếng việt càng tốt ạ.

[@kaorumap]

Chị sẽ chia sẻ cách chị cập nhật kiến thức về font chữ và tư duy khi chọn font trong video sắp tới. Em đón xem nhé!

[@thuongnguyen-gg8qg]

@@kaorumap dạ e cảm ơn chị.

[@tuananhib]

chị ơi cho e hỏi là tư liệu chữ để mình layout có thể được lấy ở đâu không ạ?

[@kaorumap]

Khi đi làm thì phần tư liệu chữ (kể cả hình) là khách hàng đưa cho em rồi, còn nếu em muốn tự làm nhằm mục đích học/luyện tập thì các trang báo, tin tức online đều có rất nhiều bài viết/chữ để mình có thể layout thử

[@damquangvinhfplhn5670]

Cô chia Margins với Columns tỉ lệ như nào đấy ạ.

[@kaorumap]

Chào bạn, thật ra không có quy định gì về tỉ lệ giữa margin và column hết bạn nhé, margin to hay nhỏ là tuỳ designer muốn cái mood của thiết kế mình thoáng hay không, thường thì chừa lề (margin) nhiều nhìn thiết kế sẽ thoáng hơn. Số lượng column cũng tuỳ theo ý đồ thiết kế của bạn, ở đây mình làm khá nhiều column nhỏ vì mình muốn demo cách biến hoá layout với số lượng cột này. Về phần grid và column mình sẽ có 1 playlist giảng giải thêm sau khi hoàn thành những video mà mình đang làm. Cảm ơn bạn.

[@PhamThuHongPH]

Em muốn hỏi phần Master chị ơi em cho ảnh full thì che mất số trang và chỉnh màu trắng số trang vào những chỗ trang full kiểu gì v ạ

[@kaorumap]

chị có hướng dẫn vấn đề này ở video này kzbin.info/www/bejne/m4amdoKwg9iKjpo phút 5:05 nhé em

[@dmh7489]

em dùng gradien để mờ ảnh sao ko dùng được vậy cô

[@kaorumap]

Mình không nhìn thấy thao tác của bạn nên không giải đáp được

[@thuannguyenofficial]

Cô ơi làm thế nào để mình chuyển text ra phía sau núi thế ạ?

[@kaorumap]

Mình có hướng dẫn chi tiết cách làm hình che 1 phần chữ như vậy ở phút 06:05 của video này kzbin.info/www/bejne/ioqwiXmLiapqd8k

[@thuannguyenofficial]

@@kaorumap Xem xong video hướng dẫn của cô em đã làm đc rồi ạ, em cảm ơn cô nhiều ^^

[@huydngoc9548]

cô ơi cô cho em hỏi, em muốn làm một cái ảnh trông như kiểu sản phẩm của mình khi đc in ra sách (giống cô ở đoạn 4:10) thì p làm sao ạ?

[@kaorumap]

Mình có làm video hướng dẫn cách làm mockup trên photoshop. Bạn xem ở đây nhé kzbin.info/www/bejne/f2mrZ2p-qJhkeMk

[@huydngoc9548]

@@kaorumap em cảm ơn cô nhìu ạ

[@tungthanh2692]

chị ơi quyển sách chị cho trang hiện lên kia làm thế nào vậy ạ

[@kaorumap]

cái này là làm mockup trong photoshop, chị sẽ làm 1 video hướng dẫn làm mockup trong tuần này, em đón xem nhé :)

[@kaorumap]

chị đã làm video hướng dẫn làm mấy quyển sách em hỏi ở đây nhé kzbin.info/www/bejne/f2mrZ2p-qJhkeMk

[@tranduc8815]

Cô có dạy offline ko cô

[@kaorumap]

Hiện tại thì cô không có dạy offline vì dịch và sinh viên đang nghỉ hè, trong năm học thì cô có dạy ở khoa Đồ hoạ trường Đại học Kiến Trúc em

[@BuiNhatTuanPH]

chị cho em hỏi cách để làm chữ ra sau núi kia làm như hế nào ạ, em xin trân trọng cám ơn

[@kaorumap]

Chị giảm opacity của chữ xuống để nhìn thấy hình núi phía sau chữ, dùng pen tool vẽ theo shape núi phía sau, sau đó chọn hình background, bấm cmd C, rồi chọn vào shape núi vừa vẽ và bấm Cmd Alt V, sau đó chỉnh opacity của chữ về 100% như ban đầu, thao tác này chị có giảng trong "Indesign bài 3 - làm việc với hình ảnh" và có lặp lại trong "Indesign bài 5 - xuất file" nữa em nhé

[@BuiNhatTuanPH]

@@kaorumap dạ em cám ơn chị nhiều ạ

[@kaorumap]

@@BuiNhatTuanPH không có chi em ơi, chúc em học tốt!

[@BuiNhatTuanPH]

@@kaorumap chị ơi chị có thể cho em xin file ảnh cái anh đi xe đạp không ạ, e tìm mà kh thấy :

[@kaorumap]

@@BuiNhatTuanPH file đây nha em www.dropbox.com/s/27a1rrhsa8m7qbj/pexels-pixabay-258045.jpg?dl=0

[@lethinga4271]

e muốn tìm cái ảnh giống như chị , nhưng không thấy ạ, chị còn giữ k ạ ?

[@kaorumap]

Lâu quá rồi nên chị không còn giữ, em thực hành bằng ảnh khác tạm vậy 🥹

[@thuthuytran195]

Cô ơi cô cho e hỏi với ạ , e muốn làm 1 quyển tạp chí nhưng chưa có nội dung thì nên tham khảo ở đâu vậy ạ

[@kaorumap]

Nếu là tạp chí thật thì nội dung phải tự viết hoặc thuê người viết. Tạp chí làm đồ án, bài tập ở trường thì em tham khảo trên những trang báo mạng, tạp chí cùng đề tài thôi. Ví dụ làm tạp chí du lịch thì search thử travel magazine.

[@thuthuytran195]

@@kaorumap dạ e cảm ơn cô ạ

[@linhnguyn1152]

kinh khủng quá ạ 😢 nhưng đến lúc lựa chọn giải pháp nào tốt nhất thì lựa chọn như thế nào vậy ạ ?

[@kaorumap]

Video này mình làm để hướng dẫn cách sử dụng grid để hỗ trợ cho việc nghĩ ra nhiều giải pháp layout, còn lựa chọn là tùy thẩm mỹ của mỗi người thôi bạn

[@phuongngoc6798]

cô cho em hỏi chia lưới theo cột vậy có nhất thiết phải theo luôn hàng ko cô

[@kaorumap]

Hàng thì canh theo baseline grid nhé, phần này mình có nói ở bài hướng dẫn về baseline grid

[@88travel15]

mình xin bộ mockup trong bài với bạn ơi :D

[@kaorumap]

Ở cuối video mình có ghi credit cho mockup mình đã dùng trong video này, bạn google search theo tên đó cùng với chữ magazine mockup là ra

[@benrolangthang]

2:37 làm sao để có thể hiển thị chia nhanh được các cột nhỏ hàng dọc để layout ạ?

[@kaorumap]

Mình bấm phím W để mở/tắt các đường guide

[@benrolangthang]

@@kaorumap ở 10:03 Em chọn công cụ Gradient Feather Tool để làm mờ dần phía trên hình qua màu trắng background để chèn text như hiệu ứng không được như cô, xin hướng dẫn thêm ạ. Em cảm ơn.

[@LinhNguyen-ck5yd]

16:16 làm sao để cái chữ nó ra phía sau ngọn núi được vậy ạ, chọn tốc độ 0,25 rồi mà vẫn nhanh quá em nhìn không kịp -.- !!

[@kaorumap]

Chị giảm opacity của chữ xuống để nhìn thấy hình núi phía sau chữ, dùng pen tool vẽ theo shape núi phía sau, sau đó chọn hình background, bấm cmd C, rồi chọn vào shape núi vừa vẽ và bấm Cmd Alt V, sau đó chỉnh opacity của chữ về 100% như ban đầu, thao tác này chị có giảng trong "Indesign bài 3 - làm việc với hình ảnh" và có lặp lại trong "Indesign bài 5 - xuất file" nữa em nhé

[@kaorumap]

do bài này chị giảng về cách tư duy sắp xếp bố cục nên không có đi sâu vào thao tác, thao tác chị đã nói qua ở những bài trước rồi em nhé

[@LinhNguyen-ck5yd]

@@kaorumap Dạ vâng ạ,em cảm ơn chị

[@buingo2149]

Grid đó bạn tạo ntn vậy nhỉ???

[@kaorumap]

Bạn xem video indesign bài 1 của mình để biết cách tạo grid nha

[@khiemtran4844]

Mình ko tìm thấy bài 6 và bài 9. Mà lại có bài 10 bạn ơi?

[@kaorumap]

Mình bị nhầm trong lúc sắp xếp playlist đó bạn, bài này ban đầu là Bài 6 - 10 cách layout nhưng vì nó nghiêng về tư duy thiết kế nên mình bỏ chữ "bài 6" đi và xếp vào playlist tư duy, chứ không phải là bài 10 đâu ạ

[@nhoctapnhay1992]

Mình làm tk chục năm trời, đôi khi có những khách hàng họ dị lắm, dàn trang theo bố cục họ lại ko thích. đành chiều ý thôi :((

[@kaorumap]

mình hướng dẫn để mọi người biết làm thôi bạn, còn khách hàng có duyệt hay không làm sao mà mình quản được haha

[@nhoctapnhay1992]

@@kaorumap chị chia sẻ những kinh nghiệm khi làm việc với khách hàng đi

[@vlinh1330]

Cho em xin kích thước của giấy ạ

[@kaorumap]

Mình làm video này lâu rồi nên không nhớ chính xác nhưng khoảng gần bằng A4 (đâu đó cỡ 21cm x 29cm)

[@vlinh1330]

@@kaorumap dạ em cảm ơn nhiều ạ

[@sunnguyen3775]

cái thứ 7 mình coi mãi mà không hiểu gì cả buồn thật sự 😅😅🥲🥲