LNT's Blog

25 ví dụ về cách phối màu trong thiết kế Website - LNT

Màu sắc là một thành phần rất quan trọng trong.  Nếu bạn đã quen thuộc với các lý thuyết  sử dụng màu sắc trong nghệ  thuật  thì bạn có thể hiểu rằng việc phản ứng với các màu sắc là khá chủ  quan và mỗi người có một cách phản ứng khác nhau. Những phản ứng này có  thể được dựa trên một nền tảng nào đó hoặc dựa trên sở thích, cảm giác,  tâm lý của mỗi cá nhân. Lý thuyết màu sắc thực sự là một ngành khoa  học, nó có thể giúp bạn có được những cân nhắc tốt trước khi bắt đầu tạo  ra một trang web.<br />
<br />
Hôm nay chúng tôi sẽ giới thiệu cho bạn một số ví dụ trong cách chọn  màu sắc cho các trang web. Từng màu sắc được sử dụng trong mỗi thiết kế  quả thật là sự kết hợp tuyệt vời. Nó đã tạo được cảm hứng cũng như mang  đến cho người xem một cái nhìn đẹp mắt và  chúng ta sẽ được nhìn thấy  nhiều phong cách được thể hiện trong mỗi trang web. Từ những trang web  có màu sắc tinh tế, nhẹ nhàng cho đến những trang web có màu sắc duo  mạnh mẽ,  nhiều màu.<br />
<br />
Nếu bạn  quan tâm về việc thì bạn có thể nghĩ đến những công cụ như : COLOURLovers, Adobe Kuler,  Color Scheme Designer. Và đôi khi, bạn cũng có thể sử dụng Add-on  Firebug trong trình duyệt Firefox để khám phá những màu sắc được sử dụng  trong các thiết kế trên Internet. Và bây giờ đã đến lúc chúng ta cùng  nhau tận hưởng những thiết kế tuyệt vời này!<br />
<h2><b><a href="http://decode.uk.com/">Decode</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNd3h2GpW4NfTaKLS6rsXYnBGONHG-TfWiP4XTwwiTCbruUFlySSif0_qnWUMwXvu49_SATcrG2a2m76YMsX_l9i4AFNV4fCFN_1VBVUg0DskyDaZOc7cMBtEGJoggAb_6u3qkqpU-moZg/s1600/rgb.vn_lnt_PerffectExampleColor_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNd3h2GpW4NfTaKLS6rsXYnBGONHG-TfWiP4XTwwiTCbruUFlySSif0_qnWUMwXvu49_SATcrG2a2m76YMsX_l9i4AFNV4fCFN_1VBVUg0DskyDaZOc7cMBtEGJoggAb_6u3qkqpU-moZg/s1600/rgb.vn_lnt_PerffectExampleColor_01.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-01-2" rel="attachment wp-att-4602"><br />
</a><br />
<h2> <b><a href="http://gimmedelivery.com/">Gimme Delivery</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQAY33qEPK8uMdgtcK904c1hTSmp9mUSHhrXYV4CH1npUk3RzmKQAYYofZep_FZQqOoeJ7SyZfOyRWNban5vzaKW-ShlEjk4av6VU3Q001biLjfEEaphr2D_SKAUCwe9n9mhylnTcLwv0/s1600/rgb.vn_lnt_PerffectExampleColor_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEQAY33qEPK8uMdgtcK904c1hTSmp9mUSHhrXYV4CH1npUk3RzmKQAYYofZep_FZQqOoeJ7SyZfOyRWNban5vzaKW-ShlEjk4av6VU3Q001biLjfEEaphr2D_SKAUCwe9n9mhylnTcLwv0/s1600/rgb.vn_lnt_PerffectExampleColor_02.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-02-2" rel="attachment wp-att-4603"><br />
</a><br />
<h2> <b><a href="http://www.kitchensinkstudios.com/">Kitchen Sink Studios</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM92c6jhRMVC3gmlmPS4JO9pl8e5PlhOCD4dRZIPkcKZhYXjWC_GIxKuDr-gzokX3WJD1EbzuLkdixW3oHVBLHba-_04_ZFQfrN_si9grMLktgoHVgA0bnD7EHn0tCt7-KiU9j1NE-65bQ/s1600/rgb.vn_lnt_PerffectExampleColor_03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM92c6jhRMVC3gmlmPS4JO9pl8e5PlhOCD4dRZIPkcKZhYXjWC_GIxKuDr-gzokX3WJD1EbzuLkdixW3oHVBLHba-_04_ZFQfrN_si9grMLktgoHVgA0bnD7EHn0tCt7-KiU9j1NE-65bQ/s1600/rgb.vn_lnt_PerffectExampleColor_03.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-03-2" rel="attachment wp-att-4604"><br />
</a><br />
<h2> <b><a href="http://stephengacheru.me/">Stephen Gacheru</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgmDenvI4I0GPtTiH2qZOIIf79pZLSudPfMAl_g7S3NztdwG-2_9W0c6pn5RQSYpyoeHlGm5jUOwBKCm_1eo4gUQJ7R7UakfNxvRzYrL7H7yQXuMc8sgwDLuACVEsxpJjJzPSGAmr7189/s1600/rgb.vn_lnt_PerffectExampleColor_04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipgmDenvI4I0GPtTiH2qZOIIf79pZLSudPfMAl_g7S3NztdwG-2_9W0c6pn5RQSYpyoeHlGm5jUOwBKCm_1eo4gUQJ7R7UakfNxvRzYrL7H7yQXuMc8sgwDLuACVEsxpJjJzPSGAmr7189/s1600/rgb.vn_lnt_PerffectExampleColor_04.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-04-2" rel="attachment wp-att-4605"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://www.craigmorrison.ca/">Craig Morrison</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMB0HIsVnorCk79Hm_f2xxxtexq3fy2KnPUWXK2A_BmsDd40fZhsBaQStLJnBEdYP73e63kUfTIr5WBwqUSmCFbqO0msghr7TSoZ25-Rk537cyvEnREBRp7iwTVqAtUEwVcVcHxhrlp22/s1600/rgb.vn_lnt_PerffectExampleColor_05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXMB0HIsVnorCk79Hm_f2xxxtexq3fy2KnPUWXK2A_BmsDd40fZhsBaQStLJnBEdYP73e63kUfTIr5WBwqUSmCFbqO0msghr7TSoZ25-Rk537cyvEnREBRp7iwTVqAtUEwVcVcHxhrlp22/s1600/rgb.vn_lnt_PerffectExampleColor_05.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-05" rel="attachment wp-att-4606"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://www.ifyc.org/">IFYC</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkd_3CkVq2uy1HO1ghV55rOlFjl1k07O8y_ZNfcLRfpm1w81lnTSoPIzyYTpaBlOzYL0YFHadtBSF1xLSxezxOtplET9i5fg_8_HJ7HzFqlJx4rX1YopAlhRAxjdRRUTZrJHXeNdkFwpz0/s1600/rgb.vn_lnt_PerffectExampleColor_06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkd_3CkVq2uy1HO1ghV55rOlFjl1k07O8y_ZNfcLRfpm1w81lnTSoPIzyYTpaBlOzYL0YFHadtBSF1xLSxezxOtplET9i5fg_8_HJ7HzFqlJx4rX1YopAlhRAxjdRRUTZrJHXeNdkFwpz0/s1600/rgb.vn_lnt_PerffectExampleColor_06.jpg" /></a></div><b><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-06" rel="attachment wp-att-4607"><br />
</a></b><br />
<br />
<br />
<h2><b><a href="http://www.leaderstheconference.com/">Leaders – The Conference</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojy7kWa6_rt9wep-zNjNfSZs7Aiu3kqQow3g4y1EiBQrv5kBiodeF0fwdb-iMr5B02itOAmEHa_oPz3ei5mKbXVIYMm8Mt8JyqoVKDAXT0mnF8JCiKjCsBeozpgNK8xlDKG0x7WtOVkI0/s1600/rgb.vn_lnt_PerffectExampleColor_07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgojy7kWa6_rt9wep-zNjNfSZs7Aiu3kqQow3g4y1EiBQrv5kBiodeF0fwdb-iMr5B02itOAmEHa_oPz3ei5mKbXVIYMm8Mt8JyqoVKDAXT0mnF8JCiKjCsBeozpgNK8xlDKG0x7WtOVkI0/s1600/rgb.vn_lnt_PerffectExampleColor_07.jpg" /></a></div><b><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-07" rel="attachment wp-att-4608"><br />
</a></b><br />
<br />
<br />
<h2><a href="http://www.codeslingerschallenge.com/">Code Slingers</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDh8OZIoal2SouSjKw0tCuyOVCK_wNZhSgqaw7kMWtUmU5WSMqJZ31mo7Mk2J35xQ343IDnjXUAMW2Gqc8UVIk9i1RIB9WCdKDa4sqUF4xZQXUZu76Uo4VlXShiz06yypvaCztZhaDHAh/s1600/rgb.vn_lnt_PerffectExampleColor_08.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDh8OZIoal2SouSjKw0tCuyOVCK_wNZhSgqaw7kMWtUmU5WSMqJZ31mo7Mk2J35xQ343IDnjXUAMW2Gqc8UVIk9i1RIB9WCdKDa4sqUF4xZQXUZu76Uo4VlXShiz06yypvaCztZhaDHAh/s1600/rgb.vn_lnt_PerffectExampleColor_08.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-08" rel="attachment wp-att-4609"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://www.tdhcreative.com/">Tom, Dick & Harry</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsWwVX6eD0v36kNQ-GI37qbtpRQ3ZgHwLMZmlGFgd1X4qTSlgLCoPjYevuJKII8YykLAOQPuGFGe2eEncYZbQv2sg3eIEd0aI6emCXI4T2QaL8qbe46yD4uSTn0rHEKbIJgvk68amu8idD/s1600/rgb.vn_lnt_PerffectExampleColor_09.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsWwVX6eD0v36kNQ-GI37qbtpRQ3ZgHwLMZmlGFgd1X4qTSlgLCoPjYevuJKII8YykLAOQPuGFGe2eEncYZbQv2sg3eIEd0aI6emCXI4T2QaL8qbe46yD4uSTn0rHEKbIJgvk68amu8idD/s1600/rgb.vn_lnt_PerffectExampleColor_09.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-09" rel="attachment wp-att-4610"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://www.atticuspetdesign.com/">Atticus Pet Design Studio</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiBkQ_Or2MS1BGIkNXFANou5DRrTMqsb-Jb_xEOA2BQ5JgcRewIR880yYhTKGe-fNYv5_zJdGIs7AEwotPqpkWg17UHLeHQOo19yN9d44Nh2dNC8dnIaGXRLesGew4YXapzsKzD8iF65kD/s1600/rgb.vn_lnt_PerffectExampleColor_10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiBkQ_Or2MS1BGIkNXFANou5DRrTMqsb-Jb_xEOA2BQ5JgcRewIR880yYhTKGe-fNYv5_zJdGIs7AEwotPqpkWg17UHLeHQOo19yN9d44Nh2dNC8dnIaGXRLesGew4YXapzsKzD8iF65kD/s1600/rgb.vn_lnt_PerffectExampleColor_10.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-10" rel="attachment wp-att-4611"><br />
</a><br />
<h2><b><a href="http://www.redbowlchallenge.org/">Red Bowl Challenge</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD83vmcQnTGDP847sp1Y-cxSoS3tpchl8ivpKnPkBRenW8dt7cF9yg-1jWeZX4_CbitEMDNC7hEETxa1lnvA1nrbbQEcJegn04uiPUyyFR7BCxZY474w2bPY7t3TDikRf4OlHltyiQwI7n/s1600/rgb.vn_lnt_PerffectExampleColor_11.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD83vmcQnTGDP847sp1Y-cxSoS3tpchl8ivpKnPkBRenW8dt7cF9yg-1jWeZX4_CbitEMDNC7hEETxa1lnvA1nrbbQEcJegn04uiPUyyFR7BCxZY474w2bPY7t3TDikRf4OlHltyiQwI7n/s1600/rgb.vn_lnt_PerffectExampleColor_11.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-11" rel="attachment wp-att-4612"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://viljamis.com/">Viljami Salminen</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLVOsgMwXmwQgyZh9cuuFbVcnCnAQ-evICwaoBVh61MSYYqCjYpr9j3KClYvOtbmzaaR1YncBk0CX-nAnO6afL8682pGmLjtheCDjX8vlOJinaRm3i0y_UQV9_9ax20gS07AkJB6Ub_Ct/s1600/rgb.vn_lnt_PerffectExampleColor_12.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivLVOsgMwXmwQgyZh9cuuFbVcnCnAQ-evICwaoBVh61MSYYqCjYpr9j3KClYvOtbmzaaR1YncBk0CX-nAnO6afL8682pGmLjtheCDjX8vlOJinaRm3i0y_UQV9_9ax20gS07AkJB6Ub_Ct/s1600/rgb.vn_lnt_PerffectExampleColor_12.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-12" rel="attachment wp-att-4613"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://lamoulade.com/">La Moulade</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_yBTfD3K2QX3r3sNfNtGWjqdodvsoVQXknjawtXgV7_adgZQ0RzFzryog0hPDU9AjRL0n887tkJj2V99Qa9_sbcOq3CiLzhNm6gKm-PnyOjt0i1B2e5YCFe0h-176LOKb5FRif9YXxns/s1600/rgb.vn_lnt_PerffectExampleColor_13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe_yBTfD3K2QX3r3sNfNtGWjqdodvsoVQXknjawtXgV7_adgZQ0RzFzryog0hPDU9AjRL0n887tkJj2V99Qa9_sbcOq3CiLzhNm6gKm-PnyOjt0i1B2e5YCFe0h-176LOKb5FRif9YXxns/s1600/rgb.vn_lnt_PerffectExampleColor_13.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-13" rel="attachment wp-att-4614"><br />
</a><br />
<br />
<br />
<h2><b><a href="http://www.hellostudios.com.au/">Hello Studios</a></b></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaRZ_qqNzXVoF4aFf1metBhxtFLiRKMptiTQxkIkbSiU4m9wYMz_Nr9SQ-t_yISXbYGH7eK-OgwxsUWsItGjfMapKkhMO0FVk5mY6NuMy8YG03eQ4SXQSijz2C_yFlfkMQMev4iNkgFGD/s1600/rgb.vn_lnt_PerffectExampleColor_14.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaRZ_qqNzXVoF4aFf1metBhxtFLiRKMptiTQxkIkbSiU4m9wYMz_Nr9SQ-t_yISXbYGH7eK-OgwxsUWsItGjfMapKkhMO0FVk5mY6NuMy8YG03eQ4SXQSijz2C_yFlfkMQMev4iNkgFGD/s1600/rgb.vn_lnt_PerffectExampleColor_14.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-14" rel="attachment wp-att-4615"><br />
</a><br />
<br />
<br />
<h2><a href="http://meacuppa.be/">Mea Cuppa</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0EWZhi18-ehk_PI_ivxxZcNPMKwhRyCbWq6pYcbjtL7EhDLwp_7BJkspSChOc8fLxgs3MMeoZSBznkgTumdCtBi8NZ75ADoZaZUk-nkCLdzTepeuQPNElzmK74Rb1gPaGtUuifKSC9Kb/s1600/rgb.vn_lnt_PerffectExampleColor_15.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil0EWZhi18-ehk_PI_ivxxZcNPMKwhRyCbWq6pYcbjtL7EhDLwp_7BJkspSChOc8fLxgs3MMeoZSBznkgTumdCtBi8NZ75ADoZaZUk-nkCLdzTepeuQPNElzmK74Rb1gPaGtUuifKSC9Kb/s1600/rgb.vn_lnt_PerffectExampleColor_15.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-15" rel="attachment wp-att-4616"><br />
</a><br />
<br />
<br />
<h2><a href="http://www.cheesesurvivalkit.com/">Cheese Survival Kit</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD35eBCj4aTF5WySFa42dpFs2aDFak4WUWqdWvDEnqpKZBawc3IE9hGjUq2h2cVv8mhyphenhyphenummY_NLDzVuDObpIquBKELibEP_5MGbS_MOf7yXUPiBBPMbwxzxYBOWD4L5FVPf9QQXw3nT952/s1600/rgb.vn_lnt_PerffectExampleColor_16.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD35eBCj4aTF5WySFa42dpFs2aDFak4WUWqdWvDEnqpKZBawc3IE9hGjUq2h2cVv8mhyphenhyphenummY_NLDzVuDObpIquBKELibEP_5MGbS_MOf7yXUPiBBPMbwxzxYBOWD4L5FVPf9QQXw3nT952/s1600/rgb.vn_lnt_PerffectExampleColor_16.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-16" rel="attachment wp-att-4617"><br />
</a><br />
<br />
<br />
<h2><a href="http://teamtreehouse.com/">Tree House</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiARKOPezEb7YLXAmaXVZ1PsPfuYy3Xkkf895Du_djaW6t89j-poFbv75oVrWxJwTQXNECmm3RFOTaDjN9dMrhgQ0eHbLs6B08s8cVcKdYkgruK153-dwLuX5v76Eyuy0XkNtsK3DcmcE7w/s1600/rgb.vn_lnt_PerffectExampleColor_17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiARKOPezEb7YLXAmaXVZ1PsPfuYy3Xkkf895Du_djaW6t89j-poFbv75oVrWxJwTQXNECmm3RFOTaDjN9dMrhgQ0eHbLs6B08s8cVcKdYkgruK153-dwLuX5v76Eyuy0XkNtsK3DcmcE7w/s1600/rgb.vn_lnt_PerffectExampleColor_17.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-17" rel="attachment wp-att-4618"><br />
</a><br />
<h2><a href="http://www.bloom-design.com/">Bloom</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUa2TmWh7e80I1WucoBKUmi6UGTqcdexYvpjcwaGH9Xv6G-eH6Lhzxt2KfIv0OtAw8LF3q4RnmJLMqzsA_6SvAhmXyi-VHSe4SYrBSQhivYvmiJwhxfogi9q-X46PCdzp91ZGA1S8t4Ki/s1600/rgb.vn_lnt_PerffectExampleColor_18.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbUa2TmWh7e80I1WucoBKUmi6UGTqcdexYvpjcwaGH9Xv6G-eH6Lhzxt2KfIv0OtAw8LF3q4RnmJLMqzsA_6SvAhmXyi-VHSe4SYrBSQhivYvmiJwhxfogi9q-X46PCdzp91ZGA1S8t4Ki/s1600/rgb.vn_lnt_PerffectExampleColor_18.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-18" rel="attachment wp-att-4619"><br />
</a><br />
<br />
<br />
<h2><a href="http://www.halfofus.com.au/">Half Of Us</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4-LJ8g6zPOfHgexY-zxVBO_CQKLYjKtfv3lBkySFwAWIcHioLJaHsDDppNuC5zmj2Jzh71DNGvog5hTnDtGlK0FFe2TGxi2JEO4jqmQ0JSft_m4p_lKGRZ843YFr0-LIkTXhaWNUwJSD/s1600/rgb.vn_lnt_PerffectExampleColor_19.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD4-LJ8g6zPOfHgexY-zxVBO_CQKLYjKtfv3lBkySFwAWIcHioLJaHsDDppNuC5zmj2Jzh71DNGvog5hTnDtGlK0FFe2TGxi2JEO4jqmQ0JSft_m4p_lKGRZ843YFr0-LIkTXhaWNUwJSD/s1600/rgb.vn_lnt_PerffectExampleColor_19.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-19" rel="attachment wp-att-4620"><br />
</a><br />
<br />
<br />
<h2><a href="http://fuelbrandinc.com/#/companies">Fuel</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KH_HJ8ZhoXGOSdvg3WE_-CxFe8XRUQJkfEwU5dYnbl_OCfQTYKlwkN3nI9_bZ61cy-HQuXkNhjpuZKS1blScHkgYK9tlwZQSwd6sjeYRVWrftGS9-1yGCuW_qzd1LIkcFA-1RrGHhulb/s1600/rgb.vn_lnt_PerffectExampleColor_20.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_KH_HJ8ZhoXGOSdvg3WE_-CxFe8XRUQJkfEwU5dYnbl_OCfQTYKlwkN3nI9_bZ61cy-HQuXkNhjpuZKS1blScHkgYK9tlwZQSwd6sjeYRVWrftGS9-1yGCuW_qzd1LIkcFA-1RrGHhulb/s1600/rgb.vn_lnt_PerffectExampleColor_20.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-20" rel="attachment wp-att-4621"><br />
</a><br />
<br />
<br />
<h2><a href="http://shadyacres.com.au/">Shady Acres</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKP7UYqeM2_CAVGXKkEdJ9_rK9oBPHEtZ-h2UI0gEGWm_lhYtaGffvTZ5evqxG63eiKSpoOZFSX5nufq1I5FtDAzM1hCyUgZq2hzFwxTJSBTeh0PAuoRcWLWBOwNE0qtctFiV1Bgx8x6o/s1600/rgb.vn_lnt_PerffectExampleColor_21.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKP7UYqeM2_CAVGXKkEdJ9_rK9oBPHEtZ-h2UI0gEGWm_lhYtaGffvTZ5evqxG63eiKSpoOZFSX5nufq1I5FtDAzM1hCyUgZq2hzFwxTJSBTeh0PAuoRcWLWBOwNE0qtctFiV1Bgx8x6o/s1600/rgb.vn_lnt_PerffectExampleColor_21.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-21" rel="attachment wp-att-4622"><br />
</a><br />
<br />
<br />
<h2><a href="http://www.hellobar.com/">Web Toolbar</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxN6YMa9oQKcV3fJpDUSSWUSN0UrYXJ2Cn4nZ9zwInjkD6-9lm2kvik_ZTgUM61fcR7rNbknMywcRi3x4Nel7RdTelMOTBjgRYaBkoOj4psLZmCDagAkmovPfHsU9qE-6pRKEIrWEqB7q/s1600/rgb.vn_lnt_PerffectExampleColor_22.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRxN6YMa9oQKcV3fJpDUSSWUSN0UrYXJ2Cn4nZ9zwInjkD6-9lm2kvik_ZTgUM61fcR7rNbknMywcRi3x4Nel7RdTelMOTBjgRYaBkoOj4psLZmCDagAkmovPfHsU9qE-6pRKEIrWEqB7q/s1600/rgb.vn_lnt_PerffectExampleColor_22.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-22" rel="attachment wp-att-4623"><br />
</a><br />
<br />
<br />
<h2><a href="http://www.cloudberrycreative.com/">Cloudberry</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvfNDkFfdlKtk8rngf6YG5shKFoUE5bz4EhQNhR4uEyJN9ue_ZkC0jpLK3AWP4prSzuLEwiBa0JbqTNhcpJI1q3d-XQCZQquElxTtPS7uHnU29EHAjBO1TzBYjzwlhj9-B9ACn290yqOlV/s1600/rgb.vn_lnt_PerffectExampleColor_23.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvfNDkFfdlKtk8rngf6YG5shKFoUE5bz4EhQNhR4uEyJN9ue_ZkC0jpLK3AWP4prSzuLEwiBa0JbqTNhcpJI1q3d-XQCZQquElxTtPS7uHnU29EHAjBO1TzBYjzwlhj9-B9ACn290yqOlV/s1600/rgb.vn_lnt_PerffectExampleColor_23.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-23" rel="attachment wp-att-4624"><br />
</a><br />
<br />
<br />
<h2><a href="http://www.enlighten-my-mind.com/">Enlightening Quotes</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACPLFYzqdhHvfiUQlk7PLdy_fHNY1BsE_UXmWK0vMKArMyENoBzU1jnVtgbzT-7vYmOKH6CgiDW3DRdwPUdXFUYqbI4IwMYlPdQqfr2H0d_jo2JlWuSXahhmYAuCCivEqIaBcId-C34FT/s1600/rgb.vn_lnt_PerffectExampleColor_24.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjACPLFYzqdhHvfiUQlk7PLdy_fHNY1BsE_UXmWK0vMKArMyENoBzU1jnVtgbzT-7vYmOKH6CgiDW3DRdwPUdXFUYqbI4IwMYlPdQqfr2H0d_jo2JlWuSXahhmYAuCCivEqIaBcId-C34FT/s1600/rgb.vn_lnt_PerffectExampleColor_24.jpg" /></a></div><a href="http://rgb.vn/ideas/explore/25-vi-du-hoan-hao-ve-cach-phoi-mau-trong-thiet-ke-website/attachment/rgb-vn-lnt-perffectexamplecolor-24" rel="attachment wp-att-4625"><br />
</a><br />
<br />
<br />
<h2><a href="http://kitestudioarchitecture.com/">Kite Studio Architecture</a></h2><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YL50YWvCBmeXwx2enlgRtqYTcsn4VfucrnG1ePz0smxK5Vf7JsVR2472aL4L5yv2eyCQyJ2UyOJhmXT6nE3ZUTKOw18SIsi7wuA6Mmm0Lf-EBa1_LjjvvSasQ6tDcgfJquQred70yJW4/s1600/rgb.vn_lnt_PerffectExampleColor_25.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0YL50YWvCBmeXwx2enlgRtqYTcsn4VfucrnG1ePz0smxK5Vf7JsVR2472aL4L5yv2eyCQyJ2UyOJhmXT6nE3ZUTKOw18SIsi7wuA6Mmm0Lf-EBa1_LjjvvSasQ6tDcgfJquQred70yJW4/s1600/rgb.vn_lnt_PerffectExampleColor_25.jpg" /></a></div><br />
<br />
<br />
<br />
<div style="text-align: right;"><b>LNT dịch theo Tympanus</b></div>

25 ví dụ về cách phối màu trong thiết kế Website - LNT

Màu sắc là một thành phần rất quan trọng trong. Nếu bạn đã quen thuộc với các lý thuyết sử dụng màu sắc trong nghệ thuật thì bạn có thể ...

Đọc thêm »

10 điều làm nên một Web Flash lung linh - LNT

Ngày nay  các trang web flash đã được sử dụng phổ biến trên Internet.  Đây là một công nghệ đa phương tiện, nó cho phép người dùng có thể tương tác nhiều ngay cả đối với một tập tin có kích thước nhỏ.  Nó mang lại những lợi ích to lớn cho thế giới hiện đại nhờ vào việc nó có thể trình bày thông tin một cách hấp dẫn bằng những chi tiết đầy sinh động và đẹp như tranh vẽ. Từ những ưu điểm nêu trên, mà các trang web Flash ngay lập tức có thể nhận được sự chú ý của người xem. Ngoài ra, việc tương tác thông qua các trang web flash có thể nắm bắt được sự chú ý và nhận được thông tin phản hồi từ phía người dùng một cách dễ dàng. Hiện tại website flash là một trong những sự lựa chọn của người thiết kế web.<br />
<br />
Đối với những trang web Flash được thiết kế theo hướng “Website-wanna-be-designer”  thì bài viết dưới đây RGB.vn giới thiệu sẽ giúp cho các bạn một vài điều cần được xem xét qua trong việc thiết kế nhằm tạo nên một trang web flash thực sự tuyệt vời.<br />
<br />
<br />
<h2><b>1. Hiệu ứng tải trang web</b></h2><br />
<div style="text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/1-loading-3" rel="attachment wp-att-3798"><img alt="" class="aligncenter size-full wp-image-3798" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/1-loading2.jpg" width="500" /></a></b> <span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://scruffs-game.com/">scruffs-game</a></span></div><br />
Hãy chắc rằng website flash của bạn không mất quá nhiều thời gian để tải về máy người dùng. Hơn nữa,việc thiết kế hiệu ứng tải trang sáng tao sẽ không làm cho website của bạn nhìn nhàm chán. Một số trang web để các thành phần thiết kế xuất hiện từng chút một khi website đang được  tải về.  Một số khác thì bổ sung thêm vài hiệu ứng màu sắc khác nhau. Bạn cũng có thể tạo một nhân vật đang nhảy múa trong khi tải trang web. Ngoài ra, bạn có thể làm cho hình ảnh của trang web di chuyển hoặc bị cuốn đi. Trong trang web Scruffs, bạn có thể nhìn thấy chú chó  Scruffy rơi từ trên xuống sau đó nó lăn ra ngủ và ngáy khò khò.<br />
<br />
<br />
<br />
<b style="font-size: 20px; line-height: normal;">2. Khả năng tương tác</b><br />
<br />
<div class="MsoNormal" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/2-interactivity" rel="attachment wp-att-3801"><img alt="" class="aligncenter size-full wp-image-3801" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/2-interactivity.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.theoleg.com/hes/">theoleg</a></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;">Việc t<span lang="VI">ương tác </span>liên quan đến cách mà trang web <span lang="VI">có thể giao tiếp với người xem. Điều đó có nghĩa </span>là<span lang="VI"> trang web </span>cho phép người dùng có thể <span lang="VI">chuyển </span>tiếp <span lang="VI">một tin nhắn h</span>ay <span lang="VI">xem h</span>oặc<span lang="VI"> đọc </span>được <span lang="VI">một </span>điều gì<span lang="VI"> đó để </span>có được <span lang="VI">thông tin về trang web. Ví dụ, trang web cho Herbal Essences có</span> một hiệu ứng <span lang="VI">tương tác tuyệt vời</span>.Ở đó,<span lang="VI"> dường như bạn </span>có thể<span lang="VI"> tương tác với </span>từng nhân vật khác nhau<span lang="VI">. </span>T<span lang="VI">hậm chí </span>nó còn <span lang="VI">có một </span>Game nhỏ để bạn chơi<span lang="VI">, học hỏi và </span>giải trí<span lang="VI">.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><br />
<b style="font-size: 20px; line-height: normal;">3.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Sử dụng hiệu ứng 3D</b></span><br />
<br />
<div class="MsoNormal" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/3-3d" rel="attachment wp-att-3802"><img alt="" class="aligncenter size-full wp-image-3802" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/3-3d.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://demo.northkingdom.com/ihuvudetpatoyota/index_en.html">ihuvudetpatoyota</a></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;">Có <span lang="VI">hai </span>dạng<span lang="VI"> web flash, 2D và 3D</span>, và để tạo được sự hấp dẫn cho đối với người xem <span lang="VI">bạn có thể </span>áp dụng hiệu ứng 3D trong thiết kế của mình. Tuy nhiên b<span lang="VI">ạn </span>cũng <span lang="VI">không thực sự cần phải làm cho tất cả mọi thứ </span>đều là <span lang="VI">3D</span> nhưng nếu có thể<span lang="VI">, </span>trang web của bạn sẽ nhìn <span lang="VI">ấn tượng hơn. </span>T<span lang="VI">rang web ở trên sẽ minh họa cho bạn thấy một trang web flash </span>được sử dụng hiệu hứng <span lang="VI">3D. Bạn sẽ ngạc nhiên về </span>những gì mình nhìn thấy<span lang="VI"> và làm thế nào</span> mà<span lang="VI"> một số </span>thành <span lang="VI">phần của </span>trang web có thể <span lang="VI">di chuyển </span>được <span lang="VI">như thể </span>chúng<span lang="VI"> đang thực sự </span>sống !<span lang="VI">.</span>Và  bạn hãy đặc biệt chú ý đến các ngón tay đang lắc lư nhé, nhìn chúng  giống  như những con giun đất vậy, đây quả thật là một trang web flash  tuyệt vời!</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">4. Sử dụng các hiệu ứng Animation một cách tinh tế</b><br />
<br />
<div class="MsoNormal" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/4-subtle" rel="attachment wp-att-3803"><img alt="" class="aligncenter size-full wp-image-3803" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/4-subtle.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.hellomonday.com/">hellomonday</a></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span lang="VI">Bạn thực sự không </span>nên <span lang="VI">lạm dụng </span>các hiệu ứng animation quá nhiều<span lang="VI">.</span> Vì với những hiệu ứng đơn giản thì bạn <span lang="VI">vẫn có thể </span>tạo ra được những <span lang="VI">tác động </span>to <span lang="VI">lớn đến trang web</span> của mình<span lang="VI">. Tôi đã thấy trang web Hello Monday và tôi đã thực sự ấn tượng về cách họ </span>thiết kế lên nó<span lang="VI">.</span> Dù chỉ đơn giản là h<span lang="VI">ọ sử dụng hiệu ứng </span>rê <span lang="VI">chuột và</span>o các thành phần trong trang <a href="http://rgb.vn/ideas/tag/web" target="_blank">web</a> thôi, nhưng <span lang="VI">nó </span>cũng đã <span lang="VI">thực sự </span>làm việc rất hiệu quả<span lang="VI">. Thậm chí </span>họ <span lang="VI">còn </span>nghĩ ra một tính năng <span lang="VI">độc đáo </span>khác trong việc <span lang="VI">đọc </span>các <span lang="VI">bài viết </span>được đăng trên trang web <span lang="VI">của </span>mình bằng cách sử dụng các hiệu ứng phóng to và thu nhỏ nội dụng<span lang="VI">.</span>Một web flash t<span lang="VI">hực sự tuyệt vời </span>dù chỉ với những hiệu ứng animation <span lang="VI">rất đơn giản nhưng </span>đầy <span lang="VI">ấn tượng.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">5.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Hiệu ứng khi di chuyển chuột</b></span><br />
<br />
<div><div style="text-align: center;"><img alt="Mouse hover effects" height="300" src="http://image.naldzgraphics.net/2011/10/5-mouse.jpg" width="500" /><br />
<span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.ecodazoo.com/">ecodazoo</a></span></div><div style="text-align: center;"><br />
</div></div><div class="MsoNormal" style="line-height: normal;"><span lang="VI">Một phần </span>quan trọng <span lang="VI">của một trang web flash là việc sử dụng </span>các <span lang="VI">hiệu ứng di </span>chuyển <span lang="VI">chuột</span>, <span lang="VI">trong đó bạn phải </span>thể hiện được một hiệu ứng nhất định nào đó sẽ xảy ra khi chuột được <span lang="VI">di chuyển</span> trên <span lang="VI">trang web. Một số trang web thay đổi màu sắc khi con chuột chạm vào những hình ảnh, một số </span>nữa thì cho <span lang="VI">cửa sổ pop-up </span>hiển thị, <span lang="VI">trong </span>khi đó thì <span lang="VI">những</span> trang web flash <span lang="VI">khác </span>lại cho xuất hiện một vài dòng có nội dung là chữ<span lang="VI">. Trang web trên là một trang web flash </span>thuần <span lang="VI">3D. </span>Hãy k<span lang="VI">iểm tra những gì bạn có thể </span>thấy<span lang="VI"> đơn </span>giản là bạn hãy <span lang="VI">di chuyển chuột </span>qua khắp các thành phần trong <span lang="VI">trang web</span>.</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">6.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Typograhpy</b></span><br />
<br />
<div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/6-typography" rel="attachment wp-att-3805"><img alt="" class="aligncenter size-full wp-image-3805" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/6-typography.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.adenek.com/">adenek</a></span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt;"><span lang="VI">Typography là một trong những yếu tố quan trọng trong thiết kế web. Một số </span>trang web flash <span lang="VI">sử dụng </span>kiểu chữ<span lang="VI"> 3D </span>trong thiết kế của mình, số khác thì nghịch ngợm với chúng<span lang="VI">. Một số trang web không thực sự sử dụng nhiều hình ảnh hoặc video mà họ</span> chỉ tập trung vào việc<span lang="VI"> sử dụng các từ</span> ngữ<span lang="VI"> để hiển thị những gì có trong trang web của họ. Trang web trên sử dụng kiểu chữ và màu sắc để làm cho trang web </span>nhìn<span lang="VI"> thanh lịch và </span>thu hút hơn<span lang="VI">. Những </span>từ <span lang="VI">mà bạn nhìn thấy</span>,  được <span lang="VI">thổi lên </span>mỗi khi con<span lang="VI"> trỏ chuột </span>của bạn chạm <span lang="VI">vào nó. Đó là thời gian bạn nhận được để xem một số hình ảnh nếu bạn chọn để xem nó.</span></div><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"><br />
</div><div class="MsoNormal" style="line-height: normal; margin-bottom: 0.0001pt;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">7.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Tạo hình nền động</b></span><br />
<br />
<div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/7-background" rel="attachment wp-att-3806"><img alt="" class="aligncenter size-full wp-image-3806" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/7-background.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://gt3creative.com/">gt3creative</a></span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span lang="VI">Đôi khi, để </span>giúp<span lang="VI"> cho trang web</span> giảm được dung lượng thì cách chỉ tạo hiệu ứng animation cho hình <span lang="VI">nền</span> cũng là một giải pháp hay<span lang="VI">.</span> Tuy nhiên b<span lang="VI">ạn </span>cũng cần <span lang="VI">phải sáng tạo trong việc đó và không lạm dụng hình nền mà nó</span> phải là một <span lang="VI">yếu tố quan trọng của trang web</span> bạn<span lang="VI">. Một ví dụ là trang web trên cho thấy một nền màu xanh mây</span>. Nhìn nó như thực sự có <span lang="VI">những đám mây đang thực sự di chuyển</span> và <span lang="VI">ánh sáng ở khắp mọi nơi</span>.</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">8.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> </span><b style="font-size: 20px; line-height: normal;">Sáng tạo cho những video được đưa vào trong trang web</b><br />
<br />
<div class="MsoNormal" style="line-height: normal; text-align: center;"><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/8-videos" rel="attachment wp-att-3807"><img alt="" class="aligncenter size-full wp-image-3807" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/8-videos.jpg" width="500" /></a><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.parasol-island.com/">parasol-island</a></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;">Bây giờ chúng ta sẽ nói đến việc chèn <span lang="VI">các video trong trang web flash của bạn. </span>S<span lang="VI">ẽ là tốt hơn nếu bạn </span>làm những <span lang="VI">video nhìn sáng tạo và </span>hài hước nhưng phù hợp <span lang="VI">với chủ đề của trang web</span>. <span lang="VI">Sử dụng một </span>điều gì<span lang="VI"> đó </span>để gây được sự <span lang="VI">thu hút </span>của <span lang="VI">độc giả sẽ </span>khiến<span lang="VI"> cho họ </span>xem hết đoạn clip trên trang web của bạn<span lang="VI">. Nó cũng có thể là một yếu tố thúc đẩy cho họ tiếp tục </span>đọc lướt qua hết <span lang="VI">trang web của bạn.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">9.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Thêm minh họa cho thiết kế</b></span><br />
<br />
<div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><b><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/9-illustrated" rel="attachment wp-att-3808"><img alt="" class="aligncenter size-full wp-image-3808" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/9-illustrated.jpg" width="500" /></a></b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.mauriciostudio.com/">mauriciostudio</a></span></div><div class="MsoNormalCxSpMiddle" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;">Bất kể bạn phải <span lang="VI">dành bao nhiêu thời gian </span>cho <span lang="VI">việc tạo ra các thiết kế minh họa, </span>thì <span lang="VI">nó sẽ luôn luôn </span>có<span lang="VI"> giá trị </span>và gây được sự hấp dẫn đối với trang web của bạn. Việc làm này <span lang="VI">thực sự cần</span> đến <span lang="VI">tài năng của </span>người <span lang="VI">họa sĩ </span>vẽ <span lang="VI">minh họa giỏi. Nếu bạn kết hợp </span>được  hình ảnh <span lang="VI">minh họa với một trang web flash, kết quả</span> sẽ<span lang="VI"> là thực sự tuyệt vời và thậm chí </span>nó <span lang="VI">sẽ </span>khiến cho người xem cảm thấy bị kích thích và <span lang="VI">tò mò muốn biết những gì </span>mà <span lang="VI">trang web </span>của bạn <span lang="VI">sẽ cung cấp cho </span>họ<span lang="VI">. Trên đây là một web</span>site dạng porfolio <span lang="VI">sử dụng hình ảnh minh họa. Hãy thử điều hướng các trang và bạn chắc chắn sẽ bị ấn tượng và </span>còn làm cảm thấy thú vị<span lang="VI">.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><br />
</div><b style="font-size: 20px; line-height: normal;">10.</b><span style="font-size: 20px; font-weight: bold; line-height: normal;"> <b>Hiệu ứng âm thanh</b></span><br />
<br />
<div class="MsoNormal" style="line-height: normal; text-align: center;"><a href="http://rgb.vn/ideas/explore/10-dieu-lam-nen-mot-web-flash-lung-linh/attachment/10-musics" rel="attachment wp-att-3809"><img alt="" class="aligncenter size-full wp-image-3809" height="300" src="http://rgb.vn/ideas/wp-content/uploads/2011/11/10-musics.jpg" width="500" /></a><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> </span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">Web: <a href="http://www.plateinteractive.com/">plateinteractive</a></span></div><div class="MsoNormal" style="line-height: normal; text-align: center;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span lang="VI">Bạn có thể sử dụng âm thanh hoặc âm nhạc trong trang web flash của </span>mình<span lang="VI">. Chỉ cần </span>nó <span lang="VI">không quá ồn ào </span>để làm<span lang="VI"> người đọc của bạn bị phân tâm</span> là được<span lang="VI">. Ngoài ra, </span>bạn trang web của bạn cũng nên c<span lang="VI">ó </span>tùy<span lang="VI"> chọn tắt</span>/mở <span lang="VI">âm </span>thanh <span lang="VI">cho độc giả nếu họ muốn. </span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><h2 class="MsoNormal" style="line-height: normal;"><b>Kết luận </b></h2><div class="MsoNormal" style="line-height: normal;">Với 10 điều cần lưu ý trong việc thiết kế web flash được liệt kê ở trên đã mang lại thành công cho chúng tôi. <span lang="VI">Nó thậm chí còn </span>giúp cho thiết kế của chúng tôi nhìn <span lang="VI">bắt mắ</span>t <span lang="VI">và thú vị</span> hơn. <span lang="VI">Vì vậy, nếu bạn </span>đang là một người chuyên thiết kế web<span lang="VI">, bạn có </span>thể cân nhắc  đến <span lang="VI">những điều </span>mà chúng tôi đã đề cập ở trên.<br />
</div><div style="text-align: right;"><b><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;">LNT</span><span style="font-family: arial,helvetica,sans-serif; font-size: x-small;"> dịch theo Naldzgraphics</span></b></div><div class="MsoNormal" style="line-height: normal;"></div>