{"id":528,"date":"2019-11-02T13:09:37","date_gmt":"2019-11-02T06:09:37","guid":{"rendered":"http:\/\/vareno.vn\/?p=528"},"modified":"2019-11-02T13:09:37","modified_gmt":"2019-11-02T06:09:37","slug":"ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke","status":"publish","type":"post","link":"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html","title":{"rendered":"\u201cT\u1ec9 l\u1ec7 v\u00e0ng th\u1ea7n th\u00e1nh\u201d v\u00e0 nh\u1eefng \u1ee9ng d\u1ee5ng tuy\u1ec7t v\u1eddi trong thi\u1ebft k\u1ebf"},"content":{"rendered":"<p><strong>B\u1ea1n c\u00f3 bi\u1ebft \u0111i\u1ec3m chung gi\u1eefa kim t\u1ef1 th\u00e1p Giza, b\u1ee9c ho\u1ea1 Mona Lisa (Da Vinci) v\u1edbi Twitter v\u00e0 Pepsi l\u00e0 g\u00ec kh\u00f4ng?<\/strong><\/p>\n<p><strong>\u0110\u00e1p \u00e1n? Thi\u1ebft k\u1ebf c\u1ee7a ch\u00fang \u0111\u1ec1u s\u1eed d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng.<\/strong><\/p>\n<p>N\u00f3i m\u1ed9t c\u00e1ch \u0111\u01a1n gi\u1ea3n, t\u1ec9 l\u1ec7 v\u00e0ng l\u00e0 m\u1ed9t t\u1ec9 l\u1ec7 to\u00e1n h\u1ecdc. T\u1ec9 l\u1ec7 v\u00e0ng xu\u1ea5t hi\u1ec7n m\u1ed9t c\u00e1ch d\u00e0y \u0111\u1eb7c trong t\u1ef1 nhi\u00ean, v\u00e0 khi \u1ee9ng d\u1ee5ng t\u1ec9 l\u1ec7 n\u00e0y v\u00e0o thi\u1ebft k\u1ebf, n\u00f3 \u0111\u1ea1i di\u1ec7n cho th\u1ea9m m\u1ef9, cho t\u00ednh c\u00e2n \u0111\u1ed1i t\u1ef1 nhi\u00ean c\u1ee7a t\u1ea1o ho\u00e1. Nh\u01b0ng b\u1ea1n c\u00f3 bao gi\u1edd t\u1ef1 h\u1ecfi, t\u1ec9 l\u1ec7 v\u00e0ng th\u1ef1c ch\u1ea5t l\u00e0 g\u00ec, v\u00e0 b\u1ea1n s\u1ebd ph\u1ea3i s\u1eed d\u1ee5ng n\u00f3 ra sao \u0111\u1ec3 ho\u00e0n thi\u1ec7n thi\u1ebft k\u1ebf c\u1ee7a m\u00ecnh?<\/p>\n<ul>\n<li><strong>T\u00ecm hi\u1ec3u v\u1ec1 International Typographic Style<\/strong><\/li>\n<\/ul>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">M\u1ee5c l\u1ee5c n\u1ed9i dung<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69df70c0d61c6\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69df70c0d61c6\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#ti-le-vang-la-gi\" >T\u1ec9 l\u1ec7 v\u00e0ng l\u00e0 g\u00ec?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#5-cach-de-ap-dung-ti-le-vang-vao-thiet-ke-cua-ban\" >5 c\u00e1ch \u0111\u1ec3 \u00e1p d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng v\u00e0o thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#1-bo-cuc-layout-%e2%80%93-thiet-lap-kich-thuoc-voi-ti-le-vang\" >1. B\u1ed1 c\u1ee5c (layout) \u2013 Thi\u1ebft l\u1eadp k\u00edch th\u01b0\u1edbc v\u1edbi T\u1ec9 l\u1ec7 v\u00e0ng<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#4-hinh-anh-%e2%80%93-ti-le-vang-hoac-quy-tac-mot-phan-ba\" >4. H\u00ecnh \u1ea3nh \u2013 T\u1ec9 l\u1ec7 V\u00e0ng (ho\u1eb7c Quy t\u1eafc M\u1ed9t ph\u1ea7n ba)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#5-hinh-thuc-%e2%80%93-nhung-vong-tron-vang\" >5.\u00a0H\u00ecnh th\u1ee9c \u2013 Nh\u1eefng v\u00f2ng tr\u00f2n V\u00e0ng<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/vareno.vn\/en\/ti-le-vang-than-thanh-va-nhung-ung-dung-tuyet-voi-trong-thiet-ke.html\/#toi-luot-cua-ban-roi\" >T\u1edbi l\u01b0\u1ee3t c\u1ee7a b\u1ea1n r\u1ed3i<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"ti-le-vang-la-gi\"><\/span>T\u1ec9 l\u1ec7 v\u00e0ng l\u00e0 g\u00ec?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>T\u1ec9 l\u1ec7 v\u00e0ng (hay c\u00f2n bi\u1ebft d\u01b0\u1edbi nhi\u1ec1u c\u00e1i t\u00ean kh\u00e1c nh\u01b0 T\u1ec9 l\u1ec7 th\u1ea7n th\u00e1nh, k\u00fd t\u1ef1 Phi (\u03c6) trong b\u1ea3ng ch\u1eef c\u00e1i Hy l\u1ea1p, gi\u00e1 tr\u1ecb trung b\u00ecnh, ti\u1ebft di\u1ec7n v\u00e0ng) t\u1ed3n t\u1ea1i khi l\u1ea5y 1 \u0111\u01b0\u1eddng th\u1eb3ng chia l\u00e0m 2 \u0111o\u1ea1n th\u1eb3ng \u2013 \u0111o\u1ea1n th\u1eb3ng d\u00e0i h\u01a1n (a) chia \u0111o\u1ea1n nh\u1ecf h\u01a1n (b) s\u1ebd b\u1eb1ng t\u1ed5ng chi\u1ec3u d\u00e0i 2 \u0111o\u1ea1n (a+b) chia cho a, k\u1ebft qu\u1ea3 s\u1ebd \u0111\u01b0\u1ee3c con s\u1ed1 x\u1ea5p x\u1ec9 1.618.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"lazyloaded aligncenter\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/012.jpg\" srcset=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/012.jpg 1x\" alt=\"01\" width=\"559\" height=\"396\" data-id=\"15891\" data-src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/012.jpg\" data-srcset=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/012.jpg 1x\" data- title=\"\"><\/p>\n<div class=\"spinner\"><\/div>\n<p>Nh\u01b0ng \u0111\u1eebng v\u1ed9i th\u1ea5y m\u1ed9t \u0111\u1ed1ng s\u1ed1 v\u1eady m\u00e0 hoang mang. Trong thi\u1ebft k\u1ebf, t\u1ec9 l\u1ec7 v\u00e0ng h\u01b0\u1edbng \u0111\u1ebfn t\u00ednh th\u1ea9m m\u0129, ki\u1ebfn t\u1ea1o v\u00e0 n\u00e2ng t\u1ea7m c\u00e1i \u0111\u1eb9p th\u00f4ng qua s\u1ef1 h\u00e0i h\u00f2a v\u00e0 c\u00e2n \u0111\u1ed1i. Khi \u0111em v\u00e0o \u00e1p d\u1ee5ng, t\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ea1i di\u1ec7n cho t\u00ednh ngh\u1ec7 thu\u1eadt, l\u00e0 nh\u00e2n t\u1ed1 X \u0111\u00f3ng vai tr\u00f2 ch\u1ee7 ch\u1ed1t, l\u00e0 m\u1ed9t\u00a0<em>je ne sais quoi\u00a0<\/em>\u0111\u00edch th\u1ef1c (ti\u1ebfng Ph\u00e1p \u2013 d\u00f9ng \u0111\u1ec3 \u00e1m ch\u1ec9 m\u1ed9t s\u1ef1 thu h\u00fat, l\u00f4i cu\u1ed1n k\u00ec l\u1ea1).<\/p>\n<p>S\u1ef1 h\u00e0i h\u00f2a, c\u00e2n \u0111\u1ed1i n\u00e0y hi\u1ec7n di\u1ec7n t\u1eeb h\u00e0ng th\u1ebf k\u1ec9 tr\u01b0\u1edbc: t\u1eeb kim t\u1ef1 th\u00e1p Giza t\u1edbi \u0111\u1ec1n Parthenon \u1edf Hi L\u1ea1p; t\u1eeb b\u1ee9c tranh The Creation of Adam\u00a0c\u1ee7a Michelangelo tr\u00ean tr\u1ea7n nh\u00e0 nguy\u1ec7n Sistine \u0111\u1ebfn b\u1ee9c ho\u1ea1 Mona Lisa c\u1ee7a Da Vinci; ng\u00e0y nay, b\u1ea1n c\u00f3 th\u1ec3 b\u1eaft g\u1eb7p t\u1ec9 l\u1ec7 n\u00e0y trong logo Pepsi, Twitter. Ngay c\u1ea3 c\u01a1 th\u1ec3 v\u00e0 khu\u00f4n m\u1eb7t c\u1ee7a ch\u00fang ta c\u0169ng tu\u00e2n theo m\u1ed9t t\u1ec9 l\u1ec7 to\u00e1n h\u1ecdc nh\u1ea5t \u0111\u1ecbnh.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/072.jpg\" alt=\"07\" title=\"\"><figcaption>The Science Forum<\/figcaption><\/figure>\n<p>Tr\u00ean th\u1ef1c t\u1ebf, n\u00e3o c\u1ee7a ch\u00fang ta \u0111\u01b0\u1ee3c l\u1eadp tr\u00ecnh \u0111\u1ec3 ti\u1ebfp nh\u1eadn v\u00e0 b\u1ecb thu h\u00fat b\u1edfi nh\u1eefng v\u1eadt th\u1ec3 v\u00e0 h\u00ecnh \u1ea3nh s\u1eed d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng. N\u00f3 gi\u1ed1ng nh\u01b0 s\u1ef1 thu h\u00fat trong v\u00f4 th\u1ee9c v\u1eady, ch\u1ec9 c\u1ea7n b\u1ea1n th\u00eam m\u1ed9t ch\u00fat tu\u1ef3 ch\u1ec9nh T\u1ec9 l\u1ec7 v\u00e0ng v\u00e0o b\u1ee9c \u1ea3nh c\u1ee7a b\u1ea1n c\u0169ng \u0111\u1ee7 \u0111\u1ec3 t\u00e1c \u0111\u1ed9ng kh\u00e1 l\u1edbn \u0111\u1ebfn tr\u00ed \u00f3c ng\u01b0\u1eddi xem.<\/p>\n<p>T\u1ec9 l\u1ec7 v\u00e0ng c\u0169ng c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng v\u00e0o h\u00ecnh h\u1ecdc. L\u1ea5y m\u1ed9t h\u00ecnh vu\u00f4ng v\u00e0 nh\u00e2n m\u1ed9t c\u1ea1nh v\u1edbi 1.618, k\u1ebft qu\u1ea3 s\u1ebd l\u00e0 m\u1ed9t h\u00ecnh ch\u1eef nh\u1eadt v\u1edbi t\u1ec9 l\u1ec7 h\u00e0i ho\u00e0 nh\u01b0 sau:<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/021.jpg\" alt=\"02\" title=\"\"><\/figure>\n<p>B\u00e2y gi\u1edd, n\u1ebfu b\u1ea1n \u0111\u1eb7t h\u00ecnh vu\u00f4ng l\u00ean h\u00ecnh ch\u1eef nh\u1eadt, k\u1ebft qu\u1ea3 s\u1ebd cho ta T\u1ec9 l\u1ec7 v\u00e0ng:<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/1.618...-3.jpg\" alt=\"1.618... (3)\" title=\"\"><\/figure>\n<p>N\u1ebfu ti\u1ebfp t\u1ee5c d\u00f9ng c\u00f4ng th\u1ee9c T\u1ec9 l\u1ec7 v\u00e0ng cho h\u00ecnh ch\u1eef nh\u1eadt m\u1edbi \u1edf ph\u1ea7n b\u00ean ph\u1ea3i c\u1ee7a h\u00ecnh tr\u00ean, d\u1ea7n d\u1ea7n b\u1ea1n s\u1ebd c\u00f3 m\u1ed9t m\u00f4 h\u00ecnh v\u1edbi c\u00e1c h\u00ecnh vu\u00f4ng nh\u1ecf d\u1ea7n:<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/042.jpg\" alt=\"04\" title=\"\"><\/figure>\n<p>Sao r\u1ed3i? B\u1ea1n th\u1ea5y \u201dm\u1ec7t n\u00e3o\u201d ch\u01b0a? R\u00e1ng l\u00ean, c\u00f2n ch\u00fat x\u00edu n\u1eefa th\u00f4i n\u00e8.<\/p>\n<p>N\u1ebfu l\u1ea5y m\u00f4 h\u00ecnh T\u1ec9 l\u1ec7 v\u00e0ng ph\u00eda tr\u00ean, v\u1ebd m\u1ed9t v\u00f2ng cung t\u1eeb m\u1ed9t g\u00f3c \u0111\u1ebfn g\u00f3c \u0111\u1ed1i di\u1ec7n c\u1ee7a m\u1ed7i h\u00ecnh vu\u00f4ng \u2013 b\u1ea1n \u0111ang v\u1ebd nh\u1eefng n\u00e9t \u0111\u1ea7u ti\u00ean c\u1ee7a Xo\u1eafn \u1ed1c V\u00e0ng (c\u00f2n \u0111\u01b0\u1ee3c g\u1ecdi l\u00e0 D\u00e3y s\u1ed1 Fibonacci) \u2013 m\u1ed9t d\u00e3y s\u1ed1 m\u00e0 s\u1ed1 \u0111\u1ee9ng sau b\u1eb1ng t\u1ed5ng hai s\u1ed1 \u0111\u1ee9ng tr\u01b0\u1edbc. B\u1eaft \u0111\u1ea7u t\u1eeb s\u1ed1 0, d\u00e3y s\u1ed1 \u0111\u00f3 l\u00e0: 0,1,1,2,3,5,8,13,21,34,55,89,144,\u2026.v\u00e0 c\u1ee9 th\u1ebf ti\u1ebfp t\u1ee5c.<\/p>\n<p>B\u1eb1ng vi\u1ec7c th\u00eam v\u00f2ng cung v\u00e0o m\u1ed7i h\u00ecnh vu\u00f4ng, ch\u00fang ta \u0111\u00e3 c\u00f3 m\u00f4 h\u00ecnh \u0110\u01b0\u1eddng xo\u1eafn \u1ed1c V\u00e0ng:<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/052.jpg\" alt=\"05\" title=\"\"><\/figure>\n<p>B\u1ea1n s\u1ebd d\u1ec5 d\u00e0ng nh\u1eadn ra h\u00ecnh d\u1ea1ng tuy\u1ec7t \u0111\u1eb9p n\u00e0y trong r\u1ea5t nhi\u1ec1u t\u1ea1o v\u1eadt c\u1ee7a thi\u00ean nhi\u00ean nh\u01b0 d\u01b0\u01a1ng x\u1ec9, hoa, v\u1ecf s\u00f2 bi\u1ec3n, th\u1eadm ch\u00ed l\u00e0 c\u1ea3 nh\u1eefng c\u01a1n b\u00e3o. \u0110\u00f3 l\u00e0 l\u00fd do t\u1ea1i sao n\u00f3 \u0111em cho ta s\u1ef1 tho\u1ea3 m\u00e3n v\u1ec1 m\u1eb7t th\u1ecb gi\u00e1c. \u0110\u00f3 ch\u00ednh l\u00e0 n\u00e9t \u0111\u1eb9p thu\u1ea7n khi\u1ebft t\u1eeb t\u1ef1 nhi\u00ean.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/08.jpeg\" alt=\"08\" title=\"\"><figcaption>\u00a0natureandwisdom.wordpress.com<\/figcaption><\/figure>\n<p>C\u00f9ng t\u00ecm hi\u1ec3u s\u00e2u h\u01a1n m\u1ed9t ch\u00fat, h\u00e3y th\u1eed v\u1ebd h\u00ecnh tr\u00f2n trong m\u1ed7i h\u00ecnh vu\u00f4ng xem n\u00e0o. \u0110\u1ea5y! B\u1ea1n \u0111\u00e3 c\u00f3 nhi\u1ec1u h\u00ecnh tr\u00f2n c\u00e2n x\u1ee9ng v\u1edbi t\u1ec9 l\u1ec7 1:1.618.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/062.jpg\" alt=\"06\" title=\"\"><\/figure>\n<p>B\u00e2y gi\u1edd b\u1ea1n \u0111\u00e3 c\u00f3 c\u00e1c h\u00ecnh vu\u00f4ng, h\u00ecnh ch\u1eef nh\u1eadt, h\u00ecnh tr\u00f2n tu\u00e2n theo T\u1ec9 l\u1ec7 v\u00e0ng, v\u00e0 c\u00f2n \u0111\u01b0\u1ee3c r\u1eafc th\u00eam ch\u00fat ma thu\u1eadt (t\u1eeb c\u00e1c con s\u1ed1) n\u1eefa.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"5-cach-de-ap-dung-ti-le-vang-vao-thiet-ke-cua-ban\"><\/span>5 c\u00e1ch \u0111\u1ec3 \u00e1p d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng v\u00e0o thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ch\u1eafc n\u00e3y gi\u1edd b\u1ea1n c\u0169ng kh\u00e1 l\u00e0 \u201dxo\u1eafn n\u00e3o\u201d khi ph\u1ea3i \u0111\u1ecdc m\u1edb l\u00fd thuy\u1ebft v\u1ec1 T\u1ec9 l\u1ec7 v\u00e0ng r\u1ed3i, gi\u1edd th\u00ec c\u00f9ng t\u00ecm hi\u1ec3u xem s\u1eed d\u1ee5ng n\u00f3 nh\u01b0 th\u1ebf n\u00e0o \u0111\u1ec3 n\u00e2ng t\u1ea7m thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n nh\u00e9.<\/p>\n<p>B\u1ea1n c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng t\u1ec9 l\u1ec7 v\u00e0ng v\u00e0o r\u1ea5t nhi\u1ec1u th\u00e0nh ph\u1ea7n trong thi\u1ebft k\u1ebf, bao g\u1ed3m b\u1ed1 c\u1ee5c, kh\u00f4ng gian, n\u1ed9i dung, h\u00ecnh \u1ea3nh v\u00e0 h\u00ecnh th\u1ee9c.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"1-bo-cuc-layout-%e2%80%93-thiet-lap-kich-thuoc-voi-ti-le-vang\"><\/span><strong>1. B\u1ed1 c\u1ee5c (layout) \u2013 Thi\u1ebft l\u1eadp k\u00edch th\u01b0\u1edbc v\u1edbi T\u1ec9 l\u1ec7 v\u00e0ng<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>B\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng nh\u01b0 m\u1ed9t s\u1ef1 tr\u1ee3 gi\u00fap h\u1eefu \u00edch trong vi\u1ec7c x\u00e1c \u0111\u1ecbnh k\u00edch th\u01b0\u1edbc cho b\u1ed1 c\u1ee5c c\u1ee7a b\u1ea1n. C\u00e1ch \u0111\u01a1n gi\u1ea3n nh\u1ea5t \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u n\u00e0y \u0111\u00f3 l\u00e0 tu\u1ef3 ch\u1ec9nh t\u1ec9 l\u1ec7 k\u00edch th\u01b0\u1edbc th\u00e0nh<strong>\u00a01: 1.618.<\/strong><\/p>\n<p>V\u00ed d\u1ee5: th\u1eed chia chi\u1ec1u ngang (width) 960 pixel cho 1.618, th\u00ec chi\u1ec1u cao (height) m\u00e0 b\u1ea1n c\u1ea7n ch\u00ednh l\u00e0 594 pixel.<\/p>\n<p>B\u00e2y gi\u1edd h\u00e3y th\u1eed chia b\u1ed1 c\u1ee5c hi\u1ec7n t\u1ea1i th\u00e0nh hai c\u1ed9t d\u1ef1a tr\u00ean T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u00e3 nh\u1eafc t\u1edbi b\u00ean tr\u00ean, v\u00e0 \u00e0 h\u00e1! B\u1ea1n \u0111\u00e3 c\u00f3 hai m\u1ea3ng b\u1ed1 c\u1ee5c h\u00e0i ho\u00e0 theo ti\u00eau ch\u00ed T\u1ec9 l\u1ec7 v\u00e0ng r\u1ed3i \u0111\u1ea5y.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/091.jpg\" alt=\"09\" title=\"\"><\/figure>\n<p>B\u1ed1 c\u1ee5c d\u1ea1ng hai c\u1ed9t s\u1ebd r\u1ea5t ph\u00f9 h\u1ee3p cho vi\u1ec7c thi\u1ebft k\u1ebf web, v\u00e0 b\u1ea1n s\u1ebd th\u01b0\u1eddng xuy\u00ean b\u1eaft g\u1eb7p c\u00e1c trang tin tr\u1ef1c tuy\u1ebfn s\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng n\u00e0y. \u0110i\u1ec3n h\u00ecnh \u0111\u00f3 ch\u00ednh l\u00e0 National Geographic, h\u1ecd \u0111\u00e3 \u00e1p d\u1ee5ng b\u1ed1 c\u1ee5c tr\u00ean, qua \u0111\u00f3 t\u1ea1o ra m\u1ed9t trang web g\u1ecdn g\u00e0ng, d\u1ec5 \u0111\u1ecdc v\u00e0 c\u00f3 h\u1ec7 th\u1ed1ng ph\u00e2n c\u1ea5p r\u1ea5t t\u1ed1t.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/10.png\" alt=\"10\" title=\"\"><figcaption>\u00a0National Geographic website<\/figcaption><\/figure>\n<p>Kho\u1ea3ng tr\u1ed1ng l\u00e0 m\u1ed9t nh\u00e2n t\u1ed1 c\u1ef1c k\u00ec quan tr\u1ecdng v\u1edbi b\u1ea5t k\u00ec thi\u1ebft k\u1ebf n\u00e0o, l\u00e0 s\u1ef1 ph\u1ed1i h\u1ee3p gi\u1eefa kho\u1ea3ng tr\u1ed1ng \u00e2m \u2013 d\u01b0\u01a1ng, nh\u00e2n t\u1ed1 n\u00e0y s\u1ebd quy\u1ebft \u0111\u1ecbnh s\u1ef1 th\u00e0nh \u2013 b\u1ea1i c\u1ee7a thi\u1ebft k\u1ebf.<\/p>\n<p>Vi\u1ec7c t\u00ednh to\u00e1n kho\u1ea3ng tr\u1ed1ng gi\u1eefa c\u00e1c nh\u00e2n t\u1ed1 kh\u00e1 m\u1ea5t th\u1eddi gian, v\u00ec v\u1eady, h\u00e3y \u0111\u1ec3 T\u1ec9 l\u1ec7 v\u00e0ng soi \u0111\u01b0\u1eddng d\u1eabn l\u1ed1i cho b\u1ea1n. \u0110i\u1ec1u n\u00e0y s\u1ebd \u0111\u1ea3m b\u1ea3o kho\u1ea3ng tr\u1ed1ng v\u00e0 t\u1ec9 l\u1ec7 c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c t\u00ednh to\u00e1n m\u1ed9t c\u00e1ch k\u1ef9 l\u01b0\u1ee1ng, thay v\u00ec s\u1eed d\u1ee5ng \u201c\u01b0\u1edbc ch\u1eebng\u201d, ch\u1ec9 c\u1ea7n th\u00eam v\u00e0o v\u00e0i thay \u0111\u1ed5i nh\u1ecf h\u01b0\u1edbng t\u1edbi T\u1ec9 l\u1ec7 v\u00e0ng c\u0169ng \u0111\u1ee7 t\u1ea1o ra r\u1ea5t nhi\u1ec1u s\u1ef1 kh\u00e1c bi\u1ec7t.<\/p>\n<p>Th\u00eam v\u00e0o \u0111\u00f3, n\u1ebfu b\u1ea1n c\u00f3 qu\u00e1 nhi\u1ec1u th\u00e0nh ph\u1ea7n kh\u00e1c nhau, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1eb7t nhi\u1ec1u m\u00f4 h\u00ecnh T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 \u0111\u1ea1t \u0111\u01b0\u1ee3c s\u1ef1 h\u00e0i h\u00f2a xuy\u00ean su\u1ed1t thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/113.jpg\" alt=\"11\" title=\"\"><\/figure>\n<p>Studio Moodley \u0111\u00e3 thi\u1ebft k\u1ebf m\u1ed9t b\u1ed9 nh\u00e2n di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u cho L\u1ec5 h\u1ed9i tr\u00ecnh di\u1ec5n ngh\u1ec7 thu\u1eadt Bregenzer Festspiele bao g\u1ed3m logo, kh\u1ed1i nhan \u0111\u1ec1, v\u00e0 m\u1ed9t b\u1ed9 h\u00ecnh ngh\u1ec7 thu\u1eadt \u00e1p d\u1ee5ng cho c\u00e1c ch\u01b0\u01a1ng tr\u00ecnh, bi\u1ec3u ng\u1eef qu\u1ea3ng c\u00e1o v\u00e0 c\u00e1c chi\u1ebfn d\u1ecbch ngo\u00e0i tr\u1eddi. Bi\u1ec3u ng\u1eef qu\u1ea3ng c\u00e1o c\u00f3 s\u1ef1 g\u00f3p m\u1eb7t c\u1ee7a nhi\u1ebfp \u1ea3nh, ngh\u1ec7 thu\u1eadt c\u1eaft d\u00e1n minh h\u1ecda v\u00e0 m\u1ed9t logo g\u1ee3n s\u00f3ng v\u1edbi kh\u00f4ng gian r\u1ed7ng b\u00ean trong. T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh k\u00edch th\u01b0\u1edbc v\u00e0 v\u1ecb tr\u00ed t\u1eebng y\u1ebfu t\u1ed1 \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o cho b\u00eca \u1ea3nh \u0111\u01b0\u1ee3c c\u00e2n \u0111\u1ed1i.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/123.jpg\" alt=\"12\" title=\"\"><figcaption>\u00a0Bregenzer Festspiele by Moody<\/figcaption><\/figure>\n<p>\u0110\u01a1n v\u1ecb thi\u1ebft k\u1ebf \u0111\u1ebfn t\u1eeb Singapore, Lemon Graphic \u0111\u00e3 thi\u1ebft k\u1ebf b\u1ed9 nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u cho Terkaya Wealth Management. Ch\u00fang ta c\u00f3 th\u1ec3 th\u1ea5y 3 y\u1ebfu t\u1ed1 c\u1ee7a thi\u1ebft k\u1ebf n\u00e0y \u2013 \u0111\u1ea1i b\u00e0ng nh\u1ecf, \u0111o\u1ea1n ch\u1eef, \u0111\u1ea1i b\u00e0ng l\u1edbn \u2013 t\u1ea5t c\u1ea3 \u0111\u1ec1u v\u1eeba kh\u00edt v\u1edbi ti\u00eau chu\u1ea9n T\u1ec9 l\u1ec7 v\u00e0ng.<\/p>\n<p>B\u00ean c\u1ea1nh \u0111\u00f3, con \u0111\u1ea1i b\u00e0ng nh\u1ecf c\u0169ng l\u1ea1i \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf \u201c\u0103n r\u01a1\u201d v\u1edbi m\u1ed9t ti\u00eau chu\u1ea9n T\u1ec9 l\u1ec7 v\u00e0ng kh\u00e1c n\u1eefa.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/132.jpg\" alt=\"13\" title=\"\"><figcaption>\u00a0Terkaya by Lemon Graphic<\/figcaption><\/figure>\n<h4><\/h4>\n<p>\u0110\u01b0\u1eddng xo\u1eafn \u1ed1c c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 gi\u00fap x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed c\u1ee7a n\u1ed9i dung. M\u1eaft ch\u00fang ta lu\u00f4n h\u01b0\u1edbng v\u1ec1 t\u00e2m \u0111\u01b0\u1eddng xo\u1eafn \u1ed1c m\u1ed9t c\u00e1ch t\u1ef1 nhi\u00ean, v\u1eady h\u00e3y t\u1eadp trung thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n t\u1ea1i t\u00e2m \u0111\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0 \u0111\u1eb7t \u0111i\u1ec3m h\u1ea5p d\u1eabn th\u1ecb gi\u00e1c theo \u0111\u01b0\u1eddng n\u00e0y.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/14.png\" alt=\"14\" title=\"\"><\/figure>\n<p>Nh\u00ecn l\u1ea1i trang National Geographic, b\u1ea1n s\u1ebd nh\u1eadn th\u1ea5y m\u1ed9t logo th\u1ee9 hai nh\u1ecf h\u01a1n n\u1eb1m g\u1ea7n ph\u00eda trung t\u00e2m c\u1ee7a xo\u1eafn \u1ed1c. \u0110\u00e2y l\u00e0 m\u1ed9t n\u01a1i ho\u00e0n h\u1ea3o \u0111\u1ec3 t\u0103ng g\u1ea5p \u0111\u00f4i s\u1ef1 nh\u1eadn th\u1ee9c h\u00ecnh \u1ea3nh b\u1edfi v\u00ec m\u1eaft ch\u00fang ta s\u1ebd lu\u00f4n v\u00f4 th\u1ee9c h\u01b0\u1edbng v\u1ec1 ph\u00eda n\u00e0y. V\u00f4 th\u1ee9c \u01b0? C\u00f3 l\u1ebd l\u00e0 v\u1eady. T\u1ec9 l\u1ec7 v\u00e0ng ho\u00e0n to\u00e0n c\u00f3 kh\u1ea3 n\u0103ng l\u00e0m \u0111i\u1ec1u n\u00e0y.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/152.jpg\" alt=\"15\" title=\"\"><figcaption>National Geographic website<\/figcaption><\/figure>\n<p>Trang web c\u00e1 nh\u00e2n c\u1ee7a nh\u00e0 thi\u1ebft k\u1ebf \u0111\u1ed3 ho\u1ea1 Tim Roussilhe tho\u1ea1t nh\u00ecn c\u00f3 v\u1ebb d\u00e0y \u0111\u1eb7c content nh\u01b0ng th\u1ef1c ra l\u1ea1i \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp r\u1ea5t t\u1ed1t theo t\u1ec9 l\u1ec7 v\u00e0ng. \u0110\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0ng \u0111\u01b0\u1ee3c t\u1eadp trung t\u1ea1i khu v\u1ef1c \u0111\u1ec9nh b\u00ean tr\u00e1i c\u1ee7a website. M\u1eaft b\u1ea1n s\u1ebd b\u1eaft \u0111\u1ea7u \u0111i t\u1eeb ph\u1ea7n trung t\u00e2m ph\u00eda tr\u00ean v\u1edbi d\u00f2ng ch\u1eef \u201cBonjour My Name is Tim\u201d. Sau \u0111\u00f3 m\u1eaft s\u1ebd l\u01b0\u1edbt xu\u1ed1ng ph\u1ea7n mi\u00eau t\u1ea3 xem Tim l\u00e0m g\u00ec, \u0111i l\u00ean thanh menu, ch\u1ea1m ngay logo \u1edf g\u00f3c tr\u00ean b\u00ean tr\u00e1i, sau \u0111\u00f3 \u0111\u1ebfn ph\u1ea7n kho\u1ea3ng tr\u1ed1ng v\u00e0 ti\u1ebfp t\u1ee5c \u0111\u1ecdc n\u1ed1t nh\u1eefng th\u00f4ng tin c\u00f2n l\u1ea1i.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/163.jpg\" alt=\"16\" title=\"\"><figcaption>Bonjour My Name is Tim<\/figcaption><\/figure>\n<p>Trong thi\u1ebft k\u1ebf n\u00e0y c\u1ee7a Saastamoisen s\u00e4\u00e4ti\u00f6, b\u1ea1n c\u00f3 th\u1ec3 th\u1ea5y r\u00f5 r\u00e0ng s\u1ef1 d\u00e0y \u0111\u1eb7c c\u1ee7a n\u1ed9i dung t\u0103ng d\u1ea7n \u0111\u1ec1u khi h\u01b0\u1edbng v\u1ec1 ph\u00eda t\u00e2m c\u1ee7a xo\u1eafn \u1ed1c. K\u00edch th\u01b0\u1edbc t\u1eebng con ch\u1eef c\u0169ng nh\u01b0 kho\u1ea3ng c\u00e1ch gi\u1eefa ch\u00fang gi\u1ea3m d\u1ea7n khi m\u1eaft h\u01b0\u1edbng v\u00e0o g\u1ea7n t\u00e2m \u0111\u01b0\u1eddng xo\u1eafn. C\u00e1c ch\u1eef tuy kh\u00f4ng \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo tr\u1eadt t\u1ef1 nh\u01b0ng s\u1ef1 l\u1eb7p l\u1ea1i \u0111\u1ee7 khi\u1ebfn cho n\u00f3 tr\u1edf n\u00ean quen thu\u1ed9c.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/173.jpg\" alt=\"17\" title=\"\"><figcaption>Saastamoisen s\u00e4\u00e4ti\u00f6<\/figcaption><\/figure>\n<p>Helms Workshop thi\u1ebft k\u1ebf th\u01b0\u01a1ng hi\u1ec7u n\u00e0y cho Fullsteam Brewery v\u00e0 d\u00f9ng T\u1ec9 l\u1ec7 v\u00e0ng c\u00f9ng v\u1edbi \u0110\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0ng cho m\u1ea3ng b\u1ed1 c\u1ee5c v\u00e0 n\u1ed9i dung. R\u1ea5t nhi\u1ec1u chi ti\u1ebft trong thi\u1ebft k\u1ebf n\u00e0y n\u1eb1m v\u1eeba v\u1eb7n trong c\u00e1c h\u00ecnh vu\u00f4ng; h\u01b0\u1edbng m\u1eaft c\u1ee7a ng\u01b0\u1eddi xem s\u1ebd l\u01b0\u1edbt qua nh\u00e2n v\u1eadt ch\u00ednh, t\u1edbi con tem, ch\u1eef ABV v\u00e0 d\u1eebng t\u1ea1i t\u00ean n\u01a1i s\u1ea3n xu\u1ea5t. \u00dd \u0111\u1ecbnh c\u1ee7a Helms Workshop cho Fullsteam l\u00e0 t\u1ea1o n\u00ean m\u1ed9t \u201cnh\u00e3n hi\u1ec7u s\u1ebd xoay quanh ng\u01b0\u1eddi ch\u1ee7 n\u00f4ng tr\u1ea1i b\u00e1n c\u00f4ng nghi\u1ec7p v\u1edbi m\u1ed9t c\u00e1i t\u00ean xa l\u1ea1\u2026\u201d. \u0110\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0ng \u0111\u00f3ng vai tr\u00f2 quan tr\u1ecdng trong vi\u1ec7c truy\u1ec1n t\u1ea3i \u0111i\u1ec1u \u0111\u00f3, gi\u00fap ch\u00fang ta n\u1eafm \u0111\u01b0\u1ee3c th\u00f4ng tin chi ti\u1ebft v\u1ec1 c\u1ea3 \u00f4ng ta l\u1eabn th\u01b0\u01a1ng hi\u1ec7u.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/182.jpg\" alt=\"18\" title=\"\"><figcaption>\u00a0Fullsteam Brewery by Helms Workshop<\/figcaption><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"4-hinh-anh-%e2%80%93-ti-le-vang-hoac-quy-tac-mot-phan-ba\"><\/span><strong>4. H\u00ecnh \u1ea3nh \u2013 T\u1ec9 l\u1ec7 V\u00e0ng (ho\u1eb7c Quy t\u1eafc M\u1ed9t ph\u1ea7n ba)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>B\u1ed1 c\u1ee5c r\u1ea5t quan tr\u1ecdng v\u1edbi h\u00ecnh \u1ea3nh, d\u00f9 n\u00f3 truy\u1ec1n \u0111\u1ea1t th\u00f4ng tin hay t\u1ea1o t\u00ednh th\u1ea5m m\u0129 cho b\u1ee9c h\u00ecnh. T\u1ec9 l\u1ec7 v\u00e0ng gi\u00fap b\u1ed1 c\u1ee5c c\u00f3 th\u1ec3 d\u1eabn d\u1ee5 c\u00e1i nh\u00ecn \u0111\u1ebfn c\u00e1c chi ti\u1ebft quan tr\u1ecdng trong m\u1ed9t thi\u1ebft k\u1ebf. H\u00e3y d\u00f9ng T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 chia b\u1ee9c h\u00ecnh th\u00e0nh 3 ph\u1ea7n kh\u00f4ng b\u1eb1ng nhau, sau \u0111\u00f3 d\u00f9ng c\u00e1c \u0111\u01b0\u1eddng th\u1eb3ng v\u00e0 c\u00e1c \u0111i\u1ec3m giao nhau \u0111\u1ec3 chia b\u1ed1 c\u1ee5c.<\/p>\n<p>T\u1ec9 l\u1ec7 l\u00e0 1:0.618:1 \u2013 chi\u1ec1u ngang c\u1ee7a c\u1ed9t d\u1ecdc th\u1ee9 nh\u1ea5t v\u00e0 th\u1ee9 ba l\u00e0 1, chi\u1ec1u ngang c\u1ed9t \u1edf gi\u1eefa l\u00e0 0.618. T\u01b0\u01a1ng t\u1ef1 v\u1edbi c\u00e1c h\u00e0ng ngang: chi\u1ec1u cao c\u1ee7a c\u1ed9t ngang th\u1ee9 nh\u1ea5t v\u00e0 th\u1ee9 ba l\u00e0 1 v\u00e0 c\u1ed9t ngang \u1edf gi\u1eefa l\u00e0 0.618. Gi\u1edd h\u00e3y d\u00f9ng c\u00e1c \u0111\u01b0\u1eddng v\u00e0 c\u00e1c \u0111i\u1ec3m giao nhau \u0111\u1ec3 d\u1eabn d\u1eaft h\u01b0\u1edbng nh\u00ecn v\u00e0 s\u1ef1 ch\u00fa \u00fd c\u1ee7a ng\u01b0\u1eddi xem. \u0110i\u1ec1u n\u00e0y t\u1ea1o n\u00ean s\u1ee9c \u00e9p c\u0169ng nh\u01b0 s\u1ef1 th\u00edch th\u00fa, n\u0103ng l\u01b0\u1ee3ng trong t\u00e1c ph\u1ea9m.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/192.jpg\" alt=\"19\" title=\"\"><\/figure>\n<p>M\u1ed9t c\u00e1ch kh\u00e1c \u0111\u01a1n gi\u1ea3n h\u01a1n \u0111\u1ec3 c\u1eaft h\u00ecnh theo T\u1ec9 l\u1ec7 v\u00e0ng l\u00e0 d\u00f9ng Quy t\u1eafc 1\/3. N\u00f3 kh\u00f4ng ch\u00ednh x\u00e1c nh\u01b0 T\u1ec9 l\u1ec7 v\u00e0ng nh\u01b0ng c\u0169ng cho b\u1ea1n m\u1ed9t k\u1ebft qu\u1ea3 t\u01b0\u01a1ng \u0111\u1ed1i. V\u1edbi quy t\u1eafc n\u00e0y, \u0111\u1eb7t t\u1ea5t c\u1ea3 \u0111\u01b0\u1eddng d\u1ecdc v\u00e0 ngang theo t\u1ec9 l\u1ec7 1:1:1 \u0111\u1ec3 c\u00e1c kho\u1ea3ng b\u1eb1ng nhau. Sau \u0111\u00f3 h\u00e3y s\u1eafp x\u1ebfp c\u00e1c chi ti\u1ebft quan tr\u1ecdng \u1edf b\u1ed1n g\u00f3c c\u1ee7a h\u00ecnh ch\u1eef nh\u1eadt trung t\u00e2m.<\/p>\n<p>B\u00eca c\u1ee7a t\u1ea1p ch\u00ed Complex, ng\u01b0\u1eddi m\u1eabu Solange Knowles, \u0111\u00e3 s\u1eed d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh s\u1ef1 c\u00e2n \u0111\u1ed1i c\u1ee7a kh\u00f4ng gian \u00e2m \u2013 d\u01b0\u01a1ng. Ph\u1ea7n \u0111\u1ec9nh m\u0169i v\u00e0 (g\u1ea7n nh\u01b0) ph\u1ea7n tr\u00e1n c\u1ee7a Solange ch\u1ea1m v\u00e0o \u0111\u1ec9nh c\u1ee7a \u0111\u01b0\u1eddng ngang tr\u00ean c\u00f9ng, trong khi m\u0169i v\u00e0 m\u1eaft n\u1eb1m tr\u00ean hai \u0111\u01b0\u1eddng d\u1ecdc c\u1ee7a h\u00ecnh ch\u1eef nh\u1eadt trung t\u00e2m.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/202.jpg\" alt=\"20\" title=\"\"><figcaption>Complex Magazine<\/figcaption><\/figure>\n<p>Jason Mildren \u0111\u00e3 thi\u1ebft k\u1ebf b\u00eca cho t\u1ea1p ch\u00ed Pilot \u0111\u00fang v\u1edbi Quy t\u1eafc 1\/3. Nh\u1eefng chi ti\u1ebft thu h\u00fat \u0111\u1ec1u n\u1eb1m xung quanh ph\u1ea7n c\u1ea1nh h\u00ecnh ch\u1eef nh\u1eadt trung t\u1ea7m, c\u00f2n l\u1ea1i \u1edf gi\u1eefa h\u1ea7u nh\u01b0 tr\u1ed1ng r\u1ed7ng. Con m\u1eaft c\u1ee7a ng\u01b0\u1eddi m\u1eabu \u0111\u1eb7t ngay t\u1ea1i 1 g\u00f3c v\u00e0 nh\u00ecn xuy\u00ean th\u1ea5u ng\u01b0\u1eddi xem.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/212.jpg\" alt=\"21\" title=\"\"><figcaption>Pilot Magazine by Jason Mildren<\/figcaption><\/figure>\n<p>B\u00eca c\u1ee7a t\u1ea1p ch\u00ed Feld d\u00f9ng T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 khoanh v\u00f9ng ph\u1ea7n m\u1eaft c\u1ee7a ng\u01b0\u1eddi m\u1eabu. \u0110i\u1ec1u n\u00e0y th\u1ef1c s\u1ef1 hi\u1ec7u qu\u1ea3 v\u00ec anh ta kh\u00f4ng n\u1eb1m \u1edf v\u1ecb tr\u00ed trung t\u00e2m v\u00e0 m\u1ed9t ph\u1ea7n khu\u00f4n m\u1eb7t g\u1ea7n nh\u01b0 th\u1eb3ng h\u00e0ng v\u1edbi \u0111\u01b0\u1eddng th\u1eb3ng \u0111\u1ecbnh h\u01b0\u1edbng b\u00ean tr\u00e1i.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/222.jpg\" alt=\"22\" title=\"\"><figcaption>\u00a0Feld Magazine<\/figcaption><\/figure>\n<p>V\u00e0 nh\u00ecn chung, b\u1ed1 c\u1ee5c c\u1ee7a b\u00eca b\u00e1o n\u00e0y c\u00f2n tu\u00e2n theo T\u1ec9 l\u1ec7 v\u00e0ng v\u00e0 \u0110\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0ng. Ph\u1ea7n n\u1ed9i dung n\u1eb1m t\u1eadp trung quanh \u0111\u01b0\u1eddng xo\u1eafn \u1ed1c v\u00e0 c\u00e0ng v\u1ec1 trung t\u00e2m th\u00ec c\u00e0ng tr\u1edf n\u00ean chi ti\u1ebft h\u01a1n.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/232.jpg\" alt=\"23\" title=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"5-hinh-thuc-%e2%80%93-nhung-vong-tron-vang\"><\/span><strong>5.\u00a0H\u00ecnh th\u1ee9c \u2013 Nh\u1eefng v\u00f2ng tr\u00f2n V\u00e0ng<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>T\u1ec9 l\u1ec7 v\u00e0ng c\u00f3 th\u1ec3 m\u1edf r\u1ed9ng \u0111\u1ec3 t\u1ea1o ra h\u00ecnh vu\u00f4ng v\u00e0 h\u00ecnh ch\u1eef nh\u1eadt theo nh\u1eefng t\u1ec9 l\u1ec7 h\u00e0i h\u00f2a, t\u01b0\u01a1ng t\u1ef1 ta c\u0169ng c\u00f3 th\u1ec3 \u00e1p d\u1ee5ng \u0111\u1ec3 t\u1ea1o ra c\u00e1c \u0111\u01b0\u1eddng tr\u00f2n. M\u1ed9t v\u00f2ng tr\u00f2n ho\u00e0n h\u1ea3o trong m\u1ed7i h\u00ecnh vu\u00f4ng c\u1ee7a m\u00f4 h\u00ecnh s\u1ebd tu\u00e2n theo t\u1ec9 l\u1ec7 1:1.618 so v\u1edbi v\u00f2ng tr\u00f2n trong h\u00ecnh vu\u00f4ng li\u1ec1n k\u1ec1.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/062.jpg\" alt=\"06\" title=\"\"><\/figure>\n<p>S\u1eed d\u1ee5ng c\u00e1c V\u00f2ng tr\u00f2n V\u00e0ng s\u1ebd t\u1ea1o n\u00ean kh\u00f4ng ch\u1ec9 s\u1ef1 h\u00e0i h\u00f2a, t\u1ec9 l\u1ec7 h\u1ee3p l\u00ed m\u00e0 c\u00f2n t\u1ea1o s\u1ef1 nh\u1ea5t qu\u00e1n xuy\u00ean su\u1ed1t v\u1ec1 m\u1eb7t h\u00ecnh th\u1ee9c. C\u00f9ng quay tr\u1edf l\u1ea1i v\u1edbi logo c\u1ee7a Pepsi v\u00e0 Twitter xem n\u00e0o.<\/p>\n<p>Logo Pepsi d\u1ef1a tr\u00ean hai v\u00f2ng tr\u00f2n giao nhau ho\u00e0n to\u00e0n tu\u00e2n theo T\u1ec9 l\u1ec7 v\u00e0ng. V\u00f2ng trong nh\u1ecf h\u01a1n kh\u00f4ng th\u1ef1c s\u1ef1 hi\u1ec7n di\u1ec7n nh\u01b0ng l\u1ea1i \u0111\u1ecbnh d\u1ea1ng cho d\u1ea3i \u0111ai tr\u1eafng n\u1eb1m d\u1ecdc trung t\u00e2m logo.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/242.jpg\" alt=\"24\" title=\"\"><\/figure>\n<p>Logo c\u1ee7a Twitter s\u1eed d\u1ee5ng h\u00ecnh h\u1ecdc v\u00e0 ho\u00e0n to\u00e0n d\u1ef1a tr\u00ean c\u00e1c \u0111\u01b0\u1eddng tr\u00f2n. C\u00f3 m\u1ed9t ch\u00fat thi\u1ebfu ch\u00ednh x\u00e1c khi n\u00f3i logo n\u00e0y s\u1eed d\u1ee5ng T\u1ec9 l\u1ec7 v\u00e0ng, nh\u01b0ng ph\u1ea7n l\u1edbn c\u1ee7a logo c\u00f3 v\u1ebb d\u00f9ng T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 t\u1ea1o s\u1ef1 c\u00e2n b\u1eb1ng, tr\u1eadt t\u1ef1 v\u00e0 h\u00f2a h\u1ee3p.<\/p>\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" src=\"https:\/\/learn.canva.com\/wp-content\/uploads\/2015\/10\/252.jpg\" alt=\"25\" title=\"\"><\/figure>\n<ul>\n<li><strong>L\u01b0\u1edbi trong thi\u1ebft k\u1ebf bi\u1ec3u t\u01b0\u1ee3ng<\/strong><\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"toi-luot-cua-ban-roi\"><\/span>T\u1edbi l\u01b0\u1ee3t c\u1ee7a b\u1ea1n r\u1ed3i<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>B\u1ea1n c\u00f3 th\u1ec3 d\u00f9ng nhi\u1ec1u y\u1ebfu t\u1ed1 c\u1ee7a T\u1ec9 l\u1ec7 v\u00e0ng \u0111\u1ec3 thi\u1ebft k\u1ebf t\u1ed1t h\u01a1n. C\u00e1c tu\u1ef3 ch\u1ec9nh c\u00f3 th\u1ec3 s\u1ebd nh\u1eb9 nh\u00e0ng v\u00e0 tinh t\u1ebf th\u00f4i, nh\u01b0ng ch\u1ec9 c\u1ea7n nh\u01b0 v\u1eady c\u0169ng \u0111\u1ee7 \u0111\u1ec3 bi\u1ebfn m\u1ed9t thi\u1ebft k\u1ebf t\u1ed1t th\u00e0nh m\u1ed9t thi\u1ebft k\u1ebf tuy\u1ec7t v\u1eddi, nh\u1ea5t l\u00e0 trong m\u1eaft ng\u01b0\u1eddi xem.<\/p>\n<p>Gy\u00f6rgy D\u00f3czi \u0111\u00e3 vi\u1ebft trong\u00a0<em>The Power of Limits<\/em>:\u00a0<strong>\u201cS\u1ee9c m\u1ea1nh c\u1ee7a T\u1ec9 l\u1ec7 v\u00e0ng trong vi\u1ec7c t\u1ea1o n\u00ean s\u1ef1 h\u00e0i h\u00f2a b\u1eaft ngu\u1ed3n t\u1eeb kh\u1ea3 n\u0103ng \u0111\u1ed9c \u0111\u00e1o c\u1ee7a n\u00f3 khi k\u1ebft h\u1ee3p c\u00e1c b\u1ed9 ph\u1eadn th\u00e0nh m\u1ed9t th\u1ec3 th\u1ed1ng nh\u1ea5t, \u0111i\u1ec1u n\u00e0y gi\u00fap m\u1ed7i chi ti\u1ebft v\u1eabn gi\u1eef \u0111\u01b0\u1ee3c ch\u1ea5t ri\u00eang m\u00e0 v\u1eabn h\u00f2a h\u1ee3p \u0111\u01b0\u1ee3c v\u1edbi t\u1ed5ng th\u1ec3 chung c\u1ee7a t\u00e1c ph\u1ea9m.\u201d<\/strong><\/p>\n<p>Ngu\u1ed3n:\u00a0Canva.com<br \/>\nNg\u01b0\u1eddi d\u1ecbch: H\u00e0 \u0110\u00ecnh Nh\u00e2n<\/p>\n<p>Theo: iDesign<\/p>\n","protected":false},"excerpt":{"rendered":"<p>B\u1ea1n c\u00f3 bi\u1ebft \u0111i\u1ec3m chung gi\u1eefa kim t\u1ef1 th\u00e1p Giza, b\u1ee9c ho\u1ea1 Mona Lisa (Da Vinci) v\u1edbi Twitter v\u00e0 Pepsi l\u00e0 g\u00ec kh\u00f4ng? \u0110\u00e1p \u00e1n? Thi\u1ebft k\u1ebf c\u1ee7a ch\u00fang \u0111\u1ec1u&#8230;<\/p>\n","protected":false},"author":1,"featured_media":529,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[8],"tags":[],"class_list":{"0":"post-528","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-news"},"_links":{"self":[{"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/posts\/528","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/comments?post=528"}],"version-history":[{"count":1,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/posts\/528\/revisions"}],"predecessor-version":[{"id":530,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/posts\/528\/revisions\/530"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/media\/529"}],"wp:attachment":[{"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/media?parent=528"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/categories?post=528"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vareno.vn\/en\/wp-json\/wp\/v2\/tags?post=528"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}