<?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%A7%DB%8C%D9%86%D9%81%D9%88%DA%AF%D8%B1%D8%A7%D9%81%DB%8C%DA%A9/feed/" rel="self" type="application/rss+xml" />
	<link>http://tarahan.com</link>
	<description>حرفه ای ترین طراحی وب سایت و فروشگاه اینترنتی &#124; T A R A H A N</description>
	<lastBuildDate>Mon, 05 Dec 2016 05:50:52 +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>اینفوگرافیک (Infographic) چیست؟</title>
		<link>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-infographic-%da%86%db%8c%d8%b3%d8%aa%d8%9f/</link>
					<comments>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-infographic-%da%86%db%8c%d8%b3%d8%aa%d8%9f/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Tue, 05 Jan 2016 06:11:16 +0000</pubDate>
				<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[اینفوگرافیک]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=4966</guid>

					<description><![CDATA[تعریف اینفوگرافیک (Infographic) چنانچه بدنبال تعریفی جامع از اصطلاح اینفوگرافیک هستید و می خواهید با فرمت رایج داده های مصور بیشتر آشنا شوید، این مقاله به شما کمک<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<h2 style="direction: rtl;"><strong>تعریف اینفوگرافیک (Infographic)</strong></h2>
<p style="direction: rtl;">چنانچه بدنبال تعریفی جامع از اصطلاح <em><strong>اینفوگرافیک </strong></em>هستید و می خواهید با فرمت رایج داده های مصور بیشتر آشنا شوید، این مقاله به شما کمک شایانی می کند.</p>
<p style="direction: rtl;">همانطور که از لغت <em>اینفوگرافیک</em> پیداست این کلمه از ترکیب لغات Information به معنی اطلاعات و graphic به معنی گرافیک دست آمده است (information+ graphic). پس می توان اینگونه نتیجه گیری کرد که اینفوگرافیک یعنی گرافیک و طرحی که در برگیرنده اطلاعات می باشد. به عبارت دیگر می توان گفت اینفوگرافیک، اطلاعات پیچیده را در غالب طرحی قابل فهم ارائه می دهد.</p>
<p style="direction: rtl;">در قرن بیستم <em>اینفوگرافیک </em>های چاپی به علت گسترش روزنامه ها، از محبوبیت بسیاری برخوردار شدند بطوری که افراد متعددی در این زمینه کتاب ها، سخنرانی ها و کارگاه های آموزشی زیادی ارائه دادند. در قرن بیست و یکم، اینفوگرافیک ها بصورت دیجیتالی عرضه شدند و در سال ۲۰۱۰ بود که اینفوگرافیک ها به آنچه امروز می بینیم تبدیل شدند یعنی همان گرافیک های دیجیتالی که برای ارائه داده های پیچیده طراحی می شوند.</p>
<h3 style="direction: rtl;"><strong>دلیل محبوبیت اینفوگرافیک ها چیست؟</strong></h3>
<p style="direction: rtl;"> <a href="http://tarahan.com/wp-content/uploads/2016/01/why-infographic.png"><img loading="lazy" class=" size-full wp-image-5009 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/why-infographic.png" alt="why infographic اینفوگرافیک (Infographic) چیست؟" width="400" height="274" srcset="http://tarahan.com/wp-content/uploads/2016/01/why-infographic.png 400w, http://tarahan.com/wp-content/uploads/2016/01/why-infographic-300x206.png 300w, http://tarahan.com/wp-content/uploads/2016/01/why-infographic-213x146.png 213w, http://tarahan.com/wp-content/uploads/2016/01/why-infographic-50x34.png 50w, http://tarahan.com/wp-content/uploads/2016/01/why-infographic-109x75.png 109w" sizes="(max-width: 400px) 100vw, 400px" title="اینفوگرافیک (Infographic) چیست؟" /></a></p>
<p style="direction: rtl;">بطور کلی، ذهن انسان مطالب تصویری را سریع تر از نوشتار پردازش و درک می کند و علاوه براین، طبق تحقیقات انجام شده اثربخشی تصاویر بیشتر از متون می باشد. در نتیجه می توان گفت زمانی که اطلاعات بطور مصور به ما ارائه می شوند یادگیری ما سریع تر بوده و برای مدت زمان بیشتری در ذهن باقی می مانند. به همین دلیل است اینفوگرافیک ها بیش از پیش گسترش یافته اند و تلاش طراحان بر این است که در هر موضوعی، طرحی حرفه ای برای اطلاعات مربوطه خلق نمایند.</p>
<h3 style="direction: rtl;"><strong>چگونه می توانید اینفوگرافیک خود را طراحی کنید؟</strong></h3>
<p><a href="http://tarahan.com/wp-content/uploads/2016/01/infographics-1.png"><img loading="lazy" class=" size-full wp-image-4978 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/infographics-1.png" alt="infographics 1 اینفوگرافیک (Infographic) چیست؟" width="400" height="274" srcset="http://tarahan.com/wp-content/uploads/2016/01/infographics-1.png 400w, http://tarahan.com/wp-content/uploads/2016/01/infographics-1-300x206.png 300w, http://tarahan.com/wp-content/uploads/2016/01/infographics-1-213x146.png 213w, http://tarahan.com/wp-content/uploads/2016/01/infographics-1-50x34.png 50w, http://tarahan.com/wp-content/uploads/2016/01/infographics-1-109x75.png 109w" sizes="(max-width: 400px) 100vw, 400px" title="اینفوگرافیک (Infographic) چیست؟" /></a></p>
<p style="direction: rtl;"> برای ساخت <strong>اینفوگرافیک </strong>ابزار بسیاری هستند که می توانند در این زمینه به شما کمک کنند. از جمله سایت های رایگانی که در این زمینه مورد استفاده هستند می توان به موارد زیر اشاره کرد:</p>
<p style="direction: rtl;">وب سایت <span style="text-decoration: underline;"><a href="https://www.canva.com/" target="_blank">Canva</a></span> به شما این امکان را می دهد تا گرافیک هایی در اندازه های متفاوت و بطور رایگان طراحی کنید.</p>
<p style="direction: rtl;"> <span style="text-decoration: underline;"><a href="http://piktochart.com/" target="_blank">Piktochart </a></span>وب سایتی بسیار کارآمد با بیش از ۱۰۰ تم و ۱۰۰۰ تصویر رایگان می باشد.</p>
<p style="direction: rtl;"><span style="text-decoration: underline;"><a href="https://infogr.am/" target="_blank">Infogr.am</a></span> وب سایت دیگری است که با ارائه ۳۰ تم رایگان به شما کمک می کند تا خلاقیت خود را در زمینه ساخت اینفوگرافیک اثبات کنید.</p>
<p style="direction: rtl;">در ادامه می توانید چند مثال از اینفوگرافیک های طراحی شده را مشاهده کنید.</p>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1.png"><img loading="lazy" class=" size-full wp-image-4992 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1.png" alt="infographic sample 1 اینفوگرافیک (Infographic) چیست؟" width="400" height="500" srcset="http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1.png 400w, http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1-240x300.png 240w, http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1-117x146.png 117w, http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1-40x50.png 40w, http://tarahan.com/wp-content/uploads/2016/01/infographic-sample-1-60x75.png 60w" sizes="(max-width: 400px) 100vw, 400px" title="اینفوگرافیک (Infographic) چیست؟" /></a></p>
<p style="direction: rtl;">همانطور که از تصویر بالا معلوم است این اینفوگرافیک در ارتباط با آسیب های مغز است. این مطلب را به راحتی و در یک نگاه می توان از تصویر مغز دریافت.</p>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic.png"><img loading="lazy" class=" size-full wp-image-4994 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic.png" alt="Successful Unsuccessful Infographic اینفوگرافیک (Infographic) چیست؟" width="400" height="500" srcset="http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic.png 400w, http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic-240x300.png 240w, http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic-117x146.png 117w, http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic-40x50.png 40w, http://tarahan.com/wp-content/uploads/2016/01/Successful-Unsuccessful-Infographic-60x75.png 60w" sizes="(max-width: 400px) 100vw, 400px" title="اینفوگرافیک (Infographic) چیست؟" /></a></p>
<p style="direction: rtl;">در اینفوگرافیک بالا ویژگی ها و مشخصات انسان های موفق و ناموفق به نمایش گذاشته شده اند.</p>
<p style="direction: rtl;"><img loading="lazy" class=" size-full wp-image-4997 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/infographic-3.png" alt="infographic 3 اینفوگرافیک (Infographic) چیست؟" width="400" height="511" srcset="http://tarahan.com/wp-content/uploads/2016/01/infographic-3.png 400w, http://tarahan.com/wp-content/uploads/2016/01/infographic-3-235x300.png 235w, http://tarahan.com/wp-content/uploads/2016/01/infographic-3-114x146.png 114w, http://tarahan.com/wp-content/uploads/2016/01/infographic-3-39x50.png 39w, http://tarahan.com/wp-content/uploads/2016/01/infographic-3-59x75.png 59w" sizes="(max-width: 400px) 100vw, 400px" title="اینفوگرافیک (Infographic) چیست؟" /></p>
<p style="direction: rtl;"> تصویر بالا، اینفوگرافیک آموزنده ای در مورد ابتلای کودکان به بیماری چاقی است.</p>
<p style="direction: rtl;">منبع: <a href="http://www.webpagefx.com/" target="_blank">www.webpagefx.com</a></p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-infographic-%da%86%db%8c%d8%b3%d8%aa%d8%9f/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>۱۰ طرح اینفوگرافیک برتر سال ۲۰۱۵</title>
		<link>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%b3%d8%a7%d9%84-2015/</link>
					<comments>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%b3%d8%a7%d9%84-2015/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Tue, 05 Jan 2016 13:37:13 +0000</pubDate>
				<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[اینفوگرافیک]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=5003</guid>

					<description><![CDATA[با گذشت زمان، تعداد طرفداران طرح های اینفوگرافیک افزایش می یابد. در سال میلادی گذشته طرح های بیشمار و جذابی در غالب اینفوگرافیک ارائه شدند که<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p style="direction: justify;">با گذشت زمان، تعداد طرفداران طرح های <strong>اینفوگرافیک </strong>افزایش می یابد. در سال میلادی گذشته طرح های بیشمار و جذابی در غالب اینفوگرافیک ارائه شدند که در اینجا ۱۰ تا از بهترین طرح ها را به شما معرفی می کنیم.</p>
<h4 style="direction: justify;"><strong>۱) روان شناسی طراحی لوگو</strong></h4>
<p style="direction: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-large2.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5030 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop.jpg" alt="colour infographic crop 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="310" srcset="http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop-300x186.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop-235x146.jpg 235w, http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/colour-infographic-crop-121x75.jpg 121w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">یکی از <em>اینفوگرافیک</em> های جالب سال ۲۰۱۵، در ارتباط با بعد روان شناسی طراحی لوگو است.</p>
<p style="direction: justify;">هر روزه لوگوهای متنوعی به ما معرفی می شوند ولی عوامل متعددی در تاثیرگذاری لوگو نقش دارند. این مسئله از رنگ بندی و اشکال گرفته تا اندازه ها و فواصلی که قرار داده می شوند. اینفوگرافیک بالا به بهترین نحو ممکن روان شناسی لوگوها را نشان می دهد و به عبارت دیگر، دلیل موفقیت آن ها را نیز شرح داده است (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۲) جنگ نوستالژی و پیشرفت تکنولوژی</strong></h4>
<p style="direction: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/01/NewMedia_OldVsNew1.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5029 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1.jpg" alt="newmedia oldvsnew lc v5 cropped1 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/newmedia_oldvsnew_lc_v5-cropped1-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">وسایل قدیمی اگرچه امروزه کاربرد زیادی ندارند ولی یادآور خاطرات زیبایی هستند و همچنان در کنار وسایل پیشرفته امروزی محبوبیت خود را حفظ کرده اند. <em>اینفوگرافیک</em> بالا مبین همین مطلب است و به نوعی به مقایسه ابزار قدیمی و پیشرفته می پردازد (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۳) بازی رنگ ها در طراحی وب سایت </strong></h4>
<h3 class="crosshead" style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/color-coordination-complete-changed.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5028 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop.jpg" alt="Color Coordination crop 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/Color_Coordination-crop-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></h3>
<p style="direction: justify;">در زمان طراحی وب سایت یکی از نکات مهم، توجه به ترکیب رنگی است چرا که انتخاب اشتباه رنگ می تواند تاثیر منفی بر کاربران داشته باشد. در <em>اینفوگرافیک</em> بالا تاثیر رنگ های متفاوت مورد بررسی قرار گرفته است. درنتیجه، می توان به کمک نکات ذکر شده انتخابی حرفه ای از رنگ ها داشته باشید (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۴) ۴۰ روش داشتن خلاقیت</strong></h4>
<p style="direction: justify; text-align: center;"><a href="http://tarahan.com/wp-content/uploads/2016/01/40waysbig.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5027 aligncenter" style="direction: rtl;" src="http://tarahan.com/wp-content/uploads/2016/01/40ways-crop.jpg" alt="40ways crop 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/40ways-crop.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/40ways-crop-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/40ways-crop-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/40ways-crop-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/40ways-crop-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">داشتن خلاقیت، لازمه هر طراح موفقی است. در برخی موارد، افرادی هستند که توانایی خلق آثار چشم گیر را ندارند و می بایست در ابتدای راه، راهنمایی های لازم را دریافت کنند. در اینفوگرافیک بالا، با طرح های جالب و نکات مختصر اما مفید، می توانید در مسیر خلق طراحی های زیبا گام بردارید (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۵) مشخصات رایج طراحان معروف</strong></h4>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/sod.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5039 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop.jpg" alt="stereotype crop 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/stereotype-crop-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">در <em>اینفوگرافیک</em> بالا، سبک ها، علاقه مندی ها و بسیاری از ویژگی های جالب و مشترک میان طراحان معروف نشان داده شده است. این طرح ساده اما بسیار جالب می تواند به طرفداران مشاغل ذکر شده کمک کند تا از سبک طراح محبوب خود پیروی کنند (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۶) ۱۰ اصل مهم و اساسی در طراحی لوگو</strong></h4>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design-large.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5048 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1.jpg" alt="10 Commandments of Logo Design1 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/10-Commandments-of-Logo-Design1-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">در یکی از مواردی که اینجا ذکر شد روان شناسی لوگوها را بررسی کردیم. <em>اینفوگرافیک</em> بالا، ۱۰ تا قانون اساسی در طراحی لوگو را به شما نشان می دهد و می تواند راهنمای مناسبی در طراحی هرچه بهتر لوگو باشد (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۷) بهترین وضعیت فیزیکی در محیط کار</strong></h4>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/posture-large.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5055 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/posture.jpg" alt="posture 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/posture.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/posture-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/posture-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/posture-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/posture-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">وضعیت نامناسب فیزیکی بخصوص زمان نشستن می تواند افراد را دچار مشکلات جسمانی نماید. <em>اینفوگرافیک</em> مربوط به این بخش، با ارائه تمرین ها و حرکات ورزشی متنوع به بدن شما کمک می کند تا در شرایط خوبی باقی بماند (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۸) مروری بر ۳۰ سال تجربه طراحی وب سایت</strong></h4>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed1.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5058 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed.jpg" alt="Web Design History changed 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="329" srcset="http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed-300x197.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed-222x146.jpg 222w, http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed-50x33.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/Web-Design-History-changed-114x75.jpg 114w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">در <em>اینفوگرافیک</em> شماره ۸ مروری به ۳۰ سال تجربه طراحی وب سایت شده است. زمانی که اولین سایت HTML در سال ۱۹۹۱ شکل گرفت تا زمان حال که طراحان خبره ای در این زمینه مشغول به فعالیت هستند. در حقیقت این طرح نشان می دهد چگونه در طی این مدت اندک علم طراحی وب سایت پیشرفت کرده و در مسیر رو به جلو حرکت کرده است (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۹) ۲۶ نکته قابل توجه پیش از توسعه یک وب سایت</strong></h4>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/developweb-large.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5064 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/develop-changed.jpg" alt="develop changed 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/01/develop-changed.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/develop-changed-300x180.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/develop-changed-243x146.jpg 243w, http://tarahan.com/wp-content/uploads/2016/01/develop-changed-50x30.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/develop-changed-125x75.jpg 125w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<p style="direction: justify;">اینکه شما در زمینه طراحی وب سایت فرد ماهری باشید یا تازه کار مسئله چندان مهمی نیست. تنها چیزی که حائز اهمیت است توجه شما به نکات ریز و ضروری  از قبیل نقشه سایت، هاستینگ (فضای میزبانی)، امنیت و سایر جزئیات در این مبحث است. به لطف <em>اینفوگرافیک</em> بالا، بطور خلاصه می توانید ببینید چه نکاتی را باید مدنظر قرار دهید (جهت دیدن اینفوگرافیک در اندازه واقعی، روی تصویر بالا کلیک نمایید).</p>
<h4 style="direction: justify;"><strong>۱۰) چگونه می‌توان یک <em>اینفوگرافیک</em> بی‌نظیر طراحی کرد؟</strong></h4>
<figure class="captioned-image"></figure>
<p style="direction: rtl;"><a href="http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic-large.jpg" target="_blank"><img loading="lazy" class=" size-full wp-image-5069 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop.jpg" alt="The Great Big List of Infographic1 crop 10 طرح اینفوگرافیک برتر سال 2015" width="500" height="326" srcset="http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop.jpg 500w, http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop-300x196.jpg 300w, http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop-224x146.jpg 224w, http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop-50x33.jpg 50w, http://tarahan.com/wp-content/uploads/2016/01/The-Great-Big-List-of-Infographic1-crop-115x75.jpg 115w" sizes="(max-width: 500px) 100vw, 500px" title="10 طرح اینفوگرافیک برتر سال 2015" /></a></p>
<figure class="captioned-image"></figure>
<p style="direction: justify;">چناچه با دیدن لیست برترین اینفوگرافیک های سال ۲۰۱۵ مشتاق به طراحی اولین اینفوگرافیک خود شده اید طرحی را به شما معرفی می کنیم که بطور کامل نحوه طراحی <strong>اینفوگرافیک </strong>را به شما نشان می دهد.</p>
<p style="direction: justify;">منبع: <span style="text-decoration: underline;"><a href="http://www.creativebloq.com/" target="_blank">www.creativebloq.com</a></span></p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d8%b1%d8%aa%d8%b1-%d8%b3%d8%a7%d9%84-2015/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>خلق اینفوگرافیک به سبک وکتور</title>
		<link>http://tarahan.com/%d8%ae%d9%84%d9%82-%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-%d9%88%da%a9%d8%aa%d9%88%d8%b1/</link>
					<comments>http://tarahan.com/%d8%ae%d9%84%d9%82-%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-%d9%88%da%a9%d8%aa%d9%88%d8%b1/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Mon, 08 Feb 2016 09:48:57 +0000</pubDate>
				<category><![CDATA[طراحی گرافیک]]></category>
		<category><![CDATA[فوتوشاپ - Photoshop]]></category>
		<category><![CDATA[Graphic design]]></category>
		<category><![CDATA[infographic]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Vector]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[اینفوگرافیک]]></category>
		<category><![CDATA[طراحی حرفه ای]]></category>
		<category><![CDATA[طراحی سایت]]></category>
		<category><![CDATA[فوتوشاپ]]></category>
		<category><![CDATA[وکتور]]></category>
		<guid isPermaLink="false">http://tarahan.com/?p=5562</guid>

					<description><![CDATA[معمولاً هنر طراحی اینفوگرافیک به سبک وکتور همراه با Adobe Illustrator است ولی جلوه‌های مشابهی نیز با استفاده از فوتوشاپ قابل دسترسی هستند. این سبک از الگوی<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<p class="post-title" style="direction: rtl; text-align: justify;">معمولاً هنر طراحی <strong>اینفوگرافیک</strong> به سبک وکتور همراه با Adobe Illustrator است ولی جلوه‌های مشابهی نیز با استفاده از فوتوشاپ قابل دسترسی هستند. این سبک از الگوی مدرن مینیمالیسم پیروی می‌کند و به خلق هنری می پردازد که بی‌نظیر بوده و برای اهداف وب مناسب هستند. در این مقاله به آموزش طراحی با استفاده از فوتوشاپ می‌پردازیم که اگرچه ساده بنظر می‌رسد ولی مستلزم دانش خوبی از ابزار Pen است. این طراحی در قالب یک <em>اینفوگرافیک</em> نمایش داده خواهد شد.</p>
<p class="post-title" style="direction: rtl; text-align: justify;">۱. اولین قدم تنظیم سایز فایلی است که می خواهید در آن کار کنید. بهتر است برای طراحی یک <em>اینفوگرافیک</em> اندازه فایل را کاغذ A3 با DPI 300 درنظر بگیرید. دلیل این انتخاب قابلیت چاپ بر پوسترهای A2 می‌باشد بدون اینکه کیفیت آن کاهش یافته باشد و درعین حال فضای قابل توجهی را در حافظه سیستم ذخیره می‌نماید.</p>
<p class="post-title" style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-1.jpg"><img loading="lazy" class=" size-full wp-image-5566 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-1.jpg" alt="stage 1 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-1.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-1-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-1-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-1-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-1-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۲. گام بعدی تنظیم رنگ پس زمینه است و در اینجا از بازه رنگی خاکستری کم رنگ تا سفید استفاده شده است. برای ناحیه خاکستری کد c4c4c4 و برای قسمت سفید کد fcfcfc درنظر گرفته شده است. این اقدامات باید در کادر تنظیمات Layer Style انجام شوند که این کادر با دوبار کلیک کردن بر گزینه Layer در Layers panel فعال می‌شود. برای این طراحی در قسمت داخلی رنگ سفید انتخاب شده است.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-2.jpg"><img loading="lazy" class=" size-full wp-image-5567 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-2.jpg" alt="stage 2 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-2.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-2-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-2-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-2-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-2-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۳. برای ترسیم دایره باید از Ellipse tool استفاده نموده و یک دایره بزرگ در مرکز فایل بکشید. بهتر است Opacity را به ۰% و Storke Size را به ۳ تغییر دهید. بدین ترتیب می‌توان رنگ پس‌زمینه را از میان دایره مشاهده کرد.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-3.jpg"><img loading="lazy" class=" size-full wp-image-5568 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-3.jpg" alt="stage 3 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-3.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-3-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-3-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-3-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-3-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۴. در یک لایه جدید بهتر است اشکال مدنظر خود را ترسیم کنید که این کار با استفاده از Pen tool میسر است. اشکال رسم شده در تصویر نشان داده شده‌اند.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-4.jpg"><img loading="lazy" class=" size-full wp-image-5565 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-4.jpg" alt="stage 4 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-4.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-4-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-4-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-4-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-4-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۵. در Paths tab می توانید آخرین path کشیده شده را ببینید. دستور Ctrl+right-click را بر آن اجرا کرده، Fill Path را انتخاب نموده و بعد از رنگ پیش‌زمینه استفاده نمایید. در اقدام بعدی، path را deselect کرده و به قسمت Layers tab بازگردید. برای اینکه بهتر کار کنید می‌توانید لایه دایره را  مخفی (Hide) نمایید. از گرادیانت انعکاسی۱۴۱ درجه استفاده نموده و کد رنگ‌های f9f9f9 و ededed را بکار بگیرید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-5.jpg"><img loading="lazy" class=" size-full wp-image-5569 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-5.jpg" alt="stage 5 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-5.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-5-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-5-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-5-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-5-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۶. در این مرحله باید یک لایه جدید دیگر بسازید ولی دقت نمایید که موقعیت آن قبل از لایه پیشین باشد درنتیجه می‌توانید جلوه ۳D را با Pen tool ایجاد نمایید. حال، مانند قبل از گزینه Fill استفاده نمایید ولی این بار گرادیانت خطی ۹۰ درجه را با کدهای رنگی a7a6a6 و ffffff بکار گیرید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-6.jpg"><img loading="lazy" class=" size-full wp-image-5570 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-6.jpg" alt="stage 6 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-6.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-6-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-6-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-6-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-6-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۷. باز هم لایه جدیدی ایجاد کنید و آن را بالاتر از سایر لایه‌ها قرار دهید. برای انجام بهتر ادامه مرحله بهتر است شکل دایره اصلی را مجدد ظاهر نمایید و مانند تصویر اجزای سبزی را زیر قسمت سفید ایجاد کنید. برای ایجاد رنگ می‌توانید از گرادیانت انعکاسی ۱۳۳ درجه با کد رنگ‌های ۹ad429 و ddf470 استفاده کنید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-7.jpg"><img loading="lazy" class=" size-full wp-image-5571 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-7.jpg" alt="stage 7 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-7.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-7-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-7-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-7-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-7-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۸. همانطور که برای قسمت سفید انجام دادید، لایه جدیدی زیر لایه سبز ایجاد نمایید، با استفاده از Pen tool سایه زیرین تصویر را شکل دهید و برای آن گرادیانت خطی ۹۰- درجه با کدهای رنگی ۸۷bc0f و ۷۹aa08 را بکار گیرید. به یاد داشته باشید که تمامی رنگ‌ها و درجات فقط بعنوان راهنما برای شما درنظر گرفته شده‌اند.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-8.jpg"><img loading="lazy" class=" size-full wp-image-5572 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-8.jpg" alt="stage 8 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-8.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-8-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-8-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-8-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-8-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۹. باز هم به قسمت سبز برگردید. یک لایه جدید زیر لایه سبز اصلی ایجاد نمایید و قسمت بالایی شکل سبز را طراحی کنید. بهتر است طراحی بگونه ای باشد که یک سطح صاف مانند چمن را نشان دهد. برای انتخاب رنگ در این مرحله، از گرادیانت خطی ۹۰ درجه با کدهای رنگی ۹ddb16 و d7ff46 استفاده کنید. این قسمت از طراحی بهتر است از سایر المان ها روشن تر باشد.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-9.jpg"><img loading="lazy" class="aligncenter wp-image-5573 size-full" src="http://tarahan.com/wp-content/uploads/2016/02/stage-9.jpg" alt="stage 9 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-9.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-9-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-9-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-9-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-9-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۱۰. حال، می‌خواهیم اشکالی را ترسیم کنیم که نشانگر صخره هستند. پس بعد از اینکه شکل موردنظر خود را رسم کردید، از گرادیانت خطی ۷۰- درجه با کدهای رنگی ۸d6b50 و d1bc98 استفاده نمایید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-10.jpg"><img loading="lazy" class=" size-full wp-image-5574 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-10.jpg" alt="stage 10 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-10.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-10-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-10-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-10-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-10-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۱۱. در این مرحله، می‌خواهیم عنصر آب را اضافه کنیم. با استفاده از دایره اصلی، شکلی برای قسمت آبی رنگ ترسیم نمایید. اگر برای انتخاب رنگ آبی با مشکل مواجه شدید به شما پیشنهاد می کنیم که از گرادیانت انعکاسی ۳۶- با کدهای رنگی ۳۳abbb و ۳۶e6ed استفاده کنید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-11.jpg"><img loading="lazy" class=" size-full wp-image-5575 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-11.jpg" alt="stage 11 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-11.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-11-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-11-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-11-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-11-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۱۲. بعنوان قسمت پایانی طراحی شکل دیگری به رنگ سفید رسم نمایید. می‌توانید از گرادیانت رنگی مشابه قسمت سفید در بالا استفاده نمایید فقط بهتر است رنگ آبی را نیز به آن اضافه نمایید چراکه در انتها می خواهیم جلوه‌هایی از قطرات آب را به نشانه ذوب شدن یخ داشته باشیم.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-12.jpg"><img loading="lazy" class=" size-full wp-image-5576 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-12.jpg" alt="stage 12 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-12.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-12-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-12-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-12-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-12-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۱۳. در این مرحله می‌خواهیم جلوه‌هایی از قطرات آب را اضافه کنیم. این کار را براحتی می‌توان با Pen tool انجام داد. از دستور رنگی آبی مشابه بالا استفاده کنید با این تفاوت که قسمت انتهایی قطرات را تیره‌تر کنید.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-13.jpg"><img loading="lazy" class=" size-full wp-image-5577 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-13.jpg" alt="stage 13 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-13.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-13-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-13-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-13-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-13-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<p style="direction: rtl; text-align: justify;">۱۴. در قسمت انتهایی می‌خواهیم شکلی نمایانگر کویر را به طراحی اضافه کنیم. مراحل طراحی قبلاً ذکر شده است فقط تنها تفاوت در اینجا تغییر رنگ‌هاست که می‌توان از کدهای رنگی dbc146 و ecf774 استفاده کرد. در این مرحله، طراحی کره زمین به پایان رسید. تنها چیزی که باقی می‌ماند، قسمت نوشته‌های <em>اینفوگرافیک</em> است.</p>
<p style="direction: rtl; text-align: justify;"><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-14.jpg"><img loading="lazy" class=" size-full wp-image-5578 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-14.jpg" alt="stage 14 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-14.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-14-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-14-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-14-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-14-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></p>
<h3><a href="http://tarahan.com/wp-content/uploads/2016/02/stage-15.jpg"><img loading="lazy" class=" size-full wp-image-5579 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/02/stage-15.jpg" alt="stage 15 خلق اینفوگرافیک به سبک وکتور" width="400" height="250" srcset="http://tarahan.com/wp-content/uploads/2016/02/stage-15.jpg 400w, http://tarahan.com/wp-content/uploads/2016/02/stage-15-300x188.jpg 300w, http://tarahan.com/wp-content/uploads/2016/02/stage-15-234x146.jpg 234w, http://tarahan.com/wp-content/uploads/2016/02/stage-15-50x31.jpg 50w, http://tarahan.com/wp-content/uploads/2016/02/stage-15-120x75.jpg 120w" sizes="(max-width: 400px) 100vw, 400px" title="خلق اینفوگرافیک به سبک وکتور" /></a></h3>
<p style="direction: rtl;">منبع: <span style="text-decoration: underline;"><a href="http://www.webdesignermag.co.uk/photoshop-vector-style-infographics/" target="_blank">www.webdesignermag.co.uk</a></span></p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%ae%d9%84%d9%82-%d8%a7%db%8c%d9%86%d9%81%d9%88%da%af%d8%b1%d8%a7%d9%81%db%8c%da%a9-%d8%a8%d9%87-%d8%b3%d8%a8%da%a9-%d9%88%da%a9%d8%aa%d9%88%d8%b1/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%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/</link>
					<comments>http://tarahan.com/%d8%a7%d9%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Mon, 31 Oct 2016 07:50:25 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[بهینه سازی - SEO]]></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>
		<guid isPermaLink="false">http://tarahan.com/?p=6597</guid>

					<description><![CDATA[این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<div>
<p style="direction: rtl; text-align: right;">این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج جست و جوی کاربران خود استفاده می‌کند. گوگل بزرگ‌ترین ارائه کننده پلتفرم تلفن‌های همراه جهان است (اندروید). گوگل هم چنین بزرگ‌ترین ارائه دهنده موتور جست و جو برای تلفن‌های همراه در جهان می‌باشد. علاوه بر این، گوگل بزرگ‌ترین فروشگاه نرم افزارهای تلفن همراه را در اختیار دارد که با نام Google Play شناخته می‌شود. به عبارت دیگر، گوگل تلاش دارد تا تمام ارتباطات عصر جدید با تلفن همراه انجام شوند. با وجود تحقق تمام این اتفاق‌ها، این غول بزرگ کامپیوتری، با داشتن سهم بزرگی از دستگاه‌های موبایلی، جست و جو و نرم افزارها راضی نمی‌شود؛ بلکه می‌خواهد  تمام امواج موجود در هوا را نیز به خود اختصاص دهد. در این مقاله سعی داریم تا سایت‌هایی با مواضع موبایلی گوگل سقوط خواهند کرد را به شما معرفی کرده و راه کارهای مقابله و جلوگیری از این اتفاق را بیان کنیم.</p>
</div>
<div>
<p style="direction: rtl;">گوگل الگوریتم جست و جوی خود را برای حمایت از سایت‌های سازگار با تلفن همراه (Mobile-Friendly) بازسازی خواهد کرد. طبق اعلان مرکز مدیریت وب سایت گوگل (Google Webmaster Central)، <em><strong>الگوریتم جدید گوگل</strong></em> مهم‌‎ترین تغییر الگوریتم موبایلی خود را در تاریخ زیر اعمال خواهد کرد:</p>
<p style="direction: rtl;">در تاریخ ۲۱ آوریل این تغییرات شروع خواهند شد و استفاده از الگوریتم جدید گوگل برای بررسی سازگاری با تلفن همراه را در پارامترهای رتبه بندی وب سایت‌ها گسترش خواهد یافت. تنها در عرض چند روز، ما شاهد حجم زیادی از افراد ناراحت نسبت به الگوریتم جدید گوگل خواهیم بود. در واقع یک کاربر گوگل ذکر کرده است که این تغییر بیشتر از تاثیر الگوریتم‌های پاندا و پنگوئن خواهد بود.</p>
<p style="direction: rtl;">یک وب سایت سازگار با تلفن همراه یا mobile-friendly چیست؟ خوش بختانه فهمیدن این موضوع بسیار آسان است و فقط می‌بایست وب سایت خود را در صفحه تست گوگل برای سازگاری با تلفن همراه اجرا نمایید. لازم به ذکر است که این تست بدون نقص نیست. گوگل خودش با قرار دادن یک فرم بازخورد، به این موضوع اقرار می‌کند. با این حال، تست سازگاری با تلفن همراه به طور کلی یک سنجش مفید از عملکرد موبایلی یک وب سایت است. یک روش دیگر برای چک کردن یک وب سایت، جست و جوی آن از طریق دستگاه‌های تلفن همراه می‌باشد. اگر در نتایج این جستو جو سایت مورد نظر برچسب mobile friendly بخورد در این صورت این سایت مورد تایید گوگل می‌باشد. در نهایت، شما باید وب سایت خود را از طریق گزارش قابلیت موبایلی گوگل در webmaster tools، اجرا کنید تا به توصیه‌های مربوطه آن دست بیابید که استفاده موبایلی سایت شما را بهبود بخشد.</p>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/Google.jpg"><img loading="lazy" class="size-medium wp-image-6602 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/Google-300x169.jpg" alt="Google 300x169 الگوریتم جدید گوگل" width="300" height="169" srcset="http://tarahan.com/wp-content/uploads/2016/10/Google-300x169.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/Google-260x146.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/Google-50x28.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/Google-576x324.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/Google-133x75.jpg 133w, http://tarahan.com/wp-content/uploads/2016/10/Google.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="الگوریتم جدید گوگل" /></a></p>
<p style="direction: rtl;"><strong>این تغییر الگوریتم &#8220;قابل توجه&#8221; خواهد بود</strong></p>
<p style="direction: rtl;">گوگل مجدداً در اعلامیه خود درباره این الگوریتم از واژه تغییر قابل توجه استفاده کرده است. &#8220;این تغییر روی جست و جو های موبایلی در همه زبان‌های سراسر جهان تاثیر خواهد گذاشت و هم چنین تاثیر قابل توجهی در نتایج جست و جوی گوگل خواهد داشت.&#8221;</p>
<p style="direction: rtl;">تاثیر واقعی یک تغییر الگوریتم وقتی گفته می‌شود این تغییر قابل توجه است، چقدر خواهد بود؟ با جست و جوی آرشیو وبلاگ وب مسترها برای کلمه قابل توجه در مورد :تغییرات الگوریتم‌ها، به تغییرات الگوریتم بزرگ زیر می‌رسیم که گوگل در اعلام آن‌ها از واژه تغییر قابل توجه استفاده کرده است</p>
<p style="direction: rtl;">• Crawling – ۲۰۱۲</p>
<p style="direction: rtl;">• Markup – ۲۰۱۰</p>
<p style="direction: rtl;">• Linking – ۲۰۰۹</p>
<p style="direction: rtl;">• Panda 1.0 – ۲۰۱۲</p>
<p style="direction: rtl;">به نظر می‌بایست برای تغییرات و چیزهایی که گوگل آن‌ها را قابل توجه می‌نامد آمادگی داشت. در حال حاضر ما می‌دانیم که این به روز رسانی از پاندا و پنگوئن هم بزرگ‌تر خواهد بود. هم‌چنین ما می‌دانیم که گوگل موبایل را بسیار مهم در نظر گرفته است و برای همین آن‌ها دارند روی همه جنبه‌ها و مظاهر آن کار می‌کنند. با این به روز رسانی جست و جو، می‌بایست خود را برای تنظیم تکنیکی همگام با توابع جست و جوی موبایلی مجدداً آماده کنیم.</p>
<p style="direction: rtl;">پیش بینی‌های اولیه ما این است که صفحات بهینه نشده برای سازگاری با موبایل‌ها در رتبه بندی موبایلی و احتمالاً رتبه بندی desktop شاهد افت خواهند بود و هر صفحه فاقد بهینه سازی موبایلی دیگر رتبه‌ای برای کلمات کلیدی شان به دست نخواهد آورد. دیگر این که در صفحه اول نتایج جست و جو برای هر کلمه کلیدی فقط وب سایت‌های mobile-friendly قرار خواهند گرفت. الگوریتم جدید گوگل هر صفحه را به صورت جداگانه ارزیابی می‌کند. یکی از ویژگی‌های قابل توجه الگوریتم جدید گوگل، تجزیه و تحلیل سازگاری موبایلی بر اساس صفحه به صفحه می‌باشد به جای این که بر اساس کل وب سایت تحلیل شود.</p>
<p style="direction: rtl;">این موضوع بدین معنا می‌باشد که در صورتی که سایت شما چند صفحه بهینه شده بر اساس تلفن همراه داشته باشد اما چند صفحه غیر بهینه نیز داشته باشد، گوگل به آن‌ها به صورت جداگانه نگاه می‌کند و صفحه بهینه شده را ترویج خواهد کرد. گوگل در واقع کل یک وب سایت که چند صفحه غیر بهینه دارد را جریمه نمی‌کند. در واقع، اگر یک وب سایت ریسپانسیو باشد و به خوبی طراحی شده باشد، مشکلی نخواهد داشت. و این مورد بیشتر مربوط به سایت‌هایی می‌باشد که چند صفحه بهینه و چند صفحه بهینه نشده دارند. اما به طور کلی مهم این است که یک سایت با تلفن‌های همراه سازگار است یا نه. الگوریتم جدید گوگل به صورت بلادرنگ اجرا می‌شود، بنابراین از لحاظ فنی شما هر زمانی سایت خود را بر اساس جست و جوی موبایلی بهینه نمایید وقتی که این تغییرات الگوریتم شروع شود به سود وب سایت شما خواهد بود.</p>
<p style="direction: rtl;">بدیهی است که گوگل فقط زمانی می‌تواند سازگاری یک وب سایت با موبایل‌ها را ارزیابی کند که ربات‌های خزنده صفحه را ببینند و آن را برای جست و جو ایندکس کنند. در این زمان سایت شما رتبه خود را گرفته است. حالا اگر وب سایت شما در تاریخ ۲۱ آوریل سازگار با تلفن همراه نباشد و در تاریخ ۲۵ سازگار شود، بنابراین در دفعه بعد که ربات گوگل در سایت شما بخزد، رتبه شما بهبود می‌یابد.</p>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/Seo.jpg"><img loading="lazy" class="size-medium wp-image-6603 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/Seo-300x160.jpg" alt="Seo 300x160 الگوریتم جدید گوگل" width="300" height="160" srcset="http://tarahan.com/wp-content/uploads/2016/10/Seo-300x160.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/Seo-260x138.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/Seo-50x27.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/Seo-576x306.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/Seo-141x75.jpg 141w, http://tarahan.com/wp-content/uploads/2016/10/Seo.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="الگوریتم جدید گوگل" /></a></p>
<p style="direction: rtl;"><strong>آن چه برای دسکتاپ خوب است برای موبایل هم خوب است</strong></p>
<p style="direction: rtl;">گوگل برخی از پارامترهای رتبه بندی برای موبایل و دسکتاپ را با هم مخلوط کرده است. به عنوان مثال سرعت لود شدن صفحه که در هر دو نوع جست و جوی موبایلی و دسکتاپ تاثیر گذار می‌باشد. می‌شود به راحتی فرض کرد که برخی از ویژگی‌هایی که برای دسکتاپ خوب است برای تلفن‌های همراه نیز به همان اندازه خوب هستند با فرض این نکته که صفحه یک طراحی سازگار با تلفن همراه داشته باشد. البته به خاطر داشته باشید که الگوریتم جدید گوگل ممکن است شروع بکند به تفاوت قائل شدن بین محیط موبایل و دسکتاپ در عوامل مختلف که در حال حاضر آن‌ها را یکی و یکسان در نظر می‌گیرد به دلیل سیستم عامل‌های بسیار متفاوت، زمان لود شدن، طرح و &#8230; .</p>
<p style="direction: rtl;"><strong>ایندکس شدن اپلیکیشن موبایلی از حالا یک عامل در نتایج جست و جو است</strong></p>
<p style="direction: rtl;">ایندکس شدن برنامه، یک ویژگی نو در الگوریتم جدید گوگل می‌باشد که منحصر به سایت‌هایی خواهد بود که برنامه‌های مرتبط اندرویدی دارند. این ویژگی در حال حاضر فعال می‌باشد. هدف از این ویژگی احتمالاً محکم کردن ارتباط بین جست و جوی موبایلی و نرم افزار موبایلی می‌باشد. در نهایت تفاوت اندکی بین این دو خواهد بود. پر کردن فاصله این دو از طریق جست و جو یک انتخاب منطقی می‌باشد.</p>
<p style="direction: rtl;">گوگل مراحل زیر را برای تسهیل ایندکس شدن برنامه‌ها توصیه می‌کند:</p>
<p style="direction: rtl;">&#8211; اضافه کردن لینک پشتیبانی خوب و مشخص کردن چگونگی رسیدن به محتوای خاص در برنامه.</p>
<p style="direction: rtl;">&#8211; تایید وب سایت رسمی برنامه تان در کنسول Google play.</p>
<p style="direction: rtl;">&#8211; ارائه لینک‌های خوب برای هر صفحه مرتبط وب سایت.</p>
<p style="direction: rtl;">&#8211; بررسی خطاها در webmaster tools و برطرف کردن آن‌ها.</p>
<p style="direction: rtl;">نتیجه گیری: در مورد این الگوریتم جدید گوگل چه باید کرد .</p>
<p style="direction: rtl;">۱. به عنوان اولین اقدام، وب سایت خود را با موبایل سازگار نمایید. سایت ریسپانسیو، بهترین گزینه است.</p>
<p style="direction: rtl;">۲. دوم این که در webmaster tools گوگل به تمام مشکلات قابلیت استفاده موبایلی وب سایت خود رسیدگی کنید.</p>
<p style="direction: rtl;">۳. اگر برنامه اندرویدی مرتبط با وب سایت خود دارید، هر چه سریع‌تر آن را به وب سایت خود متصل کنید و ایندکس هم نمایید.</p>
<p style="direction: rtl;">۴. بر معیارهای خود با دقت نظارت کنید تا زمان اجرای الگوریتم جدید گوگل در تاریخ ۲۱ آوریل و پس از آن.</p>
</div>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%a7%d9%84%da%af%d9%88%d8%b1%db%8c%d8%aa%d9%85-%d8%ac%d8%af%db%8c%d8%af-%da%af%d9%88%da%af%d9%84/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>مدیریت وب سایت</title>
		<link>http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/</link>
					<comments>http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Mon, 31 Oct 2016 09:01:23 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></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[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>
		<guid isPermaLink="false">http://tarahan.com/?p=6624</guid>

					<description><![CDATA[در این مقاله ابتدا فرایندهای مربوط به وب سایت‌ها را، به دو قسمت «فرایند طراحی، ایجاد و راه اندازی وب سایت» و «فرایند مدیریت، نگهداری و پشتیبانی<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<div>
<p style="text-align: right;">در این مقاله ابتدا فرایندهای مربوط به وب سایت‌ها را، به دو قسمت «فرایند طراحی، ایجاد و راه اندازی وب سایت» و «فرایند مدیریت، نگهداری و پشتیبانی وب سایت» تقسیم می‌کنیم، سپس با ارائه  تعریفی از <strong><em>مدیریت وب سایت</em></strong>، وظایف اصلی مدیر وب سایت را بر می‌شماریم. در ادامه، پس از اشاره به مسائل ده گانه مشترک در اغلب وب سایت‌ها، مباحث ده گانه مربوط به مدیریت وب سایت‌ها را مورد بررسی قرار می‌دهیم؛ مباحثی شامل مدیریت راهبردی، فنی، محتوایی، گرافیک، خدمات، امنیت، مالی، بازدیدها، تبلیغات و مدیریت کاربران وب سایت.</p>
</div>
<div>
<p style="text-align: right;"><strong>به طور کلی، فرایندهای مربوط به وب سایت ها در دو دسته می‌گنجد:</strong></p>
<ul style="text-align: right;">
<li>
<p style="direction: rtl;">فرایند طراحی، ایجاد و راه اندازی وب سایت.</p>
</li>
<li>
<p style="direction: rtl;">فرایند مدیریت، نگهداری و پشتیبانی وب سایت.</p>
</li>
</ul>
<p style="text-align: right;">فرایند نخست، فرایندی مقطعی است و در بازه زمانی مشخصی آغاز می‌شود و پایان می‌یابد؛ اما فرایند دوم، فرایندی طولانی و ادامه دار است. فرایند تولید یک وب سایت، در واقع، با تنظیم طرح نامه وب سایت شروع می‌شود و با طراحی، ایجاد و انتشار رسمی وب سایت به پایان می‌رسد. با پایان یافتن مرحله تولید وب سایت، فرایند دوم، یعنی مرحله مدیریت، نگهداری و پشتیبانی وب سایت آغاز می‌گردد. تفاوت فرایند ایجاد و مدیریت وب سایت این است که فرایند نخست، نقطه آغاز و پایان دارد؛ اما فرایند دوم، یعنی فرایند مدیریت وب سایت، از نقطه مشخصی آغاز می‌شود، مدت‌ها ادامه می‌یابد و معمولاً نقطه پایانی برای آن پیش بینی نمی‌شود.</p>
<p style="text-align: right;">برای داشتن وب سایتی کاربردی و مؤثر، باید هر دو فرایند را جدی گرفت. همان طور که مرحله طراحی و تولید وب سایت، نیازمند دانش و تجربه و مهارت است و با برنامه ریزی، مشورت با کارشناسان و بهره گیری از ابزارها، امکانات و نیروهای فنی چیره دست تحقق خواهد یافت، فرایند مدیریت و نگهداری وب سایت نیز امری حساس و موضوعی پیچیده است که جز با برنامه ریزی درست و استفاده از نیروهای انسانی ماهر و کارآمد، به سامان نخواهد رسید. درباره اهمیت موضوع مدیریت وب سایت، می‌توان به این نکته بسنده کرد که حتی اگر بهترین وب سایت با بهترین امکانات و ابزارها، و مناسب‌ترین محتوا و خدمات، تولید و راه اندازی شود، اما تیم مدیریت شایسته‌ای، اداره امور آن را به دست نگیرد، موفقیتی به دست نخواهد آورد و دوام آن دیری نخواهد پایید.در زمینه اصول و مبانی مدیریت وب سایت‌ها، منابع علمی چندانی در دست نیست. این مقاله، با دسته بندی مسائل کلی مشترک در انواع وب سایت‌ها، مباحث ده گانه مدیریت وب سایت‌ها را مطرح می‌کند و می‌کوشد با دسته بندی مراحل مختلف مدیریت وب سایت‌ها، در زمینه نظم بخشی به این فرایند مهم گام بردارد.</p>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/CMS1.jpg"><img loading="lazy" class="size-medium wp-image-6630 aligncenter" src="http://tarahan.com/wp-content/uploads/2016/10/CMS1-300x143.jpg" alt="CMS1 300x143 مدیریت وب سایت" width="300" height="143" srcset="http://tarahan.com/wp-content/uploads/2016/10/CMS1-300x143.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/CMS1-260x124.jpg 260w, http://tarahan.com/wp-content/uploads/2016/10/CMS1-50x24.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/CMS1-576x275.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/CMS1-150x72.jpg 150w, http://tarahan.com/wp-content/uploads/2016/10/CMS1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="مدیریت وب سایت" /></a></p>
<p style="text-align: right;"><strong>قلمرو مدیریت وب سایت</strong></p>
<p style="text-align: right;">تصور رایج این است که مدیریت وب سایت، چیزی جز به روزرسانی و ارسال اطلاعات به وب سایت نیست؛ حال آن که حتی در ساده‌ترین وب سایت‌ها نیز وظایف مدیر وب سایت فراتر از این است. مدیر وب سایت، مانند مدیر یک پروژه، یا مدیر یک سازمان، رسیدگی به همه امور وب سایت را بر عهده دارد. همان گونه که مدیر یک پروژه یا مدیر یک سازمان، امور مربوط به پروژه یا سازمان را با همکاری و همفکری گروهی از همکاران سامان می‌دهد، مدیر وب سایت نیز در انجام امور مربوط به وب سایت، از همکاری و همفکری گروهی از افراد متخصص و با تجربه بهره می‌برد.</p>
<p style="text-align: right;">حجم کارهای مربوط به مدیریت وب سایت و شمار افرادی که در مدیریت وب سایت همکاری دارند، به گستره موضوع و یا خدمات وب سایت بستگی دارد. هر چه موضوع وب سایت گسترده‌تر باشد و هر اندازه خدمات و امکاناتی که وب سایت به کاربران عرضه می‌کند، بیشتر و پیچیده‌تر باشد، تیم مدیریت وب سایت نیز پرشمارتر خواهد بود. بنابراین، همان طور که در ادامه مقاله خواهد آمد، گاه مدیریت یک وب سایت را تنها یک نفر بر عهده می‌گیرد و گاهی امور مربوط به مدیریت وب سایت چنان گسترده و پیچیده است که آن را به بخش‌های مختلف تقسیم می‌کنند و مدیریت وب سایت را به گروه‌های چندگانه مدیریت، به سرپرستی یک مدیر ارشد وا می‌گذارند.</p>
<p style="text-align: right;"><strong>پاره‌ای از مهم‌ترین وظایف مربوط به مدیریت وب سایت از این قرار است:</strong></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>
<p style="text-align: right;"><strong>آغاز فرایند مدیریت وب سایت</strong></p>
<p style="text-align: right;">بهترین زمان برای آغاز کار تیم مدیریت وب سایت، آغاز مراحل طراحی و ایجاد وب سایت است؛ اما چنین رایج است که معمولاً گروه مدیریت وب سایت، پس از طراحی و راه اندازی وب سایت به کار گمارده می‌شوند.</p>
<p style="text-align: right;">وب سایت‌ها نیز مانند اغلب سازمان‌ها و ادارات، از بخش‌ها و ساخت‌های مختلفی تشکیل می‌شوند و همان گونه که هر یک از بخش‌های سازمان، به وسیله فرد یا افرادی مدیریت می‌شود، مدیریت وب سایت نیز بر عهده فرد یا افرادی گذاشته می‌شود. مدیریت هر وب سایت به وسیله گروهی از افراد با مهارت‌های مختلف، و با سرپرستی مدیر اصلی وب سایت پی گیری می‌شود. البته مشارکت تعداد افراد در مدیریت وب سایت به نوع و حجم کارهای وب سایت بستگی دارد؛ گاهی ممکن است همه امور وب سایت را یک یا دو نفر اداره کنند و چه بسا هر بخش از وب سایت، به وسیله گروهی از افراد به سرپرستی مدیر گروه و نهایتاً زیر نظر مدیر اصلی وب سایت اداره شود.</p>
<p><a href="http://tarahan.com/wp-content/uploads/2016/10/CMS2.jpg"><img loading="lazy" class="aligncenter wp-image-6631 size-medium" src="http://tarahan.com/wp-content/uploads/2016/10/CMS2-300x208.jpg" alt="CMS2 300x208 مدیریت وب سایت" width="300" height="208" srcset="http://tarahan.com/wp-content/uploads/2016/10/CMS2-300x208.jpg 300w, http://tarahan.com/wp-content/uploads/2016/10/CMS2-211x146.jpg 211w, http://tarahan.com/wp-content/uploads/2016/10/CMS2-50x35.jpg 50w, http://tarahan.com/wp-content/uploads/2016/10/CMS2-576x398.jpg 576w, http://tarahan.com/wp-content/uploads/2016/10/CMS2-108x75.jpg 108w, http://tarahan.com/wp-content/uploads/2016/10/CMS2.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="مدیریت وب سایت" /></a></p>
<p style="text-align: right;"><strong>مسائل مشترک بیشتر وب سایت ها، ازاین قرار است:</strong></p>
<ol>
<li style="text-align: right;">سیاست و راهبرد وب سایت؛</li>
<li style="text-align: right;">امور فنی (نرم افزار مدیریت محتوای وب سایت)؛</li>
<li style="text-align: right;">انواع محتوا؛</li>
<li style="text-align: right;">طراحی و گرافیک؛</li>
<li style="text-align: right;">خدمات، امکانات و ابزارها؛</li>
<li style="text-align: right;">امنیت؛</li>
<li style="text-align: right;">زمان بندی، بودجه و مسائل مالی؛</li>
<li style="text-align: right;">تبلیغات؛</li>
<li style="text-align: right;">تعامل با موتورهای جستجو؛</li>
<li style="text-align: right;">امور کاربران وب سایت.</li>
</ol>
</div>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d9%85%d8%af%db%8c%d8%b1%db%8c%d8%aa-%d9%88%d8%a8-%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>
		<item>
		<title>طراحی سایت و حفظ اعتبار برند</title>
		<link>http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/</link>
					<comments>http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/#respond</comments>
		
		<dc:creator><![CDATA[طراحان]]></dc:creator>
		<pubDate>Mon, 07 Nov 2016 08:52:14 +0000</pubDate>
				<category><![CDATA[آموزش طراحی سایت]]></category>
		<category><![CDATA[بهینه سازی - SEO]]></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>
		<guid isPermaLink="false">http://tarahan.com/?p=6653</guid>

					<description><![CDATA[حفظ اعتبار برند و طراحی سایت  فعالیت‌های دیجیتالی و آنلاین یک فرد تمام چیزی است که به صورت آنلاین در اینترنت انجام می‌دهد. این فعالیت‌ها شامل پست<span class="excerpt-hellip"> […]</span>]]></description>
										<content:encoded><![CDATA[<h2 dir="RTL" style="text-align: center;"><em><strong>حفظ اعتبار برند و طراحی سایت</strong></em></h2>
<p dir="RTL" style="text-align: right;"> فعالیت‌های دیجیتالی و آنلاین یک فرد تمام چیزی است که به صورت آنلاین در اینترنت انجام می‌دهد. این فعالیت‌ها شامل پست گذاشتن در یک وبلاگ نظر گذاشتن در رسانه‌های اجتماعی و خرید محصولات از وب سایت‌های تجارت الکترونیک می‌شود. فعالیت‌های اینترنتی شما با بیان موارد زیادی درباره برند و وب سایتتان به کاربران، به <em><strong>حفظ اعتبار برند و طراحی سایت</strong></em> سایتتان کمک می‌کند.</p>
<p dir="RTL" style="text-align: right;"><a href="http://tarahan.com/wp-content/uploads/2016/11/Brand2.jpg"><img loading="lazy" class="aligncenter size-medium wp-image-6666" src="http://tarahan.com/wp-content/uploads/2016/11/Brand2-300x200.jpg" alt="Brand2 300x200 طراحی سایت و حفظ اعتبار برند" width="300" height="200" srcset="http://tarahan.com/wp-content/uploads/2016/11/Brand2-300x200.jpg 300w, http://tarahan.com/wp-content/uploads/2016/11/Brand2-219x146.jpg 219w, http://tarahan.com/wp-content/uploads/2016/11/Brand2-50x33.jpg 50w, http://tarahan.com/wp-content/uploads/2016/11/Brand2-576x384.jpg 576w, http://tarahan.com/wp-content/uploads/2016/11/Brand2-113x75.jpg 113w, http://tarahan.com/wp-content/uploads/2016/11/Brand2.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" title="طراحی سایت و حفظ اعتبار برند" /></a></p>
<p dir="RTL" style="text-align: right;">
<p dir="RTL" style="text-align: right;">این مورد می‌تواند برای جمع آوری اطلاعات، معرفی هویت و حتی اعتبار برند و یا وب سایتتان باشد. در این مقاله به ۸ توصیه مختلف رجوع می‌کنیم که به مدیریت فعالیت آنلاینتان کمک می‌کند تا دریابید که این فعالیت‌ها در جهت پیشبرد وب سایت و برندتان کار می‌کنند و یا بالعکس.</p>
<p dir="RTL" style="text-align: right;"><strong>۱.دریابید که در اطرافتان چه اتفاقاتی می‌افتد.</strong></p>
<p dir="RTL" style="text-align: right;">اگر ندانید که اطرافتان چه مواردی وجود دارد و اتفاق می‌افتد، نمی‌توانید به طور موثر فعالیت‌های آنلاین خود را  مدیریت کنید. زمانی را در <span dir="LTR">Google</span> بگذرانید تا دریابید که چه اخبار جدید در وب سایت‌ها موجود است. آیا نتایج مثبت و منفی یافته‌اید؟ اگر این چنین است فعالیت اینترنتی شما بسیار عالی است. یا نتایج منفی در یافت کرده‌اید؟ باید این نتایج منفی را از حذف کنید تا در معرض عموم قرار نگیرد.</p>
<p dir="RTL" style="text-align: right;"><strong>۲.اطمینان حاصل کنید که پست‌های شخصیتان، خصوصی باقی می‌ماند.</strong></p>
<p dir="RTL" style="direction: ltr; text-align: right;"><a href="http://tarahan.com/wp-content/uploads/2016/11/Brand1.jpg"><img loading="lazy" class="aligncenter size-medium wp-image-6667" src="http://tarahan.com/wp-content/uploads/2016/11/Brand1-257x300.jpg" alt="Brand1 257x300 طراحی سایت و حفظ اعتبار برند" width="257" height="300" srcset="http://tarahan.com/wp-content/uploads/2016/11/Brand1-257x300.jpg 257w, http://tarahan.com/wp-content/uploads/2016/11/Brand1-125x146.jpg 125w, http://tarahan.com/wp-content/uploads/2016/11/Brand1-43x50.jpg 43w, http://tarahan.com/wp-content/uploads/2016/11/Brand1-576x672.jpg 576w, http://tarahan.com/wp-content/uploads/2016/11/Brand1-64x75.jpg 64w, http://tarahan.com/wp-content/uploads/2016/11/Brand1.jpg 600w" sizes="(max-width: 257px) 100vw, 257px" title="طراحی سایت و حفظ اعتبار برند" /></a>اطمینان حاصل کنید که پست‌های شخصیتان که نمی‌خواهید کارمندان و یا اشخاص دیگر ببینند، قفل شده‌اند.  برخی وب سایت‌های شبکه‌های اجتماعی هر چند وقت یک بار کنترل سیاست‌های حفظ حریم شخصی خود را تغییر می‌دهند. در غیر این صورت، ممکن است تصاویر شخصیتان که در یک مهمانی هستید، در اینترنت پخش گردد و این امر برای برند و وب سایتتان مفید نمی‌باشد. از این رو، اطمینان حاصل کنید که همیشه این تنظیمات را بررسی می‌کنید. اما به یاد داشته باشید که این موارد ممکن نیست همیشه از شما محافظت به عمل آورد.</p>
<p dir="RTL" style="direction: ltr; text-align: right;">صفحه‌های موجود در وب سایت‌های اجتماعی ممکن است در مروگرها نیز پخش گردد و زمانی که این اتفاق افتاد هر کسی می تواند تصویر، ویدئو، صدا و غیره را از صفحه شما برداشته و در وب سایت‌های دیگر دوباره پست کند. شما در این شرایط هیچ کنترلی روی موارد شخصی خود نخواهید داشت و به اعتبار برند و وب سایتتان صدمه خواهید زد.</p>
<p dir="RTL" style="text-align: right;"><strong>۳. نرم افزارهای خود را به روز نگاه دارید.</strong></p>
<p dir="RTL" style="text-align: right;">هیچ چیز بیشتر از داشتن اطلاعات ویروسی و اشتراکشان با دیگران، نمی‌تواند به هویت برند و وب سایتتان آسیب بزند. از این رو بسیار اهمیت دارد تا نرم افزار آنتی ویروس،  <span dir="LTR">Vpn</span> (شبکه‌های مجازی شخصی)، اسکنرهای بد افزار و دیگر برنامه‌ها و نرم افزارهایتان فعال و به روز رسانی شده باشد. این موارد شامل سیستم اجرایی وب سایتتان نیز می‌باشد. اطمینان حاصل کنید که از نسخه‌های به روز نرم افزارها برای امنیت بیشتر، دانلود کرده و نصب می‌نماید.</p>
<p dir="RTL" style="text-align: right;"><strong>۴.از رمز عبورهای قدرتمندی استفاده کنید.</strong></p>
<p dir="RTL" style="text-align: right;">به همین ترتیب شما نیاز دارید تا اطمینان حاصل کنید که اکانت‌های آنلاینتان نیز با رمز عبورهای قدرتمند، محافظت و مراقبت شده است. یک رمز عبور و یا پسورد می‌تواند شامل موارد زیر و یا ترکیبی از آن‌ها باشد:</p>
<ul style="text-align: right;">
<li dir="RTL">حروف بزرگ</li>
<li dir="RTL">اعداد</li>
<li dir="RTL">نشانه‌ها</li>
</ul>
<p dir="RTL" style="text-align: right;">شما رمز عبوری می‌خواهید که برای حدس زدن ساده نباشد، از این رو از اسم‌های معمول فامیلی و یا تاریخ تولد و یا شماره همراه و غیره برای تنظیم رمز عبور خودداری کنید. یک برنامه خوبی که می‌توانید برای ساخت رمز عبور قدرتمند از آن کمک بگیرید، <a class="link" href="https://itunes.apple.com/ae/app/1password-password-manager/id568903335?mt=8" target="_blank" rel="nofollow"><span dir="LTR">۱password</span></a> می باشد.</p>
<p dir="RTL" style="text-align: right;"><strong>۵. بسط دادن فعالیت‌های آنلاین خود</strong></p>
<p dir="RTL" style="text-align: right;">برخی کاربران سایت‌ها در خرید محصولات به صورت اینترنتی دچار شک و تردید هستند، آن‌ها دارای یک کارت اعتباری مخصوص برای خریدهای اینترنتی خود هستند. اگر آن‌ها از کارت اعتباری خود برای خرید محصولات یک وب سایت استفاده نکنند، به معنی شکست برند و وب سایت مورد نظر می‌باشد. شما باید فعالیت‌های آنلاین خود را بسط دهید تا بیشتر شما، تجارت، برند و سایتتان شناخته شود و از این رو می‌توانید کنترل اوضاع را به دست بگیرید.</p>
<p dir="RTL" style="text-align: right;">شما این کار را می‌توانید با ایمیل‌های وب سایت نیز انجام دهید- به هنگام طراحی سایت یک ایمیل برای خود بسازید و زمانی می‌توانید از آن استفاده کنید که کاربر وب سایت در سایت شما ثبت نام کرده و عضو شده باشد. ایمیلی برای خود باید تنظیم کنید که مخصصوص وب سایت و دیگری مخصوص رسانه‌های اجتماعی باشد. شاید تعدد آدرس ایمیل‌ها برای شما گیج کننده باشد، اما در نهایت به راحتی می‌توانید روی ایمیل‌های هر بخش خود به راحتی مدیریت داشته باشید.</p>
<p dir="RTL" style="text-align: right;"><strong>۶. آیا از اپلیکیشن‌ها استفاده می‌نمایید؟</strong></p>
<p dir="RTL" style="text-align: right;">اکثر اپلیکیشن‌ها در گوشی‌های همراهتان می‌توانند اطلاعاتی از شما و وب سایت و یا تجارتتان فراهم کنند. در حالی که از لحاظ نظری می‌توانید روی دسترسی داشتن به این اپلیکیشن‌های خود نظارت داشته باشید، اما چه کسی واقعاً می‌داند که زمانی که یک اپلیکیشن نصب شد، چه کارهایی می‌تواند انجام دهد؟ به همین دلیل، توصیه می‌شود تا در لیست اپلیکیشن‌های خود جست و جو کرده و مواردی که استفاده نمی‌کنید را حذف نمایید. از این روی می‌توانید اطمینان حاصل کنید که اطلاعاتی بر علیه طراحی سایت و یا برندتان جمع آوری نمی‌شود. به علاوه این امر باعث ایحاد فضای بیشتر برای دیگر اپلیکیشن‌ها، تصاویر و غیره می‌باشد.</p>
<p dir="RTL" style="text-align: right;"><strong>۷.کوکی‌های مرورگر خود را بررسی کنید.</strong></p>
<p dir="RTL" style="text-align: right;">آیا می‌دانستید که شما می‌توانید وب سایت‌هایی را مشاهده کنید که مرورگرتان کوکی آن‌ها را بپذیرد؟ از این رو، باید به طور منظم بررسی کنید که آیا وب سایت‌های نا آشنایی به مرورگرتان کوکی‌های می‌فرستند یا خیر. اگر این چنین سایت‌های نا آشنا وجود داشت باید آن‌ها را در تنظیمات مرورگرتان حذف نمایید. اگر در این مورد نمی‌توانید کاری انجام دهید، پلاگین‌های در دسترس زیادی وجود دارد که به کنترل بهتر کوکی‌هایتان، بسیار کمک می‌کند.</p>
<p dir="RTL" style="text-align: right;"><strong>۸. باید بدانید مواردی را که حدف می‌کنید، در پایگاه داده و یا آرشیو هم چنان موجود است.</strong></p>
<p dir="RTL" style="text-align: right;">حتی اگر مواردی را در اینترنت و یا طراحی سایت خود حذف می‌کنید، باید بدانید که هنوز هم در پایگاه داده‌ها و آرشیو‌ها برای همیشه باقی می‌مانند. در خیلی از شرایط، حتی اگر شما موردی را حذف کنید، می‌تواند هنوز هم قابل دسترس باشد. زمانی موردی را که به صورت آنلاین در وب سایت و یا وبلاگ خود قرار می‌دهید باید بدانید که راه بازگشتی وجود ندارد، از این رو در کلیک کردن روی کلمه &#8220;ارسال&#8221; بسیار دقت کنید.</p>
<p dir="RTL" style="text-align: right;">این موارد تنها توصیه‌های اندکی بودند که می‌توانند برای مدیریت فعالیت‌های اینترنتیتان استفاده شوند و اطمینان حاصل شود که تحت کنترل می‌باشند.</p>
]]></content:encoded>
					
					<wfw:commentRss>http://tarahan.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d8%b3%d8%a7%db%8c%d8%aa-%d9%88-%d8%ad%d9%81%d8%b8-%d8%a7%d8%b9%d8%aa%d8%a8%d8%a7%d8%b1-%d8%a8%d8%b1%d9%86%d8%af/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
