<?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>گرافیک و طراحی Archives - وب دیزاین</title>
	<atom:link href="https://wd7.ir/category/information/graphic/feed" rel="self" type="application/rss+xml" />
	<link>https://wd7.ir/category/information/graphic</link>
	<description>Web Design</description>
	<lastBuildDate>Mon, 25 Sep 2017 09:49:08 +0000</lastBuildDate>
	<language>fa-IR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.5</generator>
	<item>
		<title>متن و حالت پرسپکتیو در ایلاستریتور</title>
		<link>https://wd7.ir/working-with-perspective-text-illustrator.html</link>
					<comments>https://wd7.ir/working-with-perspective-text-illustrator.html#respond</comments>
		
		<dc:creator><![CDATA[الناز نیکویی]]></dc:creator>
		<pubDate>Sun, 17 Sep 2017 08:35:27 +0000</pubDate>
				<category><![CDATA[گرافیک و طراحی]]></category>
		<category><![CDATA[ilustrator]]></category>
		<category><![CDATA[آموزش]]></category>
		<category><![CDATA[آموزش illustrator]]></category>
		<category><![CDATA[آموزش پرسپکتیو]]></category>
		<category><![CDATA[پرسپکتیو]]></category>
		<category><![CDATA[متن پرستکتیو]]></category>
		<guid isPermaLink="false">https://wd7.ir/?p=1442</guid>

					<description><![CDATA[<p>ابتدا در نرم افزار adobe illustrator یک صفحه جدید باز کنید و روی گزینه ی perspective grid کلیک کنید تا خطوط راهنمای پرسپکتیو باز شود در مرحله ی بعد باید مشخص کنیم که پرسپکتیو چند نقطه ای نیاز داریم برای این کار در قسمت نوار بالا گزینه یView  و بعدperspective grid   را انتخاب کنید . [&#8230;]</p>
<p>The post <a href="https://wd7.ir/working-with-perspective-text-illustrator.html">متن و حالت پرسپکتیو در ایلاستریتور</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>ابتدا در نرم افزار adobe illustrator یک صفحه جدید باز کنید و روی گزینه ی perspective grid کلیک کنید تا خطوط راهنمای پرسپکتیو باز شود</p>
<p><img fetchpriority="high" decoding="async" class="aligncenter wp-image-1443 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/1-1-1024x541.jpg" alt="" width="640" height="338" /></p>
<p>در مرحله ی بعد باید مشخص کنیم که پرسپکتیو چند نقطه ای نیاز داریم برای این کار در قسمت نوار بالا گزینه یView  و بعدperspective grid   را انتخاب کنید .</p>
<p>در اینجا ما پرسپکتیو یک نقطه ای را در نظر داریم پس گزینه ی One Point perspective  را انتخاب می کنیم.</p>
<p><img decoding="async" class="aligncenter wp-image-1444 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/2-2-1024x541.jpg" alt="" width="640" height="338" /></p>
<p>اکنون می خواهیم یک متن یا نوشته را به صورت پرسپکتیو کار کنیم. روی گزینه ی Right  یا همان T کلیک کنید و متن خود را بنویسید.</p>
<p><img decoding="async" class="aligncenter wp-image-1445 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/3-1-1024x541.jpg" alt="" width="640" height="338" /></p>
<p>برای اینکه متن مورد نظر نسبت به خطوط راهنما روی پرسپکتیو قرار بگیرد ، با کلیک کردن روی گزینه ی perspective selection  و حرکت دادن آن ،  نوشته ی شما روی خطوط پرسپکتیو قرار می گیرد .</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-1446 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/4-1-1024x541.jpg" alt="" width="640" height="338" /></p>
<p>شما می توانید با انتخاب هر قسمت از سطوح مکعب گوشه ی سمت چپ نرم افزار نوشته ی مورد نظر خودتان را نسبت به آن تغییر دهید. (ابتدا سطح مورد نظر مکعب را انتخاب کنید بعد به ترتیب مراحل ذکر شده نوشته ی خود را بنویسید سپس با گزینه ی perspective selection حرکت دهید تا روی قسمت مورد نظر قرار گیرد)<img loading="lazy" decoding="async" class="aligncenter wp-image-1447 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/5-1024x541.jpg" alt="" width="640" height="338" /></p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-1448 size-large" src="https://wd7.ir/wp-content/uploads/2017/09/6-1024x541.jpg" alt="" width="640" height="338" srcset="https://wd7.ir/wp-content/uploads/2017/09/6-1024x541.jpg 1024w, https://wd7.ir/wp-content/uploads/2017/09/6-600x317.jpg 600w, https://wd7.ir/wp-content/uploads/2017/09/6-300x159.jpg 300w, https://wd7.ir/wp-content/uploads/2017/09/6-768x406.jpg 768w, https://wd7.ir/wp-content/uploads/2017/09/6.jpg 1330w" sizes="auto, (max-width: 640px) 100vw, 640px" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The post <a href="https://wd7.ir/working-with-perspective-text-illustrator.html">متن و حالت پرسپکتیو در ایلاستریتور</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wd7.ir/working-with-perspective-text-illustrator.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>تبدیل کردن عکس برداری به پیکسلی در ایلاستریتور</title>
		<link>https://wd7.ir/convert-vector-to-pixel-illustrator.html</link>
					<comments>https://wd7.ir/convert-vector-to-pixel-illustrator.html#comments</comments>
		
		<dc:creator><![CDATA[الناز نیکویی]]></dc:creator>
		<pubDate>Mon, 11 Sep 2017 05:10:10 +0000</pubDate>
				<category><![CDATA[گرافیک و طراحی]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[pixel]]></category>
		<category><![CDATA[vector]]></category>
		<category><![CDATA[تبدیل]]></category>
		<category><![CDATA[تبدیل عکس برداری به پیکسلی]]></category>
		<category><![CDATA[عکس برداری]]></category>
		<category><![CDATA[عکس پیکسلی]]></category>
		<category><![CDATA[لوگو]]></category>
		<category><![CDATA[وکتور]]></category>
		<guid isPermaLink="false">https://wd7.ir/?p=1409</guid>

					<description><![CDATA[<p>تبدیل کردن عکس برداری به پیکسلی ممکن است که یک وکتور یا لوگو داشته باشید که نیاز به برداری نباشد. بنابراین می توانید از روش زیر استفاده کنید چون با این روش شما باز هم می توانید تغییرات دلخواه خودتان را روی عکس انجام دهید. ابتدا وکتور یا لوگوی خودتان را در نرم افزار Adobe [&#8230;]</p>
<p>The post <a href="https://wd7.ir/convert-vector-to-pixel-illustrator.html">تبدیل کردن عکس برداری به پیکسلی در ایلاستریتور</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>تبدیل کردن عکس برداری به پیکسلی</strong></p>
<p>ممکن است که یک وکتور یا لوگو داشته باشید که نیاز به برداری نباشد. بنابراین می توانید از روش زیر استفاده کنید چون با این روش شما باز هم می توانید تغییرات دلخواه خودتان را روی عکس انجام دهید.</p>
<p>ابتدا وکتور یا لوگوی خودتان را در نرم افزار Adobe Illustrator باز کنید سپس روی گزینه ی Effect  و بعد گزینه ی Rasterize کلیک کنید.</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-1410" src="https://wd7.ir/wp-content/uploads/2017/09/2-1-300x161.jpg" alt="" width="300" height="161" /></p>
<p>در اینجا پنجره ای باز می شود که می توانید اندازه رزولوشین و تعداد پیکسل های آن را به دلخواه تنظیم کنید. پس از تغییرات دکمه ی ok  را بزنید .</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-1346" src="https://wd7.ir/wp-content/uploads/2017/09/3-300x161.jpg" alt="" width="300" height="161" /></p>
<p>اکنون تصویر شما با همان کیفیت و حجم دلخواهتان آماده شده .</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-1411" src="https://wd7.ir/wp-content/uploads/2017/09/4-300x161.jpg" alt="" width="300" height="161" /></p>
<p>در انتها برای ذخیره کردن گزینه ی Png &#8211; Export &#8211; file را به ترتیب انتخاب کنید.</p>
<p>The post <a href="https://wd7.ir/convert-vector-to-pixel-illustrator.html">تبدیل کردن عکس برداری به پیکسلی در ایلاستریتور</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wd7.ir/convert-vector-to-pixel-illustrator.html/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>انتخاب رنگ مناسب برای وب سایت</title>
		<link>https://wd7.ir/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d8%b1%d9%86%da%af-%d9%85%d9%86%d8%a7%d8%b3%d8%a8-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html</link>
					<comments>https://wd7.ir/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d8%b1%d9%86%da%af-%d9%85%d9%86%d8%a7%d8%b3%d8%a8-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html#respond</comments>
		
		<dc:creator><![CDATA[الناز نیکویی]]></dc:creator>
		<pubDate>Sat, 22 Jul 2017 08:21:41 +0000</pubDate>
				<category><![CDATA[دانستنی‌ها]]></category>
		<category><![CDATA[گرافیک و طراحی]]></category>
		<category><![CDATA[وب‌سایت]]></category>
		<category><![CDATA[رنگ-مکمل-ویژگی رنگ]]></category>
		<guid isPermaLink="false">https://shahab-net.ir/?p=1119</guid>

					<description><![CDATA[<p>انتخاب رنگ مناسب در سایت از جمله موارد مهم در هر سایت می باشد. زیرا در دید اول رنگ و ظاهر سایت می باشد که نظر هر کاربری را جلب می کند. به همین دلیل تمایل داشتم تجربه و نکاتی را در مورد انتخاب رنگ بازگو کنم تا با در نظر گرفتن این نکات بتوانید [&#8230;]</p>
<p>The post <a href="https://wd7.ir/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d8%b1%d9%86%da%af-%d9%85%d9%86%d8%a7%d8%b3%d8%a8-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html">انتخاب رنگ مناسب برای وب سایت</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>انتخاب رنگ مناسب در سایت از جمله موارد مهم در هر سایت می باشد. زیرا در دید اول رنگ و ظاهر سایت می باشد که نظر هر کاربری را جلب می کند.</p>
<p>به همین دلیل تمایل داشتم تجربه و نکاتی را در مورد انتخاب رنگ بازگو کنم تا با در نظر گرفتن این نکات بتوانید انتخاب بهتر و مناسب تری داشته باشید چرا که رنگ بندی یک وب سایت نشان دهنده ی هویت آن می باشد.</p>
<p>در ابتدا باید به این نکته توجه داشته باشید که رنگ مورد نظر قرار است برای چه موضوعی بکار رود . یعنی توجه به موضوعیت سایت در انتخاب رنگ بسیار مهم است.</p>
<p>&nbsp;</p>
<p>چند نکته کاربردی در مورد رنگ:</p>
<p>_ رنگ ها اثرات زیادی روی احساسات ما بخصوص چند ثانیه اول می گذارند.</p>
<p>_ تاثیر رنگ ها در هر فرهنگ متفاوت است</p>
<p>_ هر رنگ معانی مختلفی دارد و هرکدام یک پیغام مخصوصی را به مخاطب می رساند</p>
<p>_ رنگ های خالص دارای تحرک و پویایی بیشتری هستند</p>
<p>&nbsp;</p>
<p>اگر در انتخاب رنگ برای وب سایت مورد نظرتان دچار سردرگمی شده اید می توانید از سایت paletton.com کمک بگیرید.</p>
<p>این یکی از سایت هایی است که می تواند به شما کمک کند. تا هر رنگی که مورد نظرتان باشد تنالیته رنگ های مختلف همان رنگ مورد نظر را با کد رنگ به شما بدهد</p>
<p><a href="https://wd7.ir/wp-content/uploads/2017/07/1.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-1123 size-medium" src="https://wd7.ir/wp-content/uploads/2017/07/1-300x187.jpg" alt="" width="300" height="187" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.ficml.org/jemimap/style/color/wheel.html">Color Wheels</a> با حرکت دادن موس در هر قسمت از پالت رنگ کد رنگ مورد نظر و دو رنگ در همان تنالیته رنگ به شما نشان می دهد.</p>
<p><a href="https://wd7.ir/wp-content/uploads/2017/07/2.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-1126 aligncenter" src="https://wd7.ir/wp-content/uploads/2017/07/2-300x196.jpg" alt="" width="300" height="196" /></a></p>
<p>&nbsp;</p>
<p>با استفاده از سایت <a href="http://www.colorhunter.com/">Color Hunter</a> میتوانید با وارد کردن کد رنگ مورد نظر رنگ های متناسب با آن را پیدا کنید</p>
<p><a href="https://wd7.ir/wp-content/uploads/2017/07/3.jpg"><img loading="lazy" decoding="async" class="size-medium wp-image-1127 aligncenter" src="https://wd7.ir/wp-content/uploads/2017/07/3-300x171.jpg" alt="" width="300" height="171" srcset="https://wd7.ir/wp-content/uploads/2017/07/3-300x171.jpg 300w, https://wd7.ir/wp-content/uploads/2017/07/3-600x343.jpg 600w, https://wd7.ir/wp-content/uploads/2017/07/3-768x439.jpg 768w, https://wd7.ir/wp-content/uploads/2017/07/3.jpg 940w" sizes="auto, (max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<p>The post <a href="https://wd7.ir/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d8%b1%d9%86%da%af-%d9%85%d9%86%d8%a7%d8%b3%d8%a8-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html">انتخاب رنگ مناسب برای وب سایت</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wd7.ir/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d8%b1%d9%86%da%af-%d9%85%d9%86%d8%a7%d8%b3%d8%a8-%d8%a8%d8%b1%d8%a7%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa.html/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>آموزش ساختن فونت اختصاصی</title>
		<link>https://wd7.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d9%88%d9%86%d8%aa-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c.html</link>
					<comments>https://wd7.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d9%88%d9%86%d8%aa-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c.html#comments</comments>
		
		<dc:creator><![CDATA[الناز نیکویی]]></dc:creator>
		<pubDate>Thu, 25 May 2017 08:58:07 +0000</pubDate>
				<category><![CDATA[گرافیک و طراحی]]></category>
		<guid isPermaLink="false">https://shahab-net.ir/?p=958</guid>

					<description><![CDATA[<p>آموزش ساختن فونت اختصاصی در این مطلب سعی داریم نحوه ی ساختن فونت اختصاصی را به شما آموزش دهیم . همانطور که می دانید استفاده از عکس در وب باعث بالارفتن حجم سایت و همچنین دیر لود شدن آن می شود .استفاده ازفونت بجای عکس باعث بالا رفتن سرعت لود شدن بالارفتن کیفیت آن نسبت [&#8230;]</p>
<p>The post <a href="https://wd7.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d9%88%d9%86%d8%aa-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c.html">آموزش ساختن فونت اختصاصی</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>آموزش ساختن فونت اختصاصی</strong></p>
<p>در این مطلب سعی داریم نحوه ی ساختن فونت اختصاصی را به شما آموزش دهیم .</p>
<p>همانطور که می دانید استفاده از عکس در وب باعث بالارفتن حجم سایت و همچنین دیر لود شدن آن می شود .استفاده ازفونت بجای عکس باعث</p>
<ol>
<li>بالا رفتن سرعت لود شدن</li>
<li>بالارفتن کیفیت آن نسبت به عکس</li>
</ol>
<p>می شود .پس استفاده از این روش می تواند به شما کمک کند تا لوگوی شخصی خود را به فونت تبدیل کنید یا حتی هر آیکون اختصاصی دیگری هم که داشتید به فونت تبدیل کنید و از آن در قسمت های مختلف سایتتون استفاده کنید.</p>
<p><strong>مرحله ی اول (ساختن فونت مورد نظر)</strong></p>
<p>ابتدا باید آیکون مورد نظر خودتان را در برنامه ی adobe illustrator بسازید و قبل از آن چند نکته را رعایت کنید:</p>
<ol>
<li>تک رنگ باشد(از یک رنگ استفاده شود ، بهتر است مشکی باشد)</li>
<li>دوبعدی باشد (چند بعدی نباشد) مانند نمونه زیر</li>
<li>پس زمینه ی آیکون ساخته شده کاملا خالی باشد</li>
</ol>
<p><a href="https://wd7.ir/wp-content/uploads/2017/05/home.png"><img loading="lazy" decoding="async" class="wp-image-959 alignright" src="https://wd7.ir/wp-content/uploads/2017/05/home-300x266.png" alt="" width="158" height="160" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>پس از ساخت آیکون مورد نظر برای ذخیره کردن آن ابتدا گزینه ی  File سپس Save As  و SVG را انتخاب می کنیم. (توجه داشته باشید حتما به صورت SVG ذخیره شود)</p>
<p><strong>مرحله ی دوم (تبدیل آیکون به فونت)</strong></p>
<p>در اینجا برای تبدیل فایل SVG به آیکون باید وارد لینک https://icomoon.io/app/#/select شوید . در قسمت بالا سمت چپ سایت دکمه بنفش که داخل آن import icons  نوشته شده را کلیک می کنیم  و فایل SVG ذخیره شده را انتخاب می کنیم. اکنون آیکون شما در سایت ظاهر شده . در قسمت منوی سایت آپشن هایی می بینید که در اینجا با انتخاب هرکدام  آنها می توانید آیکون را حذف کنید ، حرکت دهید یا حتی آن را ویرایش کنید ( می توانید به دلخواه آیکون خودتان را بزرگ یا کوچک کنید و &#8230; ).</p>
<p><strong>مرحله ی آخر (ذخیره ی فونت اختصاصی)</strong></p>
<p>همان طور که گفتیم در قسمت منو آپشن هایی وجود دارد در اینجا باید گزینه ی Select را انتخاب کنید و روی آیکون کلیک کنید تا کادر دور آن آیکون ، زرد رنگ شود این گونه آیکون شما انتخاب شده و می توانید آن را ذخیره کنید.</p>
<p>و در آخر برای ذخیره کردن ، در قسمت پایین سمت راست سایت Generate Font را کلیک کنید و Download کنید.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The post <a href="https://wd7.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d9%88%d9%86%d8%aa-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c.html">آموزش ساختن فونت اختصاصی</a> appeared first on <a href="https://wd7.ir">وب دیزاین</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://wd7.ir/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d8%b3%d8%a7%d8%ae%d8%aa%d9%86-%d9%81%d9%88%d9%86%d8%aa-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c.html/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
