1 / 40

BỐ CỤC & MÀU SẮC TRONG THIẾT KẾ

BỐ CỤC & MÀU SẮC TRONG THIẾT KẾ.

Download Presentation

BỐ CỤC & MÀU SẮC TRONG THIẾT KẾ

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. BỐ CỤC & MÀU SẮC TRONG THIẾT KẾ

  2. MàusắctrongthiếtkếMàusắcluôntácđộngđếncuộcsốngcủachúngta. Màusắccóngônngữriêngcủanómàchúngtaphảitựcảmnhận. Màusắccósứcmạnhlàmtâmhồnchúngta rung động.Trongthiếtkế, màusắctạonênsứchút, tâmlývàphongcách. Tấtnhiênkhôngphảilúcnàomàusắccũngđẹp, khôngphảilúcnàomàusắccũnghàihoà. VìvậyNgườitacóthểdùngnghệthuậtphốimàuđểnóilên ý tưởngcủamìnhmàkhôngcầnđếnlờinói .

  3. Vòng tròn màu căn bản có 12 cung chia đều theo hình nan quạt trên diện tích hình tròn, mỗi cung có 8 cấp độ màu đi dần vào tâm vòng tròn từ đậm đến nhạt. 12 cung x 8 cấp độ sẽ tạo ra 106 màu căn bản và được đánh số từ 1 đến 106 đó cũng là kí hiệu khi ta chọn màu . Ví dụ: Số 1 là màu đỏ sậm nhất (C:0 – M:100 – Y:100 – K:45) số 36 là màu vàng tươi (C:0 – M:0 – Y:100 – K:0) số 84 (C:80 – M:100 – Y:0 – K:0) là màu tím rượu nếp than (híc nghe mà…thèm) số 68 (C:100 – M:60 – Y:0 – K:0) là màu xanh nước biển… Vòngtrònmàucănbản (the color wheel)

  4. Bên cạnh thuật ngữ bánh xe màu, bạn cần hiểu thêm về thuật ngữ Tint, Shade và Tone trong màu sắc. Tint là sự phối hợp của màu gốc với màu trắng để tạo thành dải màu sáng hơn. Shade là sự phối hợp của màu gốc với màu đen để tạo thành dải màu tối hơn. Còn Tone là sự phối hợp của màu gốc với cả trắng và đen hay là sự phối hợp giữa màu gốc với màu xám để tạo ra các sắc độ màu khác nhau. Bánh xe màu dưới đây là một ví dụ về bánh xe màu có cả màu gốc, Tint và Shade. 

  5. CáchệmàutrongthiếtkếRGB – Đỏ (Red) Xanhlácây (Green) vàXanhdatrời (Blue). Đâylàhệmàuđượcsửdụngnhiềunhất. Vàcũnglàhệmàucănbảnvàphổbiếnnhấttrongthiếtkế website vàchỉnhsửahìnhảnh. Với 3 màucơbảnnàychúngtacóthểphốithànhhàngtỉmàukhác, tùyvàomụcđíchsửdụng.

  6. CMYK – Hệmàunàychủyếuđược dung trong in ấnsáchbáo, tạpchí, v.v..Làsựphốihợpgiữa Cyan (datrời), Magenta (tím), Yellow (vàng) và black (đen).

  7. Lap – làmộtkhônggianmàuđộclậpvàchỉnhsửamàutronghệcủanólàmộtcôngviệcthúvịvìmộtsựdichuyểnnhẹnhàngtrênkênh a hoặckênh b cũngtạoranhữngthayđổimạnhmẽnhấtvềmàusắc. Lab làhệmàurấtthíchhợptrongchỉnhsửaảnh KTS.

  8. Hệmàu HSB -Hue liênquanđếnmàusắc, Saturation (độthấm qua) xácđịnhsốlượngmàusắcvà Brightness (độchói) liênquanđếnsốlượngánhsángcótrongmàusắc. HSB thườngđượcdùngtrongviệcchỉnhsửaảnhchân dung.

  9. Cácgammàusắc

  10. Màunóng: Màunóngtựmangtrongnósựlôicuốnvàgâychú ý, cótínhphảnchiếucao. Tạonênnhững ý tưởngtươivui, cởimở, kíchđộng, … Nócótácđộngmạnhmẽđếnkhônggiantrongbốcụcchung. Màunónggồm 2 màuchínhlàđỏvàvàngcùngcácmàutươngcậncủachúng

  11. Màulạnh: nhữngmàuchotacảmgiácmátmẻ, vídụnhư: xanh lam, xanhlácây, đen, tím…… Màulạnhlàmchobứchìnhcảmgiáctươitắn, toảsáng, gợicảmgiácmátmẻ, nhẹnhàng. Màulạnhđốilậpvớimàunóng.

  12. Màutươngphản: làsựđốilậpcủamàunóngvàmàulạnh. Tươngphảnvớicáchệthốngcácmàugốc: Xanh = C, Vàng = Y, Đỏ = M, nhờcómàutươngphảnmàbứchìnhđạtđượcsựrựcrỡ.

  13. Màutươngđồng: VớinhữngmàucùngGamnónghoặclạnhcómộtsựtươngquannhấtđịnh, chúngđượcgọilàmàucùng tone, hoặcmàutươngđồng.

  14. BốiCảnhMàuSắcTronglĩnhvựcthiếtkếđồhọa, bạncũngnênhiểucáchthứcmộtmàusắcnàygâyảnhhưởngđếnmàusắckhác. Trongthuậtngữkỹthuật, thuậtngữđượcsửdụnglàbốicảnhmàusắc. Hiểuđượcđiềunàysẽgiúpbạntạophôngnền, tiềncảnhvàhìnhảnhnềnhiệuquảhơn. Vídụ, màuđỏlàtốtnhấtcóthểnhìnthấyđốivớimộtnềnđenhoặctrắng, nhưngđốivớimộtnềnmàuhồnghoặcnâu, màuđỏdườngnhưlàmộtsựlựachọnkosángsuốt.

  15. Bốcụctrongthiếtkế

  16. Bốcụctheokiểu MondrianĐâylàmộttrongnhữngcáchđịnhdạngphổbiếnnhất, tậndụngtheonhữngđườngkẻdàyhoặcvạchkẻnhỏnétmàuđenvànhữngkhốitôđồngmàu, chiabảnvẽthànhnhững ô hìnhchữnhật, ô vuôngngangdọc.CáchvẽnàyđượcđặttheotênhọasỹngườiHàLan Piet Mondrian, đặcbiệtphổbiếnđốivớiviệcdàntrangbáo. Dựatrênsựphốihợptinhtếgiữa ô khốivàmàusắc, Mondrian vẫnlàmộttrongnhữngnguyêntắcbốcụclýtưởngnhấthiện nay.

  17. Điểmnổibậttrongcáchđịnhdạngtrangbốcụcnàylàchữ. Mộtmụcquảngcáođầychữ, trầmlặng, cóvẻnhưnặngnềnhưnglạirấtnổibật. Bốcụcthiênvềchữ

  18. Bốcụckiểu “cửasổlớn” Cáchtrìnhbàynàyđặcbiệtthíchhợpvớicáctạpchí do chútrọngtớiưuthếvềhìnhảnh. Lợiđiểmcủabốcụckiểu “cửasổlớn” làphầnhìnhảnhvàphầnlờikhôngtrùnglênnhau. Khôngcóvấnđề “nghệthuậtvịnghệthuật” ở đâymàchỉcókhônggianrộnglớnchophầnhìnhvàchọnlọcchặtchẽphầnlờiđểcóthểtrìnhbàyđủtrongphầnkhônggiannhỏcònthừalại. Cácnhàthiếtkếthườngtrìnhbàyhìnhngaysátlềvàloạibỏtốiđanhữngphầnkhôngcầnthiếtnhằmtạoấntượnglớnchongườixem. Phíadướihìnhlàhàngtiêuđềcanhgiữa, phầnlờicóthểđượctrìnhbàydướidạnghai hay bacột.

  19. BốcụckiểupanoThôngthường, cácnhàthiếtkế dung các ô panocùngcỡvàápdụnghiệuquảngắtâmđểdẫndắtngườiđọcđọchếtnội dung quảngcáo. Tạosựkhácnhauvềtỷlệbằngcáchtạocáckhối ô nội dung lớnhơnnhững ô đóngkhungtiêuđề, chúgiảivàchữký.Các ô panonàycóthểápdụngđểtrìnhbàymộtcâuchuyệnhoặcđơngiảnđểtrìnhbàymộtloạtsảnphẩmnhưkiểubàncờ.

  20. BốcụcdạngkhungBốcụcdạngkhungthườngđượcdùngnhiềutrêncácbáohơnlàtrêntạpchí, giúptáchbiệtmẫuquảngcáokhỏirừngcácmẫuquảngcáokhác. Theo dạngnày, cácnhàthiếtkếthườngđóngkhungphầntrìnhbàybằngnhữngđườngviền, đôikhilànhữngđườngvẽmỹthuậtvàdùngnhữngkhoảngtrống ở giữachonhữngtiêuđềvàlờiquảngcáo.Mộttrongnhữngbiếnthểdạngkhunglàdànhphầnlớnphạm vi chophépđểtrìnhbàyhìnhảnh, phầntrốngcònlạidànhchophầntiêuđềvàlờiquảngcáo. Mộtbiếnthểkháclàdànhtoànbộphạm vi chophéptrìnhbàyphầnhìnhảnh, phầnchữthườngđược in đentrênphầnhìnhmàunhạthoặc in trắngtrênnềnhìnhmàuđậm.

  21. Bốcụckiểuchữlớn Sửdụngkiểuchữtrongthiếtkếlà 1 nghệthuật. Bốcụcdùngkiểuchữlớnsẽtạoấntượngbởicáchkếthợphoànhảocáckiểuchữvớinhaubằngcácđườngnétbiếntấucủakiểuchữ . Cáckiểuchữcóthểchạysátnhau,khôngcầnkhoảngcáchdònghoặcchồng 1 phầnlênnhau hay chắpváphatrộnđểchora 1 mẫuthiếtkếấntượng

  22. CảmhứngtừcácbảngchữcáiVẻđẹpcủacácchữcái do cácnhàthiếtkếtạoranhiềuthếkỷtrướcđãtạonguồncảmhứngmớichocácnhàthiếtkế . Nhữnghìnhdạngcơbảncủacácchữcái, cảchữ in vàchữthườngđềucóthểsửdụngnhưnhữngmẫucơbảnđểsắpxếpcác chi tiếtcủamộtquảngcáo.Mộtmẫuthiếtkếtheohìnhdạngmộtchữcáibấtkỳtrongbảngchữcái hay một con sốnàođóthườngrấtchặtchẽvềtínhđồngnhấtvàdễxem. Đólàhaiyếutốquantrọngnhấttrongthiếtkế, tuynhiêncácnhàthiếtkếnêntránhcáchbốtríquárõràngtheohìnhdạngcủamộtchữcáimàchỉnêndùngnónhưmộtgợi ý.

  23. BốcụchìnhbóngBốcụchìnhbóngđượctạoratừcáchìnhthùđộcnhấtcủathiếtkếquảngcáo. Hìnhbóngcàngkhôngtheomộtquycáchcàngtốt. tacóthểxemxétnghệthuậtcắtchân dung bằnggiấytrướcđâyđểthấyđượctínhưuviệtcủacáchìnhbóngkhôngtheoquycách so vớihìnhbóngđúngquycách.Nghệnhânluôndùngkéocắttheohìnhnghiêng, chứkhôngtheomặtchínhdiện. Nếukhông, khóaicóthểnhậndiệnđượcbứcchân dung, cácchân dung sẽgiốngnhauvìđườngnétcủakhuônmặtchínhdiệnkhôngthuhútngườixembằngđượcnétvẽkhuônmặtnhìnnghiêng. Bốcụchìnhbóngchínhlàcáchtrìnhbàytheohướngnhìnnghiêng.

  24. BốcụcdạngsốngđộngBốcụcthuộcdạngsốngđộnglàbốcụckhôngthuộcmộttrìnhtựmẫusẵncónào. Vớinhữnghìnhkhốiđảolộn, nhữngkiểuchữquácỡ, hìnhtrangtríkiểumặttrờitỏasáng, độnghiêngvànhữngthủthuậttinhtế.Nólàmchongườixemphảidừnglại, suyngẫmvàchínhtrongquátrìnhtìmhiểusựkhácthườngnày, ngườixemsẽnhớmẫuquảngcáođóhơn.Bíquyếtthànhcôngcủamộtbốcụcsốngđộngnằm ở sựtrungthànhcủanhàthiếtkếđốivớinhữngnguyêntắcthiếtkếcơbản. Các chi tiếtcủamẫuquảngcáođượcsắpxếptheotừngđơnvị, cácđơnvịnàylạiđượcsắpxếpthànhmẫuthốngnhất.Khicónhiều chi tiếtcùngkíchthước, cácnhàthiếtkếcóthểđạtđượcmộttỷlệvừa ý bằngcáchkếthợpmộtsốphầnđểcómộtđơnvịlớnhơnnhằmtạonênsựtươngphảnvớicácđơnvịkháctrongcùngmẫuquảngcáo.

  25. Bốcụccâuđốbằngtranh Câuđốbằngtranhlàloạicâuđốcócáchìnhvẽthểhiệntừngữhoặcâmtiết. Câuđốbằngtranhcảitiếnlàloạicâuđốtrongđóhìnhảnhmộttừhoặcmộtcụmtừkhôngđượcviếtramàđượcthểhiệnbằngmộthìnhvẽ. Cácnhàquảngcáokhôngthểhiệnmẫuquảngcáodướidạngcâuđốvìtínhrõràngrấtquantrọng, nhưngcóthểthổiphồnglờiquảngcáobằngcáchchènthêmmộtloạthình minh họa.  Trongmộtsốtrườnghợp, “lờiquảngcáo” khônggìkhácngoàimộtloạthìnhảnh.

  26. Mộtsốmẹobốcục hay. Đặtđườngkẻ Chínhbởivìsựtácđộngthịgiáccủamộtyếutốcóthểđượcnânglênbằngcáchbiếnđổicácsốđogiữanóvàcácyếutốkhác, tươngtựnhưvậysựtácđộngcủaviệcsắpđặtmộtđườngkẻcũngcóthểđượctăngcườngthông qua khoảngcáchbấtđồngđều.

  27. Chânlýnàycũngđượcápdụngchocáchsắpđặtnhữngđườngkẻdọctrongmộtthiếtkếnàođó. Cáchsắpđặtlệchtâm, tạoramộtsựphânchiathậtdễchịugiữahìnhảnhvàvănbản. Khiđườngkẻdọcđượcđịnhvịngaychínhgiữatấm card theochiềudọcthìsẽtạocảmgiáckhóchịu & dườngnhưnótiếnhànhmộtcuộcđôi co chẳngthoảimáichútnàogiữahìnhảnhvàvăn

  28. Tuchỉnhkhoảngcáchsôiđộng.Nhữngvướngmắc:

  29. 1. Chiềucaocủaphầnchữnàytrùngkhoảngkhônggianphíatrênnó. Hậuquảlàmộtcảmgiáctĩnhtạimâuthuẫnvớithôngđiệpcủatácphẩm. 2. Chiếcxehơiđượcđịnhvịmộtcáchđềuđặnchínhgiữaphầntêntácgiảvàphầntựađềcủacuốnsáchvàtìnhhuốngcủanókhôngchắcchắncholắm. Nóđangrơi hay đanggiữnguyêntrạngtháivữngchắc? 3. Phầntựađềcuốnsáchcũngđượcđịnhvịmộtcáchđầytĩnhtại. Nóhiệndiệnđểđượccânbằngmộtcách an toàngiữachiếcxehơiphíatrênvàkhuônmặt ở phíadưới. Mộtxácxehơi, lộntùngphèovàrơithẳngvềphíamộtkhuônmặtđầyhoảngsợ; mộtbầutrờiđầychấtKhảihuyền (ngàytậnthế); nhữngmũitênhướngxuốngchengiữanhữngkýtựcủatựađềsách: mỗicáitrongnhữngyếutốthịgiácnàycộnghưởngvớithôngđiệpcủatựađềsáchvànhấnmạnhnhữngchủđềvềsựcăngthẳngvàsựphánxétđangtreolơlửngtrênđầu.mốitươngquankhônggiangiữanhữngyếutốnàycũngcầnphảiđượccânnhắcmộtcáchkỹlưỡng; chúngsẽhoặchỗtrợhoặclàmgiảmđisựrõràngvàsựảnhhưởngcủachủđềchính.

  30. Giảipháp:1. Kéotêntácgiảlênmộtchútđểnógắnbóvớikhungviềnvàđồngthờichochiếcxehơimộtcảmgiác “trôinổitự do” hơn. 2. Hạthấptựađềxuốngsẽđặtnóvàomộtvịtríthúvịhơnvềmặtthẩmmỹ, kếtnốithôngđiệpcủanómộtcáchtrựctiếphơnnữađếnkhuônmặtngườiphíadướivàlàmtăngsựxácnhậnthấyrõvềchiếcxeđangrơibằngcáchtăngrõrệtchiềucaocủasựrơinày.

  31. Hướngthịgiácphải, trái, lên, xuống. Đốivớichúngta, nhữngngườimàtrongsuốtcuộcđờicủamìnhluônhướngvềthứngônngữ “Tâyphương”, nênđãhọccáchđọctừtrái qua phải. Cólẽvìlý do nàymàchúngtachịuảnhhưởngmạnhmẽđểluônchấpnhậnhướngthịgiáctừtrái sang phảiđồngnghĩavớitiếnlênphíatrướcvànhanhchóng; cònchuyểnđộngtừphải qua tráiđồngnghĩavớithụtlùivàchậmchạp.

  32. Hãy so sánh 2 logo này. Logo ở bêntaytráicódòngchuyểnđộngthịgiáccủahình minh họachọinhauvớichuyểnđộngrõràngcủaphần typography; sựchuyểntảicủachiềuchuyểnđộngvàtốcđộbịlàmsuyyếuđirấtnhiều. Nhữngyếutốtronghìnhảnhbêntayphảihoạtđộngrấtăn ý vớinhauhướngđếnviệcthểhiệnthôngđiệpcủachúng.

  33. Tiêuđềđượcđưaralàthếtrongkhihìnhảnhdườngnhưlạicóvẻtréongoevớithôngđiệpđượctruyềnthông. Hướngchảytừphải qua tráicủachiếcbìnhlạimâuthuẫnvớichuyểnđộngtựnhiêncủakhốivănbản. Ở đây, hìnhảnhđãđượclậtngangvàdòngchuyểnđộngthịgiáccủahìnhảnhvàtiêuđềgiờđâyđãthuậnvớinhau.

  34. Mộtsựkhôngnhấtquánkhác: phầnchữtrongbốcụcnàychảytheomộthướngngượclạichiềuhướngmàchúngtamongđợiđóchínhlàdòngnướcchảytựnhiêntừchiếcbình. Sựđồngthuận: Tấtcảnhữngyếutốdẫnmắtngườixemtheocùngmộthướng.

  35. THE END Cảmơncácbạnđãtheodõibàithuyếttrình

More Related