<!DOCTYPE html>
	<html lang="vi" xmlns="http://www.w3.org/1999/xhtml" prefix="og: http://ogp.me/ns#">
	<head>
<title>Flat Design là gì ? Đặc điểm chung của flat design</title>
<meta name="description" content="Flat Design là gì ? Đặc điểm chung của flat design - Savefile - Tin tức -...">
<meta name="author" content="Thế Anh Group">
<meta name="copyright" content="Thế Anh Group">
<meta name="robots" content="index, archive, follow, noodp">
<meta name="googlebot" content="index,archive,follow,noodp">
<meta name="msnbot" content="all,index,follow">
<meta name="geo.region" content="VN-SG">
<meta name="geo.placename" content="Ho Chi Minh">
<meta name="geo.position" content="10.833111;106.641224">
<meta name="generator" content="NukeViet v4.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#00b456">
<meta name="msapplication-navbutton-color" content="#00b456">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#00b456">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta property="og:title" content="Flat Design là gì ? Đặc điểm chung của flat design">
<meta property="og:type" content="website">
<meta property="og:description" content="Savefile - Tin tức - https&#x3A;&#x002F;&#x002F;theanhgroup.com&#x002F;tin-tuc&#x002F;savefile&#x002F;tu-van-chon-dich-vu&#x002F;flat-design-la-gi-dac-diem-chung-cua-flat-design-126.html">
<meta property="og:site_name" content="Thế Anh Group - Hosting - Domain - VPS">
<meta property="og:image" content="https://theanhgroup.com/uploads/bnn-tag.jpg">
<meta property="og:url" content="https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/flat-design-la-gi-dac-diem-chung-cua-flat-design-126.html">
<link rel="shortcut icon" href="https://theanhgroup.com/favicon.ico">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/jquery/jquery.min.js">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/language/vi.js">
<link rel="preload" as="script" href="https://theanhgroup.com/assets/js/global.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/news.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/main.js">
<link rel="preload" as="script" href="https://theanhgroup.com/OneSignalSDKWorker.js">
<link rel="preload" as="script" href="https://theanhgroup.com/OneSignalSDKUpdaterWorker.js">
<link rel="preload" as="script" href="https://cdn.onesignal.com/sdks/OneSignalSDK.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/intersection-observer.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/lazyload.min.js">
<link rel="preload" as="script" href="https://theanhgroup.com/themes/theanhgroup/js/bootstrap.min.js">
<link rel="stylesheet" href="https://theanhgroup.com/stylesheet/css/all.css">
<style>
	body{background: #fff;}
</style>
<script data-show="inline">(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-101091287-1', '.theanhgroup.com');
ga('send', 'pageview');
</script>
</head>
	<body >
<div id="print">
	<div id="hd_print">
		<h2 class="pull-left">Thế Anh Group - Hosting - Domain - VPS</h2>
		<p class="pull-right"><a title="Thế Anh Group - Hosting - Domain - VPS" href="https://theanhgroup.com/">https://theanhgroup.com</a></p>
	</div>
	<div class="clear"></div>
	<hr />
	<div id="content">
		<h1>Flat Design là gì ? Đặc điểm chung của flat design</h1>
		<ul class="list-inline">
			<li>Thứ ba - 11/06/2019 03:57</li>
			<li class="hidden-print txtrequired"><em class="fa fa-print">&nbsp;</em><a title="In ra" href="javascript:;" onclick="window.print()">In ra</a></li>
			<li class="hidden-print txtrequired"><em class="fa fa-power-off">&nbsp;</em><a title="Đóng cửa sổ này" href="javascript:;" onclick="window.close()">Đóng cửa sổ này</a></li>
		</ul>
		<div class="clear"></div>
		<div id="hometext">
			Một trong những xu hướng thiết kế website đang được ưa chuộng nhất hiện nay đó chính là Flat Design, hay thường được gọi là thiết kế website phẳng. Vậy flat design là gì? Đặc điểm chung của flat design như thế nào? Tất cả đều được giải đáp tại bài viết dưới đây của theanhgroup.com, mời các bạn cùng tham khảo.
		</div>
		<div id="bodytext" class="clearfix">
			<h3>Khái niệm Flat design</h3>

<p>Flat Design hay thiết kế phẳng chính là xu hướng thiết kế website 2D mà cần cần phải sử dụng bất kỳ một hiệu ứng nặng nào như đổ bóng hay góc xiêng … khi đó sẽ giúp mang lại cho bạn các nhìn trực quan nhất cho người sử dụng.</p>

<div style="text-align:center">
<figure class="image" style="display:inline-block"><img alt="flat design la gi1" height="338" src="https://theanhgroup.com/uploads/tin-tuc/tu-van-chon-dich-vu/flat-design-la-gi1.png" width="600" />
<figcaption>Flat design là gì ?</figcaption>
</figure>
</div>

<p>Xu hướng thiết kế mặt phẳng flat design được phát triển dựa trên các xu hướng được tối giản ở mức độ cao nhất, cho nên các giao diện khi được thiết kế ở đây đều được tối giản các yếu tố như màu sắc, đồ hoạ hay các chi tiết …</p>

<h3>Đặc điểm chung của flat design</h3>

<h4>Không chứa hiệu ứng</h4>

<p>Như ở trên theanhgroup.com đã trình bày rằng, Flat Design chính là dạng thiết kế không sử dụng bất kỳ hiệu ứng nào cho website, cho nên tất cả các chi tiết của chúng đều được sắp xếp và hiển thị trên một mặt phẳng để có thể giúp người xem có thể dễ dàng nắm bắt được các chi tiết của bản thiết kế một cách đơn giản nhất.</p>
Đặc tính đơn giản

<p>Kèm với đặc tính không sử dụng hiệu ứng thì ở flat design còn luôn tập trung vào các yếu tố sao cho bản thiết kế được đơn giản nhất, khi đó các nhà thiết kế sẽ không đi sâu vào những chi tiết hay hiệu ứng và đồ hoạ nữa, nhưng lại có thể tạo ra một bản thiết kế với giao diện phẳng, khiến cho người dùng có cảm giác thoải mái, tinh tế và gọn gàng.</p>

<div style="text-align:center">
<figure class="image" style="display:inline-block"><img alt="flat design la gi2" height="333" src="https://theanhgroup.com/uploads/tin-tuc/tu-van-chon-dich-vu/flat-design-la-gi2.png" width="600" />
<figcaption>Đơn giản tự tin khoe.....</figcaption>
</figure>
</div>
Đặc tính đơn giản ngoài ra cũng giúp cho website của bạn có thể dễ dàng tương tác với người dùng hơn, và đây chính là thử thách cho các nhà thiết kế đặc biệt khi thiết kế các website bán hàng.

<h4>Tập trung đặc biệt vào màu sắc</h4>

<p>Khi bạn không tập trung vào các hiệu ứng thì việc tập trung vào các màu sắc sẽ tạo ra những dấu ấn độc đáo cho website của mình, bạn nên lựa chọn những màu sắc phù hợp mang lại nét đặc trưng cho doanh nghiệp, nên tác động trực tiếp đến cảm xúc của người dùng bởi đây chính là yếu tố giúp làm tăng tính chuyển đổi và nâng cao hiệu quả phát triển website, thúc đầy quả trình phát triển hiệu quả kinh doanh của doanh nghiệp.</p>

<p>Hi vọng với những thông tin về flat design là gì? đặc tính của flat design? sẽ giúp bạn hiểu hơn về xu hướng thiết kế phẳng. Chúc các bạn thành công.</p>
		</div>
	</div>
	<div id="footer" class="clearfix">
		<div id="url">
			<strong>URL của bản tin này: </strong><a href="https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/flat-design-la-gi-dac-diem-chung-cua-flat-design-126.html" title="Flat Design là gì ? Đặc điểm chung của flat design">https://theanhgroup.com/tin-tuc/tu-van-chon-dich-vu/flat-design-la-gi-dac-diem-chung-cua-flat-design-126.html</a>

		</div>
		<div class="clear"></div>
		<div class="copyright">
			&copy; Thế Anh Group - Hosting - Domain - VPS
		</div>
		<div id="contact">
			<a href="mailto:info@theanhgroup.com">info@theanhgroup.com</a>
		</div>
	</div>
</div>

		</div>
        <div id="timeoutsess" class="chromeframe">
            Bạn đã không sử dụng Site, <a onclick="timeoutsesscancel();" href="https://theanhgroup.com/#">Bấm vào đây để duy trì trạng thái đăng nhập</a>. Thời gian chờ: <span id="secField"> 60 </span> giây
        </div>
        <div id="openidResult" class="nv-alert" style="display:none"></div>
        <div id="openidBt" data-result="" data-redirect=""></div>
<script src="https://theanhgroup.com/assets/js/jquery/jquery.min.js"></script>
<script>var nv_base_siteurl="/",nv_lang_data="vi",nv_lang_interface="vi",nv_name_variable="nv",nv_fc_variable="op",nv_lang_variable="language",nv_module_name="tin-tuc",nv_func_name="savefile",nv_is_user=0, nv_my_ofs=-4,nv_my_abbr="EDT",nv_cookie_prefix="nv4",nv_check_pass_mstime=1738000,nv_area_admin=0,nv_safemode=0,theme_responsive=1,nv_is_recaptcha=1,nv_recaptcha_sitekey="6LcBa6sUAAAAAL3xxPH8QGCnxx1DtQN_Qu8zAtTm",nv_recaptcha_type="image",nv_recaptcha_elements=[];</script>
<script src="https://theanhgroup.com/assets/js/language/vi.js"></script>
<script src="https://theanhgroup.com/assets/js/global.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/news.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/main.js"></script>
<script type="application/ld+json">
		{
			"@context": "http://schema.org",
			"@type": "LocalBusiness",
			"url": "/",
			"logo": "/uploads/logo.svg",
			"image": "/uploads/logo.svg",
			"priceRange": "VND",
			"hasMap": "https://goo.gl/maps/GxvwWZZZJwYi28GR7",
			"email": "mailto: khachhang@theanhgroup.com",
			"address": { 
			"@type": "PostalAddress", 
			"addressLocality": "Gò Vấp", 
			"addressRegion": "Hồ Chí Minh", 
			"postalCode":"700000", 
			"streetAddress": "164/64 Bùi Quang Là, Q. Gò Vấp, TP. Hồ Chí Minh" 
			},
			"description": "Công Ty TNHH Thế Anh Group chuyên cung cấp giải pháp lưu trữ website, máy chủ ảo, tên miền giá rẻ uy tín hàng đầu Việt Nam",
			"name": "Công Ty TNHH Thế Anh Group", "telephone": "088-877-6611",
			"openingHours": [ "Mo-Fri 08:00-17:00", "Sat 08:00-12:00" ],
			"geo": { "@type": "GeoCoordinates", "latitude": "10.833485", "longitude": "106.641419" },
			"sameAs" : [ "https://www.facebook.com/TheAnhGroup/" , "https://www.pinterest.com/theanhgroup/"] 
		}
		</script>
<script src="https://theanhgroup.com/OneSignalSDKWorker.js" async=""></script>
<script src="https://theanhgroup.com/OneSignalSDKUpdaterWorker.js" async=""></script>
<script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" async=""></script>
<script>
		  var OneSignal = window.OneSignal || [];
		  OneSignal.push(function() {
			OneSignal.init({
			  appId: "a62d202f-ca22-40ca-9987-e10da3bfbd9a",
			});
		  });
		</script>
<script>
		$(document).ready(function() {
			if (document.documentElement.clientWidth > 786 ) {
				window.onscroll = function() {myFunction()};
				var navbar = document.getElementById("main-menu");
				var sticky = navbar.offsetTop;
				function myFunction() {
					if (window.pageYOffset >= sticky) {
						navbar.classList.add("sticky")
					} else {
						navbar.classList.remove("sticky");
					}
				};
			}
			else
			{
				window.onscroll = function() {sticky_search_box()};
				var navbar_search = document.getElementById("box-search");
				var sticky_search = navbar_search.offsetTop;
				function sticky_search_box() {
					if (window.pageYOffset >= sticky_search + 300) {
						navbar_search.classList.add("sticky-search")
					} else {
						navbar_search.classList.remove("sticky-search");
					}
				}
			}
		});
		</script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/intersection-observer.js"></script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/lazyload.min.js"></script>
<script>
			var lazyLoadInstance = new LazyLoad({
				elements_selector: ".img-lazyload"
			}); 
		</script>
<script src="https://theanhgroup.com/themes/theanhgroup/js/bootstrap.min.js"></script>
</body>
</html>