<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>طراحی سایت مشاغل &#8211; طراحان | طراحی  وب سایت حرفه ای |طراحی فروشگاه اینترنتی</title>
	<atom:link href="http://tarahan.com/tag/%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D9%85%D8%B4%D8%A7%D8%BA%D9%84/feed/" rel="self" type="application/rss+xml" />
	<link>http://tarahan.com</link>
	<description>حرفه ای ترین طراحی وب سایت و فروشگاه اینترنتی &#124; T A R A H A N</description>
	<lastBuildDate>Sun, 13 Nov 2016 12:41:44 +0000</lastBuildDate>
	<language>fa-IR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.6.10</generator>
	<item>
		<title>هفت عامل موفقیت وب سایت ها در طراحی</title>
		<link>http://tarahan.com/%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%87%d8%a7-%d8%af%d8%b1-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c/</link>
					<comments>http://tarahan.com/%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%87%d8%a7-%d8%af%d8%b1-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Thu, 24 Dec 2015 06:11:38 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<category><![CDATA[طراحی سایت مشاغل]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=4689</guid>

					<description><![CDATA[موفقیت وب سایت هدف اصلی شکل گیری هر وب سایتی است. همه ما پس از بازدید از یک وب سایت، به صورت طبیعی در خصوص خوب<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p style="direction: rtl;"><span style="line-height: 1.5;"><strong>موفقیت وب سایت</strong> هدف اصلی شکل گیری هر وب سایتی است. همه ما پس از بازدید از یک وب سایت، به صورت طبیعی در خصوص خوب یا بد بودن آن وبسایت به نظری خواهیم رسید. بعضی از سایت ها برای ما بسیار خوش آیند هستند و باعث بازگشت چند باره ما به آن وبسایت در مرورهای بعدیمان در اینترنت میشود ولی برخی دیگر از وب سایت ها را برای اولین و آخرین بار است که مشاهده میکنیم و رغبتی برای مراجعه مجدد به آن نداریم. اما چه چیزی تعیین کننده این است که یک وب سایت از نظر ما خوب است یا بد؟</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">برای تک تک افراد به صورت شخصی عواملی وجود دارد که مطابق با نیازها و سلیقه های آن فرد رتبه دهی خوب یا بد یک وبسایت را تعیین میکند و به همین علت ما نمیتوانیم به صورت قطعی خوب یا بد بودن یک سایت را تشخیص دهیم ولی بسیاری از ما بر اساس عوامل مشابهی به این نتیجه دست پیدا میکنیم. ذر ادامه ما <em>هفت عامل موفقیت وب سایت ها</em> در طراحی میکنیم.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۱- هدف/ مهمترین عامل موفقیت وب سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">هر وب سایتی باید به صورت دقیق هدف خود را مشخص نماید. مدیران وبسایت و بلاگرها باید درک قوی از آنچه میخواهند به مخاطب خود القا کنند داشته باشند تا بتوانند برای رسیدن به آن هدف برنامه ریزی نمایند که چگونه سایت را مدیریت کنند، چه محتوایی آماده کنند، چه پیامی را به بازدید کننده ارسال نمایند و تمام آنچیزی که به عهده یک مدیر وب سایت است.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">متاسفانه بسیاری از مدیران سایت ها با عجله و بدون تفکر در خصوص هدف ایجاد وبسایت خود کار را شروع میکنند و به صورت مقطعی در دسته های مختلفی شروع به فعالیت میکنند که با توجه به عدم ثبات و هدفگیری مناسب، توان وبسایت در جهت های مختلفی تقسیم میشود و این پراکندگی باعث عدم کسب موفقیت می‌گردد.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">هدف باید نسبتا خاص باشد، به طور مثال هدفی مانند اینکه “من میخواهم به بزرگترین کسب و کار اینترنتی در کشور برسم” هدف مناسبی نیست و به صورت دقیق بیان کننده آن چیزی که شما میخواهید انجام دهیم نمیباشد. به جای این شما میتوانید بگویید ” من میخواهم از طریق وب سایتم مرجع اصلی معرفی خدمات خود و ارائه خدمات پشتیبانی به مشتریا خود باشم”.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">این هدف گذاری حتی باید قبل از طراحی سایت باشد، طراحی سایت شما نیز باید به گونه ای باشد که بتواند هدف شما را سریعتر محقق و به مخاطب القا کند. اینکه جایگذاری عناوین، المان ها چگونه باشد، رنگ بندی سایت و نحوه نمایش چگونه تعریف شود کاملا مرتبط با این هدف میباشد.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">هرچه شما بتوانید سریعتر، روانتر و با بیان هنرمندانه این هدف را به مخاطب القا کنید، شانس بیشتری در کسب موفقیت وب سایت و القای حس رضایت به بازدیدکننده خواهید داشت.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۲- وضوح راهی برای کسب موفقیت وب سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">ممکن است وب سایت شما هدف مناسبی هم داشته باشد، اما آیا این هدف به روشنی برای بازدید کننده قابل فهم و درک است ؟ در برخی از طراحی های وب سایت پیچیدگی ها و عوامل گرافیکی و افکت های تصویری باعث به حاشیه رفتن و سردرگمی بازدید کننده میشود به صورتی که بیشترین توان بازدیدکننده به درگیر شدن در خصوص چگونگی کارکرد وب سایت میشود و یا یک پیام که فاقد ارزش کافی برای بازدید کننده است بارها در قسمت های مختلف سایت تکرار میشود.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">همواره در طول طراحی وب سایت باید در نظر گرفت که به صورت واضح هدف سایت به بازدید کننده منتقل گردد. این وضوح با توجه به دسته بندی های محتلف سایت ها میتواند متفاوت باشد، برای یک وب سایت فروشگاهی، اطلاع رسانی دقیق در خصوص محصولات، نحوه ارسال، تمایزات فروشگاه و این موارد باید کاملا روشن و واضح برای بازدید کننده روش گردد. برای یک سایت خبری تحلیلی نوع هدف گیری و دسته بندی اخبار یا مطالبی که در سایت قرار میگیرد باید روشن گردد تا به تصمیم مخاطب برای مشترک سایت شدن و استفاده مکرر از این سایت را تسهیل نماید. همچین وب سایت های خدمات دهنده هم با توجه به خدماتی که ارائه میدهند باید توضیحات کامل و واضحی از فعالیت و روند کاری خود ارائه دهند.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">در برخی موارد وضوح از طریق ساده کردن وب سایت محقق میگردد. ساده کردن وب سایت تمام ضوائد و شلوغی های سایت را حذف میکند و به صورت روش به سمت هدف خود میرود. یکی از دلایلی که امروزه طراحی مینیمالیسم رونق گرفته همین موضوع است.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۳- قابلیت استفاده نیاز اولیه کاربران سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">هر وب سایتی که میخواهد موفق باشد لازم است که مردم بتوانند از آن استفاده نمایند. سبک طراحی و ظواهر سایت هرگز نباید جایگزین کارایی و قابلیت استفاده بودن وب سایت گردد. این قابلیت استفاده برحسب نوع وبسایت ها متفاوت است. به طور مثال، یک وب سایت تجارت الکترونیک باید به خوبی بتواند محصولات را نمایش دهد، قسمت جستجوی مناسبی داشته باشد، سبد خرید و روند فروش متناسب با خرید داشته باشد و یک وب سایت خبری باید دسته بندی مناسب، تگ بندی مطالب، تسهیل در امر خواندن مطالب با رنگ بندی و سایز بندی قلم ها و زمینه و … داشته باشد.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">سایت هایی که مشکل در قابلیت استفاده خود دارند همواره در تلاشند تا بازدید کننده خود را با عوامل مختلفی در سایت نگه دارند اما چیزی که مشخص است، با توجه به سهولت تعویض سرویس دهنده ها در اینترنت برای بازدید کنندگان، آنها با کمترین مشکلی در روند کاری خود اقدام به ترک سایتی مینمایند که قابلیت استفاده مناسبی نداشته باشد.</span></p>
<p><img loading="lazy" class="aligncenter wp-image-4745 size-full" src="http://tarahan.com/wp-content/uploads/2015/12/business_۸.png" alt="business ۸ هفت عامل موفقیت وب سایت ها در طراحی" width="100" height="243" srcset="http://tarahan.com/wp-content/uploads/2015/12/business_۸.png 100w, http://tarahan.com/wp-content/uploads/2015/12/business_۸-60x146.png 60w, http://tarahan.com/wp-content/uploads/2015/12/business_۸-21x50.png 21w, http://tarahan.com/wp-content/uploads/2015/12/business_۸-31x75.png 31w" sizes="(max-width: 100px) 100vw, 100px" title="هفت عامل موفقیت وب سایت ها در طراحی" /></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۴- دسترس پذیری عاملی برای کسب موفقیت وب سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">اغلب دسترس پذیری و قابلیت استفاده با هم معنا میشود ولی میتوانیم آنها را دو عامل مجزا نیز بدانیم. اینکه یک محتوا از چه طریقی، جستجو شود و به مخاطب ارائه شود و همچنین وب سایت با چه مرورگرها، سیستم عامل ها و یا دستگاه هایی قابلیت کارکرد داشته باشد را دسترس پذیری مینامیم. ممکن است یک وب سایت به خاطر ساختار طراحی بازدید کنندگان را مجبور به استفاده از یک مرورگر خاص و یا سیستم عامل مشخصی نماید. این عوامل باعث از دست رفتن کاربر خواهد شد.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">معمولا وب سایت های موثر دارای سطح دسترس پذیری وسیعی میباشند و به مخاطب خود اجازه انتخاب میدهند.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۵- تمرکز بر روی کاربر اولویت طراحی برای موفقیت وب سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">بازدید کننده یا کاربر هدف اصلی ما در یک سایت است پس باید هدف و تمرکز ما برای براورده کردن نیازهای کاربر باشد. در بسیاری از موارد، در پروسه های طراحی وب سایت اهداف اصلی صاحب سایت از نیازهای مورد نظر کاربران آن سایت پیشی میگیرد و بایکدیگر همخوانی ندارند. این یعنی ما برای طراحی یک وب سایت، قبل از اینکه فکر کنیم ما چه میخواهیم از وب سایتمان به دست بیاوریم، بدانیم کاربر چه چیزی را میخواهد از وب سایت ما به دست آورد، پس از اینکه این موارد را برای کاربر فرآهم کردیم، اهداف خود را نیز در آن بگنجانیم تا بیشترین بهره را از سایت برده و رضایت بازدید کننده را کسب کنیم. نیازهای کاربر همواره مقدم بر خواست های مدیر یا صاحب وب سایت است.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۶- جابجایی در محتوا یا ناوبری در سایت</span></strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">امکان جابجایی در محتواهای سایت یا ناوبری در وب سایت یکی از عواملی است که هم مرتبط با قابلیت استفاده و هم مرتبط با دسترس پذیری میباشد ولی یکی از مهمتری عوامل برای ایجاد رضایت کاربر میباشد. حتما ما میخواهیم که یک کاربر بیش از یک صفحه از سایت ما را بازدید کند، اینکه چگونه بتوانیم سایر محتواهای مورد نیاز کاربر را به او نشان دهیم کار طراحی ناوبری می باشد.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">بسیاری از وب سایت ها از روش های معمول ناوبری در سایت خود استفاده میکنند که بیشتر کاربران نیز با آن آشنا هستند. روش هایی مثل منوی اصلی که به ارائه لینک های صفحات و مطالب پر کاربرد سایت میپردازد، نقشه سایت، امکان جستجو بر حسب تگ ها و دسته ها، صفحات راهنما و درباره ما و … نیز از جمله صفحاتی هستند که کاربران به دنبال یافتن آنها برای رسیدن به نتیجه مورد نظر خود در سایت میباشند. همچنین لینک های مختلفی در هر صفحه قرار میگیرد که به کاربر کمک میکند تا محتواهای مرتبط با موضوع مورد علاقه خود را در سایت راحتتر پیدا کند. هر چه این موارد مرتبط تر و مورد نیاز بیشتر بازدید کنندگان باشد، در کسب موفقیت شما در وب سایت تاثیر بیشتری خواهد گذاشت. در این بین سیستم های نیمه هوشمند تشخیص سلایق کاربران کارایی بسیازی دارد.</span></p>
<h2 style="direction: rtl;"><strong><span style="line-height: 1.5;">۷- تاثیر </span>ظاهر در موفقیت وب سایت</strong></h2>
<p style="direction: rtl;"><span style="line-height: 1.5;">آخرین عامل ذکر شده در این لیست ظاهر وب سایت است اما این آخر بودن به معنی کم اهمیت بودن نیست. ظاهر یک وب سایت از عوامل اصلی تعیین کننده در موفقیت وب سایت است. هر وب سایتی برنده جایزه بهترین طراحی نمیشود، اما سایت های موفق میتوانند متناسب با نیازهای سایت، اهداف، دسترس پذیری و امکان کاربری آسان طراحی گردند و سپس به ظواهر و تناسبات آن با خواسته کاربر بپردازند. یکی از عوامل موفقیت در ایجاد ظاهر کاربر پسند استفاده از روانشناسی در طراحی وب سایت است که قبل تر در خصوص آن صحب کردیم.</span></p>
<p style="direction: rtl;"><span style="line-height: 1.5;">روندهای طراحی وب سایت، بسیار سریع و متناسب با تکنولوژی های جدید در حال تغییر است و یک وب سایت زمانی میتواند به موفقیت دست یابد که درک داشته باشد در این رقابت همیشه باید به روز باشد. بسیاری از وب سایت های موفق روند بازطراحی خود را هر چند سال یکبار تکرار میکنند تا بتوانند بهترین خدمات را بر اساس تکنولوژی های روز به کاربر ارائه دهند. طراحی یک سایت باید تکمیل کننده محتوای یک سایت باشد، نه یک رغیب برای محتوای سایت! در نظر داشته باشید که همواره سبک طراحی وب سایت با پیام و هدف سایت نیز باید تناسب داشته باشد تا بتوان بهترین بازخورد را از کاربر دریافت کرد.</span></p>
<p style="direction: rtl;">منبع : <a href="http://vandelaydesign.com">vandelaydesign.com</a></p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d9%85%d9%88%d9%81%d9%82%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa-%d9%87%d8%a7-%d8%af%d8%b1-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>انواع طراحی سایت بر اساس رابط کاربری وب &#8211; گرافیک</title>
		<link>http://tarahan.com/%d8%a7%d9%86%d9%88%d8%a7%d8%b9-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d8%b3%d8%a7%d8%b3-%d8%b1%d8%a7%d8%a8%d8%b7-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%db%8c-%da%af%d8%b1%d8%a7%d9%81/</link>
					<comments>http://tarahan.com/%d8%a7%d9%86%d9%88%d8%a7%d8%b9-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d8%b3%d8%a7%d8%b3-%d8%b1%d8%a7%d8%a8%d8%b7-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%db%8c-%da%af%d8%b1%d8%a7%d9%81/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Sat, 29 Oct 2016 08:42:22 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[فوتوشاپ - Photoshop]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[user experience design]]></category>
		<category><![CDATA[UX Design]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[ایمیل مارکتینگ]]></category>
		<category><![CDATA[به‌روز رسانی سایت]]></category>
		<category><![CDATA[بهینه سازی برای موتورهای جستجو]]></category>
		<category><![CDATA[تایپوگرافی]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی ریسپانسیو]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<category><![CDATA[طراحی سایت مشاغل]]></category>
		<category><![CDATA[مدیریت سایت]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=6548</guid>

					<description><![CDATA[ یکی از مهم ترین فاکتورهایی که بازدیدکننده را به خود جذب می کند، ظاهر و طراحی سایت است، اما همیشه تمام بازدیدکنندگان و مشتریان سایت‌ها دارای<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p style="direction: rtl; text-align: right;"> یکی از مهم ترین فاکتورهایی که بازدیدکننده را به خود جذب می کند، ظاهر و طراحی سایت است، اما همیشه تمام بازدیدکنندگان و مشتریان سایت‌ها دارای سلیقه یکسان نیستند. یک سایت می‌تواند از نظر گروهی از بازدیدکنندگان بسیار خوب و حرفه‌ای به نظر رسد و از طرف دیگران بسیار بد و ابتدایی. طراح سایت خوب، وب سایت را با سلیقه خود نمی‌سازد بلکه بنا بر گروه مخاطبین سایت(بازدیدکنندگان) و آن‌چه مدیر سایت تمایل دارد، طراحی می‌کند. به عنوان مثال برای یک سایت حقوقی نمی‌توان از طرح‌های فانتزی استفاده کرد. زیرا این کار بازدیدکننده را کودک تلقی می‌کند و به سایت جنبه شوخی می‌دهد.</p>
<p style="direction: rtl; text-align: right;">بر اساس تجربیاتی که از گشت و گذار در اینترنت و تحقیق درمورد انواع <em><strong>طراحی سایت</strong></em> کسب شده، متوجه شده‌ایم اغلب سایت‌ها در میان یکی از چهار دسته زیر قرار می‌گیرند. اگر این دسته بندی را ندانید و کار را به طراح بسپارید ممکن است در پایان کار اصلاً از سایتتان راضی نباشید و حتی حاضر به نشان دادن آن به اعضای خانواده نباشید، چه برسد به بازدیدکننده و رقیبان. در نتجیه با دانستن آن‌ها راحت‌تر می‌توانید سایت مورد نیاز خود را تجسم کرده و سفارش دهید.</p>
<p style="direction: rtl; text-align: right;"><strong>۱. طراحی سایت نا منظم:</strong> که امروزه یکی از پر طرفدارترین طراحی‌های جدید دنیای گرافیست می‌باشد، به سایت‌هایی گفته می‌شود که از خصوصیات زیر برخوردارند:</p>
<p style="direction: rtl; text-align: right;">رها، کهنه، لبه‌های نا متقارن، محو شده و کاملاً متفاوت. این خصوصیات، سایت را از دیگر وب سایت‌های براق، ساده و خط کشی شده نسل قبل طراحی، جدا می‌کند. اما باید به این مورد توجه داشت که علی رغم وجود این خصوصیات، نظم و هارمونی خاصی در این گونه سایت‌ها وجود دارد که باعث اذیت شدن و سر در گمی مخاطب نمی‌گردد. درواقع این سایت‌ها با وجود بی قانونی در طرح گرافیک چهارچوب خاصی برای پیاده سازی دارند.</p>
<p style="direction: rtl; text-align: right;">این دست سایت‌ها برای هنرمندان، افراد خلاق و دوست داران طراحی‌های مدرن و متفاوت مناسب است و برخی از پزشکان، مهندسان و کسانی که با خط کش و نظم ساخت انسان، میانه خوبی دارند اصلا آن را نمی‌پسندند.</p>
<div id="attachment_6555" style="width: 310px" class="wp-caption aligncenter"><a href="http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign.jpg"><img aria-describedby="caption-attachment-6555" loading="lazy" class="size-medium wp-image-6555" src="http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-300x200.jpg" alt="FlatWebDesign 300x200 انواع طراحی سایت بر اساس رابط کاربری وب   گرافیک" width="300" height="200" srcset="http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-300x200.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-219x146.jpg 219w, http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-50x33.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-576x383.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign-113x75.jpg 113w, http://tarahan.com/wp-content/uploads/2016/10/FlatWebDesign.jpg 580w" sizes="(max-width: 300px) 100vw, 300px" title="انواع طراحی سایت بر اساس رابط کاربری وب   گرافیک" /></a><p id="caption-attachment-6555" class="wp-caption-text">طراحی سایت</p></div>
<p style="direction: rtl; text-align: right;"><strong>۲. طراحی سایت خلوت:</strong> این نوع طراحی سایت، در ظاهر ساده هستند اما تفکری در پی ساخت آن‌ها نهفته است. استفاده از المان‌های کم و گرافیکی و استفاده از دو یا سه رنگ در طراحی، به آن‌ها ظاهری متفاوتی داده است و برخلاف دسته اول، به تمیزی معروفند. از نظر طراحی کاملاٌمتمایز، حرفه ای و مدرن هستند. همچنین پیام &#8220;صاحب این سایت مشتاق است&#8221; و &#8221; صاحب این سایت قابل اعتماد است&#8221; را به بازدیدکننده القا می‌کند.  این گونه سایت‌ها برای همه مناسب است غیر از کسانی که دوست ندارند تفاوت شایانی با بقیه داشته باشند. این تفاوت آن‌ها را می‌ترساند و سایت‌های استاندارد را می‌پسندند.</p>
<p style="direction: rtl; text-align: right;"><strong>۳. طراحی سایت پر المان:</strong> این طراحی طرفدارانش در ایران بیشتر از طراحی سایت دسته‌های دیگر می‌باشد. موضوع سایت تعیین می‌کند وب سایت از چه المان‌ها و رنگ‌هایی تشکیل شده باشد. مثلاً اگر موضوع سایت شرقی،‌ سنتی هنری و ایرانی باشد از انواع المان‌های بته جقه، فلورال یا انواع گلیم و بافت آن در سایت استفاده می‌شود. یا اگر موضوع سایت کودک یا فضایی فانتزی باشد، آیکون‌های مختلف در جای جای بک گراند و هدر به کار می‌رود. این سایت‌ها اگر به درستی طراحی شوند، فضایی گرم و پر هیجان را ایجاد می‌کنند که بیان گر  پشتکار، خونگرمی و مشغله صاحب سایت است.</p>
<p style="direction: rtl; text-align: right;"><strong>۴. طراحی سایت ساده و استاندارد:</strong> این طراحی را خوب می‌شناسید. اغلب سایت‌هایی که می‌بینید از این نوع طراحی بهره برده‌اند. هدری مستطیلی در بالای صفحه، منو در زیر هدر یا به صورت عمودی، همه قسمت‌ها در سایت قاب و محدوده دارند، معمولاً از رنگ‌های رایج خاکستری، سفید برای بک گراند با طرح‌های خط یا شیار استفاده می‌شود. هدر‌ها شامل چند عکس هستند. البته  این طرح‌ها می‌توانند در کمال سادگی زیبا هم باشند و با تلفیق درست رنگ و عکس هدر ، حسی حرفه‌ای ایجاد کنند. اما ظاهر این گونه سایت‌ها یاد بازدیدکننده نمی‌ماند که برای برخی از صاحبان سایت، اصلاً مهم نیست و به مسائل دیگری همچون محتوای با ارزش اهمیت می‌دهند، که درست هم هست. این سایت‌ها برای شرکت‌ها، تجار ، وکلا و مشاغل جدی بسیار مناسب هستند .</p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%d9%86%d9%88%d8%a7%d8%b9-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d8%a7%d8%b3%d8%a7%d8%b3-%d8%b1%d8%a7%d8%a8%d8%b7-%da%a9%d8%a7%d8%b1%d8%a8%d8%b1%db%8c-%da%af%d8%b1%d8%a7%d9%81/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>افزایش سرعت بارگذاری سایت</title>
		<link>http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/</link>
					<comments>http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Sun, 30 Oct 2016 07:22:52 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[بهینه سازی - SEO]]></category>
		<category><![CDATA[وردپرس]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[domain]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[user experience design]]></category>
		<category><![CDATA[UX Design]]></category>
		<category><![CDATA[ایمیل تبلیغاتی]]></category>
		<category><![CDATA[ایمیل مارکتینگ]]></category>
		<category><![CDATA[اینفوگرافیک]]></category>
		<category><![CDATA[برنامه نویسی]]></category>
		<category><![CDATA[به‌روز رسانی سایت]]></category>
		<category><![CDATA[بهینه سازی برای موتورهای جستجو]]></category>
		<category><![CDATA[تایپوگرافی]]></category>
		<category><![CDATA[ثبت دامنه]]></category>
		<category><![CDATA[جاوااسکریپت]]></category>
		<category><![CDATA[دامنه]]></category>
		<category><![CDATA[دانلود کتاب]]></category>
		<category><![CDATA[سبک جدید طراحی سایت]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی ریسپانسیو]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<category><![CDATA[طراحی سایت مشاغل]]></category>
		<category><![CDATA[طراحی فروشگاه اینترنتی]]></category>
		<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[طراحی واکنش گرا]]></category>
		<category><![CDATA[فوتوشاپ]]></category>
		<category><![CDATA[مدیریت سایت]]></category>
		<category><![CDATA[نرم افزار طراحی سایت]]></category>
		<category><![CDATA[نرم‌افزار ارسال ایمیل انبوه]]></category>
		<category><![CDATA[نگهداری سالیانه سایت]]></category>
		<category><![CDATA[هاستینگ]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=6558</guid>

					<description><![CDATA[ما همیشه به دنبال روش‌ها و افزونه‌هایی هستیم که به ما در سرعت بخشیدن به سایت‌هایمان کمک کند. در خصوص سایت‌های فروشگاهی، سرعت بارگذاری سایت تاثیر<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p dir="rtl" style="text-align: right;">ما همیشه به دنبال روش‌ها و افزونه‌هایی هستیم که به ما در سرعت بخشیدن به سایت‌هایمان کمک کند. در خصوص سایت‌های فروشگاهی، سرعت بارگذاری سایت تاثیر به سزایی در میزان فروش دارد. یکی از روشهایی که بسیاری از طراحان برای <em><strong>افزایش سرعت بارگذاری سایت</strong></em> خود استفاده می کنند، CDN یا شبکه توزیع محتوا می‌باشد. نکته حائز اهمیت این است که CDN می‌بایست در کنار سایر تکنیک‌های بهینه سازی به کار رود تا بتواند <em><strong>سرعت بارگذاری سایت</strong></em> را پایین نگه دارد، در غیر این صورت اثر آن محسوس نخواهد بود. از آنجایی که تجارت جهانی روز به روز بیشتر به سمت دیجیتالی شدن سوق پیدا می‌کند، تجارت آنلاین و به خصوص سرعت سایت از اهمیت بیشتری برخوردار می‌شوند. بنا بر این لازم است تا سایت خود را با ویژگی‌های زیر مجهز کنید.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong>یک هاست خوب انتخاب کنید</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/Server.jpg"><img loading="lazy" class="size-medium wp-image-6586 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/Server-300x133.jpg" alt="Server 300x133 افزایش سرعت بارگذاری سایت" width="300" height="133" srcset="http://tarahan.com/wp-content/uploads/2016/10/Server-300x133.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/Server-260x115.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/Server-50x22.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/Server-576x255.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/Server-150x67.jpg 150w, http://tarahan.com/wp-content/uploads/2016/10/Server.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان &#8220;چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟&#8221; ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong>بهینه سازی تصاویر</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization.jpg"><img loading="lazy" class="size-medium wp-image-6587 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-300x125.jpg" alt="PhotoOptimization 300x125 افزایش سرعت بارگذاری سایت" width="300" height="125" srcset="http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-300x125.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-260x108.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-50x21.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-576x240.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization-150x63.jpg 150w, http://tarahan.com/wp-content/uploads/2016/10/PhotoOptimization.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">کوچک کردن تصاویر تا حد امکان بدون این که کیفیت آن‌ها پایین بیاید یکی از مهم‌ترین عوامل سرعت بخشیدن به بار گذاری سایت است. بسته به فرمت عکس، گاهی به دلیل متا داده اضافی همراه عکس، حجم آن بسیار زیاد می‌شود. بنا بر این لازم است قبل از آپلود عکس آن را توسط برنامه ویرایش عکس فشرده کنید. این کار سرعت بار گذاری سایت مخصوصاً در نسخه موبایلی را به شدت بالا می‌برد و تاثیر  گذار است. برای دست یابی به این گونه برنامه‌ها، کافی است با یک سرچ، خدمات مختلف آن‌ها را مطالعه نموده و از میان خیل این نرم افزارها، یکی را انتخاب نمایید.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong>فعال کردن فشرده سازی</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/ZipFile.jpg"><img loading="lazy" class="size-medium wp-image-6588 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/ZipFile-300x300.jpg" alt="ZipFile 300x300 افزایش سرعت بارگذاری سایت" width="300" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/10/ZipFile-300x300.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-150x150.jpg 150w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-146x146.jpg 146w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-50x50.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-576x576.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-80x80.jpg 80w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-85x85.jpg 85w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile-75x75.jpg 75w, http://tarahan.com/wp-content/uploads/2016/10/ZipFile.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong> ذخیره سازی مرورگر</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/BrowserCache.jpg"><img loading="lazy" class="size-medium wp-image-6589 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-300x198.jpg" alt="BrowserCache 300x198 افزایش سرعت بارگذاری سایت" width="300" height="198" srcset="http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-300x198.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-221x146.jpg 221w, http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-50x33.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-576x380.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/BrowserCache-114x75.jpg 114w, http://tarahan.com/wp-content/uploads/2016/10/BrowserCache.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">هنگامی که یک کاربر به سایت دست رسی پیدا می‌کند، سرور تصاویر و فایل‌های CSS، HTML و جاوا اسکریپت را به سیستم فرد می‌فرستد. این عناصر در هارد درایو کاربر به عنوان کش ذخیره می‌شوند تا اگر بار دیگر ساایت مورد نظر باز شد، به ارسال دوباره HTTP به سرور احتیاجی نباشد. به این ترتیب برای بازدیدهای بعدی تنها کافیست چند عنصر دانلود شوند و اگر داده‌ای بر روی سیستم شخص ذخیره نشود، بار گذاری سایت بسیار طولانی خواهد شد. طبق آمار سایت یاهو!، چهل تا شصت درصد از بازدید کنندگان سایت با کش خالی به سایت شما مراجعه می‌کنند. پس در هر صورت سایت شما می‌بایست برای مراجعه کنندگان تازه بهینه کنید. با فعال کردن قابلیت کش، تنها زمان بار گذاری برای دفعات بعدی کاهش پیدا می‌کند.</p>
<p dir="rtl" style="text-align: right;">بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong>اسکریپت و CSS</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/Js-Css.jpg"><img loading="lazy" class="size-medium wp-image-6590 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/Js-Css-300x176.jpg" alt="Js Css 300x176 افزایش سرعت بارگذاری سایت" width="300" height="176" srcset="http://tarahan.com/wp-content/uploads/2016/10/Js-Css-300x176.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/Js-Css-249x146.jpg 249w, http://tarahan.com/wp-content/uploads/2016/10/Js-Css-50x29.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/Js-Css-576x338.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/Js-Css-128x75.jpg 128w, http://tarahan.com/wp-content/uploads/2016/10/Js-Css.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">سازمان دهی جاوا اسکریپت و CSS سایت می‌تواند سرعت بارگذاری صفحات را بالا ببرد. اگر stylesheets در بالای سند قرار بگیرد، مرورگر از رندر گیری دوباره جلو گیری می‌کند و در نتیجه دیگر لازم نیست که عناصر صفحه دو باره ترسیم شوند. کافیست فایل‌های مرتبط را در قسمت پایین صفحه جای گذاری کنید تا بعد از محتوا لود گردند. بهتر است در ابتدا فایل‌های مربوط به ظاهر سایت بار گذاری شوند تا کاربر با دیدن یک سایت بی قالب، صفحه مرورگر را نبندد. سپس می‌تواند فایل‌هایی را که برای ارتباط گیری لازم هستند را قرار دهید و در انتها نیز APIهای خارجی بار گذاری می‌شوند. دلیل این ترتیب این است که تا کاربر محتوا و قالب سایت را نبیند، نه ارتباطی برقرار می‌کند و نه اقدامی.</p>
<ul style="text-align: right;">
<li style="direction: rtl;"><strong>پیکربندی CDN</strong></li>
</ul>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/CDN.jpg"><img loading="lazy" class="size-medium wp-image-6591 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/CDN-300x169.jpg" alt="CDN 300x169 افزایش سرعت بارگذاری سایت" width="300" height="169" srcset="http://tarahan.com/wp-content/uploads/2016/10/CDN-300x169.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/CDN-260x146.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/CDN-50x28.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/CDN-576x324.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/CDN-133x75.jpg 133w, http://tarahan.com/wp-content/uploads/2016/10/CDN.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="افزایش سرعت بارگذاری سایت" /></a></p>
<p dir="rtl" style="text-align: right;">بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.<br />
<strong>حرف آخر</strong><br />
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.</p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b3%d8%b1%d8%b9%d8%aa-%d8%a8%d8%a7%d8%b1%da%af%d8%b0%d8%a7%d8%b1%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>اهمیت رنگ در طراحی سایت</title>
		<link>http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/</link>
					<comments>http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Sat, 05 Nov 2016 06:17:14 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[فوتوشاپ - Photoshop]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[domain]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Mockup]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Responsive Design]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[user experience design]]></category>
		<category><![CDATA[UX Design]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[ایمیل تبلیغاتی]]></category>
		<category><![CDATA[ایمیل مارکتینگ]]></category>
		<category><![CDATA[اینفوگرافیک]]></category>
		<category><![CDATA[برنامه نویسی]]></category>
		<category><![CDATA[به‌روز رسانی سایت]]></category>
		<category><![CDATA[بهینه سازی برای موتورهای جستجو]]></category>
		<category><![CDATA[تایپوگرافی]]></category>
		<category><![CDATA[ثبت دامنه]]></category>
		<category><![CDATA[جاوااسکریپت]]></category>
		<category><![CDATA[دامنه]]></category>
		<category><![CDATA[دانلود کتاب]]></category>
		<category><![CDATA[سبک جدید طراحی سایت]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی ریسپانسیو]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<category><![CDATA[طراحی سایت مشاغل]]></category>
		<category><![CDATA[طراحی فروشگاه اینترنتی]]></category>
		<category><![CDATA[طراحی واکنش گرا]]></category>
		<category><![CDATA[فوتوشاپ]]></category>
		<category><![CDATA[فونت]]></category>
		<category><![CDATA[مدیریت سایت]]></category>
		<category><![CDATA[نرم افزار طراحی سایت]]></category>
		<category><![CDATA[نرم‌افزار ارسال ایمیل انبوه]]></category>
		<category><![CDATA[نگهداری سالیانه سایت]]></category>
		<category><![CDATA[هاستینگ]]></category>
		<category><![CDATA[وردپرس]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=6637</guid>

					<description><![CDATA[رنگ در طراحی سایت یکی از المان‌های مهم و اصلی است، هم چنین استفاده از رنگ‌های مکمل و ترکیبی مطلوب باعث می‌شود تا کاربران قادر باشند طبق اصل آسانی و<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<div>
<p style="direction: rtl; text-align: right;"><em><strong>رنگ در طراحی سایت</strong></em> یکی از المان‌های مهم و اصلی است، هم چنین استفاده از رنگ‌های مکمل و ترکیبی مطلوب باعث می‌شود تا کاربران قادر باشند طبق اصل آسانی و جذابیت صفحه، از آن بازدید کنند و مطالب آن را مطالعه نمایند. انتخاب رنگ مناسب هر سایت، مقوله‌ای است که طراحان وب، پاسخ جامع و کاملی برای آن عرضه نکرده‌اند. همچنین تمام طراحان به اصل روان شناسی رنگ‌ها در سایت خود اهمیت نمی‌دهند.</p>
</div>
<div>
<p style="direction: rtl; text-align: right;">در هر صورت یک اصل کلی وجود دارد که می‌گوید‌: در رنگ بندی یک صفحه، باید به این موضوع توجه شود که این رنگ قرار است در چه صفحه‌ای و با چه موضوعی به کار رود. یعنی اصل توجه به عملکرد و موضوعیت سایت، به رنگ در طراحی سایت ختم می‌شود و بسیار مهم است که این  قوانین رعایت شوند.</p>
<p style="direction: rtl; text-align: right;">سایت‌های دولتی و به طور کل، سایت‌هایی با بازدیدکننده بسیار بالا ، معمولاً از رنک سفید برای زمینه صفحات و رنگ آبی برای لینک‌های صفحه و رنگ بنفش برای لینک‌های مشاهده شده که به عنوان default برنامه فرانت پیج نیز به کار می‌رود ، استفاده می‌کنند. سایت‌هایی که بیش تر جنبه شخصی دارند، از رنگ‌های مکمل استفاده می‌کنند. مثلاً رنگ سبز پر رنگ در کنار سرمه‌ای، جذابیت خاصی به سایت‌هایی با موضوعیت بازرگانی می‌دهد و یا رنگ در طراحی سایت‌های کودکان، به یاد آورنده شادی، کودکی و نشاطند. به هر حال توجه به کارکرد کد رنگ در طراحی سایت از اهمیت مهمی برخوردار است.</p>
<p style="direction: rtl; text-align: right;">در ادامه این مطلب، فقط قصد یادآوری نوع روان شناسی هر رنگ در مخاطبان از دید روان شناسان داریم و فعلاً در مورد این که چه نوع رنگی برای چه سایتی مناسب است، صحبت نمی‌کنیم. اگر چه این توضیحات، خود نیز بیانگر استنتاجات خوبی هستند که وب مسترها را در گرافیک سایت، به خوبی هدایت می‌کند.</p>
<h2 style="direction: rtl; text-align: center;"><em><strong>رنگ در طراحی سایت</strong></em></h2>
<h4 style="direction: rtl; text-align: right;">یک بهترین رنگ نداریم!</h4>
<p style="direction: rtl; text-align: right;">در مدیریت نوین یک اصل پذیرفته شده وجود دارد که یک بهترین شیوه مدیریت در کار وجود ندارد. ترکیب و هماهنگی و استقرار یک نظام در رنگ بندی صفحات وب نیز، چنین رویکردی دارد. تجربه و نوع علاقه و هنر web designer هست که سایتی را برای ما جذاب و سایتی دیگر را next می‌کنیم. نکاتی که می‌بایست در زمان طراحی گرافیکی سایت در نظر داشته باشیم به شرح زیر هستند.</p>
<h4 style="direction: rtl; text-align: right;">اثر روان شناسی رنگ</h4>
<ul style="text-align: right;">
<li style="direction: rtl;">قابلیت خواندن متون صفحات سایت . مثل سایت : (www.iranbusinesstime.com)</li>
<li style="direction: rtl;">رنگ متمم رنگ‌های انتخابی برای بک گراند ، گرافیک‌ها ، لینک‌ها و متون ( مثل سایت www.ray-com.com )</li>
<li style="direction: rtl;">وجود تطبیق رنگی بین لوگوها و آرم‌های صفحات با رنگ بندی متون و مطالب به کار گرفته شده (مثل سایت www.mrhost.ir )</li>
<li style="direction: rtl;">وجه به نوع مخاطب و بازدیدکننده بخش‌های مختلف سایت .</li>
</ul>
<p style="direction: rtl; text-align: right;">سایتی مانند یاهو ، که روزانه میلیون‌ها مخاطب دارد و از صدها بخش متنوع تشکیل شده است، برای هر بخش خود از یک چیدمان و رنگ بندی خاص در طراحی صفحات اکتیو، استفاده کرده است . به طور مثال، بخش کودکان یاهو با بخش بازرگانی آن بسیار تفاوت دارد.</p>
<h4 style="direction: rtl; text-align: right;">۵ اصل مهم</h4>
<p style="direction: rtl; text-align: right;">لیست زیر مشخصه‌هایی از رنگ‌ها را که هنگام طراحی باید مد نظر داشته باشید بیان می‌کند:</p>
<ul style="text-align: right;">
<li style="direction: rtl;">رنگ‌ها اثر زیادی روی احساسات ما در ۹۰ ثانیه اول دیدن می‌گذارند.</li>
<li style="direction: rtl;">اثر رنگ می‌تواند بیننده را ترغیب به خرید یک جنس از شما کند.</li>
<li style="direction: rtl;">رنگ‌ها رفتار ما را در برابر یک موضوع فقط تشدید نمی‌کنند، بلکه اثر خود را کاملاً در رفتار ما نشان می‌دهند.</li>
<li style="direction: rtl;">اثر گذاری رنگ در فرهنگ‌های مختلف گوناگون است!</li>
<li style="direction: rtl;">هر رنگ به تنهایی یک پیام مخصوص به چشم بیننده می‌فرستد. به قول مک لوهان، رسانه همان پیام است.</li>
</ul>
<h4 style="direction: rtl; text-align: right;">روان شناسی رنگ‌ها</h4>
<p style="direction: rtl; text-align: right;"><a href="http://tarahan.com/wp-content/uploads/2016/11/Colors1.jpg"><img loading="lazy" class="size-medium wp-image-6644 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/11/Colors1-300x176.jpg" alt="Colors1 300x176 اهمیت رنگ در طراحی سایت" width="300" height="176" srcset="http://tarahan.com/wp-content/uploads/2016/11/Colors1-300x176.jpg 300w, http://tarahan.com/wp-content/uploads/2016/11/Colors1-249x146.jpg 249w, http://tarahan.com/wp-content/uploads/2016/11/Colors1-50x29.jpg 50w, http://tarahan.com/wp-content/uploads/2016/11/Colors1-576x338.jpg 576w, http://tarahan.com/wp-content/uploads/2016/11/Colors1-128x75.jpg 128w, http://tarahan.com/wp-content/uploads/2016/11/Colors1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="اهمیت رنگ در طراحی سایت" /></a></p>
<p style="direction: rtl; text-align: right;">به طور کل، رنگ‌ها دارای خصیصه‌های خاصی هستند که در زیر به بخشی از این مولفه‌های موجود در رنگ‌ها اشاره شده است.</p>
<p style="direction: rtl; text-align: right;"><strong>سفید : </strong>اشاره دارد به صداقت، پاکیزگی، صمیمیت، ملایمت و معاصر بودن چیزی. سفید بهترین رنگ برای بک گراندهای وب است. در تجارت سفید رنگ خستگی گیر و انرژی بخش است .</p>
<p style="direction: rtl; text-align: right;"><strong>سیاه :</strong> اشاره دارد به ظرافت، قدرت، دلیری، شهامت، فریبندگی، شیطان، مهارت و باستان. مشکی برای رنگ متن روی یک پس زمینه روشن ایده آل است. این رنگ به عنوان رنگ پس زمینه چشم را خسته می‌کند.</p>
<p style="direction: rtl; text-align: right;"><strong>قرمز :</strong> توانایی، هیجان، احساسات شدید، سرعت، خطر و تهاجم. این رنگ از بیننده توجه به خود را طلب می‌کند . در تجارت به معنی وام و بدهی است . این رنگ شدیدترین رنگ احساس است و ضربان قلب و تنفس را تسریع می‌کند .</p>
<p style="direction: rtl; text-align: right;"><strong>آبی : </strong>امنیت، اعتماد، مسیولیت پذیری، سرما، ایمان، وفاداری، وابستگی و جاه و جلال. آبی دومین رنگ عوام پسند است. در تجارت به معنای ضمانت مالی است .</p>
<p style="direction: rtl; text-align: right;"><strong>سبز :</strong> تندرستی، فراوانی، حاصل خیزی، آزادی، شفا و بهبودی، طبیعت، پیشرفت، حسادت و خونسردی. در تجارت بیانگر مقام و ثروت است. این رنگ در چشم‌ها راحت‌تر از همه دیده می‌شود .</p>
<p style="direction: rtl; text-align: right;"><strong>قهوه ای : </strong>تاثیر گذاری، متانت، توانگری مالی و کمک کننده بودن. قهوه‌ای رنگ کره خاکی ماست و در طبیعت بسیار فراوان است .</p>
<p style="direction: rtl; text-align: right;"><strong>خاکستری : </strong>صمیمیت زیاد، اعتبار و نفوذ و عملی بودن. در تجارت به معنای سنت گرایی است .</p>
<p style="direction: rtl; text-align: right;"><strong>صورتی : </strong>ملایمت، شیرینی، ظرافت و زنانگی، خوب بودن، بی گناهی و پرورش کودک .</p>
<p style="direction: rtl; text-align: right;"><strong>بنفش : </strong>وقار، معنویت، شاهانه بودن، عیش و نعمت، دارایی، اعتبار و نفوذ، سوگواری و مهارت. در تجارت بزرگ نشان دادن است. بنفش طرفداری از سبک‌های هنرمندانه است.</p>
<p style="direction: rtl; text-align: right;"><strong>نارنجی : </strong>سرزندگی و شوخی، لذت و خوشگذرانی، تعادل گرمایی، تشویق کردن، چالاکی و نیرو، تحمل و بلند همتی.</p>
<p style="direction: rtl; text-align: right;"><strong>زرد : </strong>نور خورشید، گرمی، خوشی، نامردی، ترسویی و حسادت. در تجارت درخواست از نوع روشنفکرانه است و برای تاکید نیز خوب است. زرد باعث افزایش تمرکز شده، سوخت و ساز را زیاد می‌کند و سخت‌ترین رنگ برای چشم‌هاست .</p>
<p style="direction: rtl; text-align: right;"><strong>طلایی : </strong>نشانگر گران بودن و پرستیژ است .</p>
<p style="direction: rtl; text-align: right;"><strong>نقره ای : </strong>سرما  علمی بودن و اعتبار و پرستیژ است .</p>
<p style="direction: rtl; text-align: right;">پس وقتی می‌خواهید رنگی انتخاب کنید باید درباره بازار نهایی کار خود بیاندیشید. چه احساساتی را می‌خواهید برانگیخته کنید؟ اول کمی درباره چشم انداز احساسی هدفتان فکر کنید و نیز پیامی که از راه دید می‌خواهید منتقل کنید. بعد رنگ خود را انتخاب کنید! توجه داشته باشید که گرافیک صفحات وب، امروزه نقش زیادی را در ارائه دکترین رفتار سازمانی الکترونیکی مراکز رسانه‌ای غرب به مخاطبان در اختیار دارند و LOGO ، BANNER ، TEASERها، فوق العاده در تحکیم مفاهیم به مخاطبان وبی، موثر هستند.</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%d9%87%d9%85%db%8c%d8%aa-%d8%b1%d9%86%da%af-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
