کارت ویزیت – ساخت کارت ویزیت – شناخت جنس مقوای کارت ویزیت

کارت ویزیت چه اهمیتی دارد؟

کارت ویزیت . نخستین و مهم ترین وسیله ای که در بازاریابی و خبر رسانی باید تامین کنید.

شما ویزیت خودتون را به مشتریان و مخابین احتمالی خودتون داده اید تا دانسته های مورد نیاز را برای تماس گرفتن با شما در دسرس باشد.

یا اینکه میتونید کارت ویزیت خودتونن رو داخل پاکت نامه ها  بگذارید و کارت ویزیت تون و خودتون رو به بقیه مخاطبین معرفی کنید.

و یا اینکه در پیک ها و روزنامه های شهری و محلی تبلیغ انجام میدید

کارت ویزیت شما میتونه کپی آماده شده برای صحفه هایی باشد که تبلیغ افراد مختلف چاپ شود.

اصلا حیاتی نیست که بخواهید چه نوع بهره  از کارت ویزیت خودتون داشته باشید.

کارت ویزیت واضح و قابل خوندن باشه حیاتی است ، ماهر، و ملیح باشه و به مخاطبین و مشتریان یاداوری میکند که شما چه کسی هستید ، کار شما چیست؟ و به چه شکلی مخاطبین با شما تماس بگیرند.

اگر میخواهید که تمام و کمال موترد مورد نیاز خودتون رو روی یک مقوایی که طول و عرض آن ۸٫۲ در ۴٫۸ cm است وارد کنید.

کار آسونی نیست اما با تلاش میشه انجام بدید.

مادر قسمت پایین برای بهتر شدن کارت ویزیت شما پشنهاد هایی رو ارائه داده ایم که اهمیت بسیار بالای دارند:

لوگویی برای خود طراحی کنید

از یک گرافیست ماهر بخوایین که برای شما یک لوگو یا آرم طراحی کند.

اگه کار خدماتی ارائه میدید که شما علامت نسبت به کار و حرفه خودتونو دارید  (برای مثال آشپز خانه ها ، کارهای ساختمانی و..).

علامت شما میتونه به دلیلی نماد شما بوده.

لوگو باید جوری طراحی شده  باشد که روی کارت ویزیت ، سربرگ، بروشورها، و سایت شما باشد.

یک نشانه (شعار) برای خودتون بسازید

اگر خدمتی را که  انجام میدید  از روی اسم کارتان مشخص نباشد، باید یک نشانه ی(شعار) که محصول های شمارو به مخابین یاداوری کند.

این نشانه (شعار) را روی کارت ویزیت خود بنویسید.

نشانی سایتتون و ایملتون رو بزارید.

شاید مخاطبین یا مشتری ها بخوان شماره شما یا ایمل شمارو داشته باشند.

اگه میترسید که پیام های تجاری ایمیل شمارو شلوغ کنند.

میتونید دوتا آدرس ایمیل برای خودتون داشته باشید که یکی رو روی کارت ویزیت خودتون بنویسید و در دسترس مخاطبین بزارید و از اون ایمیل دیگتون برای کارای شخصیتون استفاده کنید و فقط به بعضی از دوستاتون یا همکاراتون بدید.

 

 

 

 

 

کارت ویزیت شما باید واضح باشد

از گرافیست خود بخواهید که از اندازه هی بزرگ برای قونت نوشتن متنتون استفاده کنه و نه اینکه فقط با عینک  ته استکانی بتونن بخونن.

تو رنگ ها دقت کنید که از پس زمینه کارت ویزیتتان ، فرق داشته باشه.

یادتون باشه که باید یک کار هنری تولید کنید، شما میخواید که کارت ویزیتی درت کنید که مشخص باشه برای شغل شماست حالا هر شغلی که دارید باید به اون مرطبت باشه.

اینو در نظر اشته باشد که اگه مخاطبین و مشتریاتون نتونن شماره شما رو بخونن یک  مشتری از دست میدید.

از کاغذ های مناسب و چاپ خوبی استفاده کنید

اگه  از کاغذی استافده کنید که خیلی ول باشه یا با چابگرای معمولی و ارزون چاپ کنید.

این حسو به مشتری میدع که با یه شرکت کوچیک و غیر قابل قبول روبرو شدن .

پس یکم هزینه کنید و از کاغذای خوب و چاپ مناسبی استفاده کنید.

کارت ویزیتی رو درست کنید که با تمام کارت ویزیت های دیگه فرق داشته باشه

بله، کارت ویزیت شما باید از تمام کارت ویزیت های دیگه بهتر و شاخص تر باشه، از رنگهای خیلی مشتی و روشن استفاده کنید.

عکستون رو روی کارت ویزیتتون بزارید و از یک  جنس خوب برای کاررتتون استفاده کنید.

درکل کارت ویزیت خیلی متفاوت از بقیه و خیلی جذابتر بسازید.

اگه فرصت چاپ کارت ویزیتتون  ندارین به چاپگرای دیگه بسپارید

اگه برا اینکه کارت ویزیتتون تموم شده عجله دارید، میتونید با یک پرینتر خوب و کاغذ خوبی کارت ویزیتتون رو چاپ کنید.

درجه پرینترتون رو روی بلاترین درجه بزارید.

 

 

 

 

کارت ویزیت چه چیزی از شما مشخص میکنه؟

به احتمال زیاد کارت ویزیت برای خودتون دارید، اگرم ندارین، باید یکی درست کنید.

خیلی از ماها فک میکنیم که کارت ویزیت زیاد اهمیت نداره،نباید اینطوری باشه .

شکل، درک محتوایی که روی کارت ویزیتتون مینویسید، روی دیدگاه مردم که شما و اینکه بیاد کار و حرفه شما میافتند یا نه ، تاثیر زیادی میگذارد.

وقتی از پیش کسی میرید و کارت ویزتتون دستشه، اون تیکه کاغذ مشخصات شماس.

برای همین روی کارت ویزیتتون باید به  صاحب کارتون بلکه شغل و حرفتونوارشاره کنید و شماره تلفن هم نیز قرار بدید، و  حتی مطالبی هم درباره خودتون بنویسید.

بطور مثال اگه من کارت ویزتمو به شما بدم به این دلیل ها شما فکر میکنید من آدم و خوش ذوقیم:

با اینکه ضخامتش زیاده ولی خیلی نرم و با لطافتیه.
کارت رو گوشه هاش گرد باشه.
کارت رنگ سبز باشه.
متن شما کمی دایره شکل باشه.
به این دلیل این کارتو درست کرد که وقتی به مردم میدمش، دوست دارم یک احساس دوستی ایجاد کنم.

این مورد برای من خیلی مهمه  بخاطر اینکه نظرات مردم برام اهمیت داره و میخوام به خاطر داشته باشند و و رابطشونو با من قطع نکنن.

اگه شما کارت ویزیت ندارید پس به توصیه هایی که در متن پایین ذکر شده رو مشاهده کنید.

رنگ – بیشتر مواقع رنگ هارو دست کم میگیرند ولی تمام رنگ ها یک مفهموم به خصوصی دارند.

کاغذ – با کیفتیت بودن کارت ویزییتتون باید خیلی عالی باشه . هیچ وقت از کاغذ ارزون استفاده نکنید.

یگانگی اگه کارت ویزیتتون بین کارت ویزیت های دیگه جذاب و غیر قابل مشخص شدن باشه .

احتمال اینکه کسی شمارو بخاطر بیاره خیلی کمه، پس باید یه کارت خیلی ویژه و مناسب طراحی کنید.

نوشتار فونت متن نوشته شما با مشتری حرف میزنه، پس یک فونت خیلی جذاب و شاخص باشه .

احساس – کارت ویزیت شما باید به مزاج مشتری خوش بیاد و با روح و روان مشتری بازی کنه.

اگه میخواین که بقیه فکر کنند که شما فردی با لطافت هستین باید از کاغذ هایی استفاده کنید که گوشه هاشون گرد شده.

اگه میخوایین خودتونو آدمی کاری نشون بدید که خیلی معروف و محبوبه، باید از کاغذ هایی که گوشه هاشون گرد شده و ضخامت دارند استفاده کنید.

قبل اینکه به کسی کارت ویزیتتونو بدید، باید مطمئن بشید که تمام اطلاعات مورد نیازو نوشتید.

و البته باید کارت ویزیتتون در مورد خودتون چیزی هم بگه.

این جور مسائل باعث میشه مردم شمارو به یاد داشته باشند و رابطشونو با شما قطع نکنن.

پیشنهاد هایی برای چاپ و طراحی کارت ویزیت:

  • به هیچ عنوان خودتون برای طراحی کارت ویزیت اقدام نکنید چون امکان خراب کردن وجه خوتونو بالا میبره.
  • مسلما باید با یک گرافیست کار ماهر همکاری کنید.
    ● در اختیار داشتن لوگو به زیبایی کارت ویزیت شما سیار کمک میکنه.
    ● در ساخت کارت ویزیت خود تون از فونت متن های بزرگ استفاده کنید، تا همه افراد بتونن بخونن.
    ● یک کارت ویزیت در عین حال ساده ولی جذاب طراحی کنید.
  • معمولا کارت ویزیت شما چهار رنگ چاپ میشه، ولی نباید از همه رنگ هاش استفاده کنید.
    ● از استفاده کردن زبان های مختلف جدا خوداری کنید.
    ● معمولا کارت ویزت های یک طرفه بهتر از دوطرفه ها است.
  • مشتری شما بعداز گرفتن کارت یک طرفه شما ، میتونه اطلاعاتی که لازم داره رو پست اون بنویسه.
    کارت ویزیت خودتون رو در اندازه های خوب و استاندارد چاپ کنید.
  • نگه داشتن کارت ویزیت بزرگتر از اندازه مناسب و استاندار برای مشتری مشکل است.
  • چون در هرجای بخوان به راحتی قرار میگره بطور مثال جیب یا جاکارتی و….

    ● توضیحات اظافه روی کارت اصلا ننویسید. (کارت ویزیت شما فقط یه کارته ، نه تراکت)

    ● تمام مشخصاتی که مربوط به تماستون میشه ارائه بدید.
    ● اگخه تلفن ثابت مینویسید، کد شهری که درش هستید رو هم بنویسید تا راحت تر باهاتون تماس بگیرند.
    ● اگه شماره موبایل خودتون رو مینویسید، اسم خودتونو هم کنارش بنویسید، تا مشتری بفهمه با چه کسی داره صحبت میکنه.
    ● آدرستونو مو به مو بنویسید ، تا راحت بتونن بهتون رجوع پیدا کنن.
    ● اگه از ایملیتون استفاده میکنید، اون رو هم بنویسید.
    ● داشتن یک سایت و گذاشتن آدرس وب سایتتون یه نوع آپشن به حساب میاد.

  • جنس کارت ویزیت و نوع طراحیشو مناسب با کار خودتون انتخاب کنید.
  • بطور مثال کارت ویزیت مات برای مراکز فروش و کارت مات برای شرکت ها بهتر است.
    ● شما با کارت ویزیت خودتونو معرفی میکنید.
  • پس حتما با کیفت و خوانا کارت ویزیت خودتونو چاپ کنید.
  • کارت ویزیتتون رو تو جعبه و با بسته بندی سلفنی نگهداری کنید که بعد از باز شدن از هم نپاشه و اصراف نشه.
  • ● از گرافیست کارت ویزتتون بخواید، که نکته هایی که گفته شده رو با دقت و کیفیت بالایی طراحی کندتا شم که کارت شما با کیفیت بالایی چاپ شود و در اختیار شما قرار بگیرد.

چه نوعی از کارت ویزیت را انتخاب کنیم؟

داشتن کارت ویزیت ضروری است و نباید توجهی نداشته باشیم.

در دوره امروزی، برای همه معلوم که کارت ویزیت ،با اندازه های کوچیک، که تاثیرات بزرگی در کارمان بجا میگذارد.

کارت ویزیت میتونه اولین کار تبلیغاتی ما باشه و اولین کار ما باید طولانی ترین باشه.

اگه کارت ویزیت با خلاقیت طراحی و چاپ شود اولین راه تبلیغاتی کم هزینه ما میشود، و میتونید با خلاقیت هایی که به خرج میدید، کارتون رو رونق بدید.

از تاّثیر گذاشتن کارت ویزیت و نقش فوقالعاده ای دربازار یابی تعریف شده ولی خیلی کم درباره طراحی کارت ویزیت به ما گفته شده.

در حالی که انتخاب کردن کارت ویزیت جذاب و خیلی خوب به هوشمندانه انتخاب کردن اون نوع کارت ویزیت است.

جنس مقوای کارت ویزیتی که استفاده میکنیم، روکش آن، خدمات قالب و برش  بعد از چاپ کردن کارت ویزیت نزدیک به ارائه آن میشود.

تمام این بخش ها خیلی مهم هستند و اینجا سوالی که ایجاد میشه اینه که:

کدوم نوع کارت ویزیت با برند ما هماهنگ تر است؟

اگه طراحی کارت ویزیت که قلب کارت شماست را خیلی خوب طراحی کنید.

حالا با جنس های مختلف کارت ویزیت آشنا شید تا در انتخاب کارت ویزیت خودتون بهترین باشید.

مراکز اختصصای چاپ و تبلیغ مرحله سوم.

با توجه به سابقه درخشان در این موارد، در ادامه گزینه های بهتری را برای شما ارائه میدهیم:

لمینت براق(کارت ویزیت)

کارت وبزبت لمینت براق از گلاسه سیصد گرمی (۳۰۰ گرم) با پوشش لمینت صدوپنجاه میکرون (۱۵۰) بدست می آید.

در اصل طراحی روی گلاسه، چاپ و پس از آن پوشش لمینت براق روی اون کشیده میشود.

پوشش لمینت استقامت زیادی به کارت ویزیت شما میدهد؛

به شکلی کارت لمینت با مشخصات اصلی و با دوام بودن و بدون انعطاف پذیری شناخته میشود.

در دفعه بعدی، کارت ها با پوشه های گرد برش میخورند.

سایز نرمال لمینت براق ۵٫۵در ۸٫۵ است.

پیاده کردن قالب های خاصی در کارت وجود دارد و در مطالب بعدی به آنها اشاره میکنیم.

لمینت براق از اهمیت بسیار بالایی برخوردار است:

پایداری بالایی، قیمت های متناسب و مشخصات اصلی آن، یعنی محفوظ کردن رنگ و درخشندگی آنها.

کارت لمینت کدر

کارت وبزبت لمینت براق از گلاسه سیصد گرمی (۳۰۰ گرم) با پوشش لمینت صدوپنجاه میکرون (۱۵۰) بدست می آید.

مرحله های طراحی این نوع کارت لمینت مثل کارت ویزیت لمینت براق است.

فقط فرق آنها در مات بودن و براق بودن است.

سایز متناسب کارت لمینت مات، ۵٫۵ در۸٫۵ است و شما میتوانید برش های به خصوصی رو روی اون اجرا کنید .

مقاومت بالا و ماندگاری بالایی دارد میشه اینو مثال زد.

لمینت مات جلوه خاصی به رنگ های کارت ویزیت شما میدهد.

به طریقی که قدرت و جذابیت خاصی به کارت و برند شما می دهد.

این نوع کارت از سلیقه های منحصر به فردی برخوردار است.

یووی امیاس و یووی شنی یا کارت لمینت کدر(مات)

مشخصات لمینت کدر (مات) در متن بالا گفته شده ، خدمات بعداز چاپ،با یویی شنی و موضعی عرضه میشود.

پوشش یووی در صورت موضعی روی قسمت مشخص شده طرح شما اجرا میشه و با یک لامپ فرابنفش اونو به سرعت خشک میکنند.

یووی موضعی طرح شمارو واضح تر میکند و ناخواسته توجه مخاطبین را به خود جذب میکند.

چون که کنتراست (میزان اختلاف میان روشن ترین و تیره ترین بخش یک تصویر ) روی روکش کارت مات و یووی براق تاثیز میگذارد و ناخواسته توجه دیگران رو ججلب میکند.

از اینجور ترفندها میشه روی قسمت هایی از طرحتون یا لگو یا شعاری یا یه فرم منحصر به فردی بهره ببرید.

یووی امباس، یک نوع یویی ساده که روی طرحتون میزارید و قسمت از طرحتونو براق تر میکنه.

جذابیت این کار این است که بازی نور سطح یووی رو مشاهده میکنیم.

یووی شنی موضعی یه شکل دیگه ای توجه هارو به خودش جلب میکنه.

یووی شنی بخشی از کارت ویزیت شمارو برامده میکند و یه حالتی مثل شنو به خودش اختصاص داده.

 کارت کتان

کارت کتان از جنس مقوای کوهلر آلمانی که ۳۰۰ گرم است درست میشه.

خصوصیت منحصر به فرد کارت ویزیت کتان، ساختار تار و پودی اونه که هم دیده میشه و هم میتونید اونو با لمس کردن تشخیص بدید.

هیچ نوع روکشی روی این کارت ها قرار نمیگیره و از ساختار اون به عنوان یک خصومت با ارزش یاداوری میشه.

کارت کتان در عموم با حالت های لبه تیز  و در ابعاد ۹ در ۵ عرضه میشود ولی امکان برش در ابعاد خاصی در اون وجود داره.

کارت کتان قیمت های خیلی متناسبی داره وپیرو های خیلی زیادی هم داره.

یقینا باید وقت انتخاب کردن این نوع کارت چند نکته اساسی توجه داشته باشید:

سطح های بزرگ که با پس زمینه های مشکی و تیره برا چاپ روی کارت کتان مناسب نیست.

بهترین طراحی هایی که نتیجه فوقالعاده ای رو روی چاپ  کارت ویزیت کتان ارائه میدهند باید ساده باشه.

معمولا طراحی هایی با پس زمینه سفید رنگ نتیجه چاپ شمارو روی کارت کتان  خیلی بهتر و زیباتر میکنه.

کارت ویزیت با سلفون کدر (مات) مخملی

کارت ویزیت با سلفون کدر(مات) مخملی همون گلاسه سیصد گرمی با پوشش مخلی عرضه میشه.

کارت سلفون مخملی ، مثل کارت ویزیت کتان ، با دست میشه احساس کرد.

مثل مخمل نرم و با لطافت ، مشخصات اصلی این نوع کارت ویزیت است.

بجز نرمی و لطیف بودن این کارت ، حالتی شیک و مجلسی به کارتتون میده.

خدماتی که با این نوع کارت عرضه میشه مخاطبین زیادی جذب کرده است ، طلاکوب هراه با کارت مخملی.

نحوه طلا کوب، از ورقه هایی که به اصطلاح ورق طلا میگن استفاده میشود.

ورق طلا یه طور خاصی روی قسمتی از کارت با استفاده از دستگاه لتر پرس قرار میگیرد.

طلا کوب کردن روی کارت مخملی به نوعی بهترین تلفیق جنس این هاست .

چون اختلاف بین درخشندگی طلا روی حالت مات مخملی جذابیت خیلی منحصر به فردیو ایجاد میکنه.

معلومه که طلاکوب یک جذابیت خاصی به کارت ما میده و بعضی وقت ها برای شک و لوکس تر کردن طرح که جلوه ارزشمندی به کار ما میدهد.

 سلفون براق ( کارت ویزیت )

کارت ویزیت با سلفونی براق از گلاسه سیصد گرمی (۳۰۰ گرمی) با سلفون براق فراهم میشود.

این کار ویزیت ضخامت کمتری با لمینت داره پس انعطاف پذیر هم است .

پوشش سلفونی این کارت ویزیت ، در حفاظت از خش و رطوبت در برابر این کارت است.

کارت سلفونی براق معمولا با گوشه های تیز در ابعاد ۵ در۹ ، و با حالت گوشه گرد در ابعاد۵٫۵ در ۸٫۸ عرضه میشود.

برش های مختلف برای این نوع کارت ویزیت هم یافت میشود.

به ۲ دلیل کارت سلفونی براق طرفدار زیادی دارد این است که، قیمت متناسب اون که توسط  پوشش سلفنی براق به وجود آمده است.

کارت با سلفون کدر(مات)

کارت ویزیت با سلفونی کدر (مات) از گلاسه سیصد گرمی (۳۰۰ گرمی) با سلفون کدر (مات) فراهم میشود.

تمامی مرحله های کارت سلفونی مات شبیه کارت ویزیت سلفونی براق است و تنها فرق این دو در کدر بودن و براق بودن اونهاست.

کارت سلفونی کدر (مات) معمولا با گوشه های تیز در ابعاد ۵ در۹ ، و با حالت گوشه گرد در ابعاد۵٫۵ در ۸٫۸ عرضه میشود.

برش های مختلف برای این نوع کارت ویزیت هم یافت میشود.

کارت ویزیت با سلفون مات با روکشی که روی اون قرار داره ، نمای خیلی خاص و منحصر به فردی به کارت ویزیت شما میده .

رنگهای این نوع کارت ویزیت خودشو جا افتاده تر و پخته تر نشون میده  و خودنمایی میکند.

 کارت استخوانی

کارت استخونی از دو لمینت شدن ۲ تا گلاسه  ۳۰۰ گرمی که با روکش کدر فراهم میشود.

انعطاف پذیری کارت رو با لمینت کردن ۲ تا گلاسه با هم دیگه انجام  میدیم و این کار کارت مارو سخت و استخونی میکنه.

این کار باعث پایداری این کارت میشود.

از خدماتی که با این کارت عرضه میشود یووی موضعی است و با طرح کارت ویزیت ، قسمتی از کارت روشنایی و برایقیت زیبایی بدست میاورد.

کارت برجسته

کارت برجسته ساختار قسمتی از کارت ویزیتمونو برجسته میکنه :

این برجستگیو میشه بدون لمس کردن تشخیص بدیم.

شما هر بخشی که در نظرتون هست رو میتونید برجسته کنید.

آرم یا لوگوی برند شما میتونید برای برجسته کردن استفاده کنید که ابهت خاصیو به برند شما بده.

این نوع چاپ ها معمولا رویه کاغذ pvc (جنس کارت بانکی)  انجام میدند و امکان چاپ کردن رویه کتان و لمبنت مات و براق هم میشود.

کارت برجسته به علت گرون بودن تعداد کمی (محدودی) عرضه میشود.

از این نوع  کارت ویزیت برای برند هایی که قصد دارند از بقیه رقیب های خود جلو بیافتدند استفاده میکنند

 تنوع قالب کارت ویزت های لمینت

انواع قالب ها، برای شما انتخاب یک قالب مناسبو تهیه میکنند.

این قالب هارو روی کارت ویزیت لمینت کدر (مات) و لمینت براق استفاده میکنند.

کادر کارت ویزیت محدوده ای برای اطلاعات مفید رو داخلش قرار بدید فرهم میشود و هر فرم کادر، عنصرها و رنگهای زیبایی که معنی منحصر به فردی به کارت مارو میدهد.

پس هر کادری که درست میکنند، نقش پر رنگی در کارت ما دارد.

قالب ها معمولا به این طریق تهیه میشوند:

قالب کلاد در ابعاد ۵٫۵ در ۸٫۵ فراهم میشود.

در این نوع قالب یک پوشه تیز و بقیه گوشه های کارت ب صورت گرد برش میخورد.

قالب بتیس در ابعاد ۵٫۵ در ۵٫۵ فراهم میشود.

در این نوع قا دو گوشه تیز و دو گوشه دیگر بصورت دورگرد برش میخورد.

قالب مربع با ابعاد ۵٫۵ در ۵٫۵٫ به صورتی که  تمام گوشه هایشش گرد شده برش میخورد .

قالب دورگرد در ابعاد ۵٫۵ در ۸٫۵ به صورتی که چهار گوشه ان گرد شده باشد قالب استانداردی برای کارت ویزیت لمینت است.

دستگاه پانچ pvc(پی وی سی) در برش ها خیلی دقیق است و برای برش دادن کارت ویزت ها هم استفاده میشود.

از طریق پانچ pvc(پی وی سی)، مشکل اصلی چروک شدن و حباب دار شدن و پرز گرفتن حل شده و قابل استفاده از انواع قالب ها (مربع ، بتیس ، کلاد و دورگرد)  بدون  به کار گیری سرمایه و وقت بیشتر، برای مشتری ها فراهم شده است.

یکی  از مراحل مهم که برای فرهم کردن یک محصول است معمولا توجهی نمیکنن بسته بندی است.

  در مرحله سوم دسته بندی.

نگهداری و محافظت از محصولات چاپ شده و تاّثیر گذاشتن روی مخاطبین با خبر است و بسته بندی چشم نوازی رو در خدمات خود ارائه میدهد.

نماینده شما ،کارت ویزیت شماست ، پس توجه زیادی روش داشته باشید.

کارت آنلاین

مشکلاتی در مقایسه کارت ویزت چاپی و کارت ویزیت آنلاین وجود دارد که کی از آنها اینست که ، مشکلاتی همچون نقل داده هایی درمورد صاحب کارت یا شرکت ها به آن برخورد میکنیم.

از این طرفم اگه حجم داده رو در کارت ویزیتمون بیشتر کنیم ، از شیک و زیبا بودن کارت ما کم میشود.

شکافی که وسط محتویات کارت ویزیت چاپی و رسانه های آنلاین وجود داره یک مشکل دیگه ای به وجود آورده است.

چالشی که خیلی از ماها باهاش برخورد کردیم اینه که کارت ویزیت چاپی گم شده و قابل دسترسی به محتوای اون رو نداریم.

بیشتر اشخاص به خاطر نگهداری سخت کارت ویزیت چاپی زیاد نگهداری نمیکنند .

یک قدم مهم برای از بین نرفتن منابع طبیعی مثل جنگ ها و درختان بسیاری استفاده کردن  از کارت ویزیت آنلاین است.

۹۳ درصد از کاغذ ها از چوب درخت هاست و با کنار گذاشتن کارت های ویزیت  میتونیم از قطع شدن بیشتر از ۶ میلیارد درخت جلو گیری کنیم .

کارت ویزیت آنلاین خودتون رو بسازید.

QR code خلاصه جمله “Quick Response Code” به معنی جواب سریع کد است.

جواب کد سریع یا QR Code یک بارکد دو بعدی است (ماتریسی) که میتونین اون رو با پیوند QR با تلفن هشومند و دوربین دار بخونید.

کابوشیکی-گاشا دنسو از زیر مجموعه شرکت های تویوتا ژاپن در سال ۱۹۹۴(میلادی) اختراع و قابل استفاده شد.

نوعی رمز میخواد که محتوای اون سریع رمز گشایی بشه،  در اصل انگیزشون برای توسعه و اختراع این رمز بود.

در این زمانه استفاده این رمز در ژاپن خیلی گسترش پیدا کرده و کاربرد بیشتری نسبت به بارکدهای دو بعدی داره.

بعد از سال ۱۹۹۷ و شروع استفاده کشور های انگلیسی زبان ای این نوع رمز، اسم اونو “QR”    انتخاب کردند و سازمان بین المللی این اسم را به ثبت رساند.

درون مایه “QR” حاوی شمماره تلفن، اطلاعاتی درباره شما،آدرس سایت ، یا داده های دیگه باشه.

سلانه ۱۵ میلیون درخت در ایران قطع میشود.

  • راهنمایی مخاطبین به شبکه های آنلاین:

  •  فقط با یک کلیک هر اطلاعاتی را میخوایند در اختیار مخاطبین بزارید، با اسکن کردن کد QR میتونید این کارو انجام بدید.
  • برای مثال آدرس سایت ، شماره تلفن ، آدرس اکانت های شبکه های اجتماعی و…..

 

  • ساختن کد QR با سلیقه خودتون:
  • شما امکان اینکه در کاوان میتونید به سلیقه خودتون و یا هویت برندتون، رنگ و شکل کد QR عوض کنید.
  • در کاوان ایمکان استفاده از لوگو با عکس شما به عنوان عکس پروفایل وجود.
  •  راهکاری مناسب برای استفاده از آرم (لوگو) با کد QR برای برند سازی خود و شکرتتون.
  •  کد QR باعث بیشتر شدن ترافیک وب سایتتان و بیشتر شدن مخاطبین شبکه های اجتماعیتون و بهتر شناختن شما و کارتون میشود.
  •      ذخیره سازی خودکار اطلاعات به عنوان contact و بیشتر شدن اطلاعات contact میشود.

 

کد QRتمام مشکلات مربوط به دسترسی نداستن به اطلاعات و گم شدن مطالب که مربوط به  کارت ویزت میشدن رو  حل کرده و شما میتونید تمام اطلاعات رو داخل گوشی موبایل خود ذخیره داشته باشید.

فتوشاپ چیست | کاربرد های فتوشاپ |با فتوشاپ چه کار هایی میتوانیم انجام بدهیم؟ |

فتوشاپ چیست ؟

با سلام خدمت تمامی دوستان عزیز در این مقاله میخوام بهتون در مورد پیدایش فتوشاپ، و این که فتوشاپ چیست و کابرد های فتوشاپ، در چه چیزهاییه و با فتوشاپ

چه کارهایی میتونین انجام بدین.

قبل از شروع باید بدونید فتوشاپ چیست ؟

تاریخچه کوتاهی درمورد پیدایش فتوشاپ:

فتوشاپ، در سال ۱۹۸۸ توسط برادران نول (knoll) توماس و جا به وجود اومد.

در سال ۱۹۹۰ فتوشاپ توسط آقای جان وارنک (john Warnock)، رئیس شرکت ادوبی (adobe) خریداری شد.

نسخه اولیه فتوشاپ، برای سیستم عامل (مَک اپل) ارئه شد. و بعد از مدت ها برای سیستم عامل ویندوز هم ارائه شد،

همچنین با قدرت مندتر شدن سیستم عامل گوشی ها و خود گوشی ها فتوشاپ، برای موبایل ها هم ارائه شد

از جمه ios اپل، ویندوز فون ماکروسافت، اندروید گوگل و هم میتونید به نسخه تحت وب هم دسترسی داشته باشید.

فتوشاپ چیست ؟

فتوشاپ، در واقع بهترین و قدرتمندترین برنامه ساخت و ویرایش تصاویر پیکسلی (pixels) به تصاویر دیجیتالیه.

پیکسل چیست؟

درواقع پیکس به کوچیک ترین نقطه خاموش یا روشن رو هر نوع صحفه نمایش مثل مانیتور ،تلویزیون، موبایل رو پیکسل میگن.

فتوشاپ، توسط چه کسانی استفاده میشود؟

فتوشاپ، بیشتر توسط طراحان گرافیکی ، عکاسان، طراحان وب سایت،فیلمبرداران و هنرمندان سه بعدی استفاده میشه.

فیلم برداران و هنرمندان سه بعدی، ویژگی های این دو تازه وارد فتوشاپ، شده و هنوز اونقدر کارایی نداره.

فتوشاپ، در چه زمینه هایی کاربرد دارد؟

۱ : طراحی گرافیکی که شامل طراحی : پوستر، بنر، کارت ویزیت ،کاتالوگ، بنر استند و… میشه.

۲ : ویرایش عکس شامل: ویراش عکس، اصلاح عکس، روتوش تصاویر، ترکیب کردن تصاویر ، درست کردن متن های سه بعدی،

فتوشاپ چیست

۳ : طراحی رابط کاربری یا (ui).

۴ : طراحی قالب وب سایت : هدر، فوتر، باکس های مختلف، آیکون های مختلف و ظاهر کل یک سایت میشه.

۵ : طراحی کرارکتر انیمیشن، طراحی تصاویر برای کمیک ها،

امیدوارم از این مقاله که در مورد تاریخچه ی فتوشاپ،و اینکه فتوشاپ چیست ؟ لذت برده باشید

قالب وبسایت با فتوشاپ، آموزش قسمت سوم طراحی قالب وبسایت

طراحی قالب وبسایت قسمت سوم

در قسمت قبلی طراحی قالب وبسایت تا جای تشکیل باکس ها پیش رفتیم و در این قسمت میخوایم پاین قالب (اسلاید شو، بک گراند ، فوتر) رو طراحی کنیم.

تمام عکس های این قسمت را از اینجا دانلود کنید.
تصویر: ۱

طراحی قالب وبسایت قسمت سوم

مرحله: ۱

در مرحله اول طراحی قالب وبسایت میخواییم اسلاید شو رو درست کنیم.
برای ساخت اسلاید شو باید یک مستطیل رسم کنیم.
برای اینکار از قسمت ابزار، ابزار مستطیل رو انتخاب کنید و یک مستطیل رسم کنید.
تصویر: ۲
حالا یک عکس از منظره بارندگی یا هر عکسی که دوست دارید رو به داخل فتوشاپ بیارید و روی مستطیل قرار بدین.
تصویر: ۳
تصویر: ۴

بعد از اینکه عکس رو روی مستطیل قرار دایدن کلید enter رو بزنید.

حالا روی لایه عکس کلید راست کنید و گزینه ( create clipping mask) رو بزنید تا عکس داخل مستطیل قرار بگیره.

دقت کنید که لایه عکس بالای لایه مستطیل باشه و بعد این کارو انجام بدید.

تصویر: ۵

طراحی قالب وبسایت قسمت سوم

تصویر: ۶

تصویر: ۷
حالا باید عکس قطره های باران رو سیاه و سفید کنیم.

برای اینکار طبق عکس پایین عمل کنید.

تصویر: ۸

حالا یک متن رو روی عکسمون مینویسیم.

برای اینکار از منوی ابزار، ابزار t رو انتخاب کنیید و یک متن به دلخواه بنویسید.

تصویر: ۹

حالا می بینید که متن ما زیاد واضح نیست، حالا باید یک مستطیل دیگه روی همون مستطیل با رنگ مشکی بکشید.

تصویر: ۱۰

طراحی قالب وبسایت قسمت سوم

حالا باید Opacity رو کم کنید تا مستطیل کمرنگ بشه و متن شما واضح بشه.

دقت کنید لایه متن بالای لایه مستطیل جدید باشه.

تصویر: ۱۱

حالا باید چندتا دایره بارای مستطیلمون بکشیم.

تصویر: ۱۲

برای کشیدن دایره، باید از منوی ابزار، ابزار دایره رو انتخاب کنید.

تصویر: ۱۳

حالا یک دایره در قسمت بالا سمت راست مستطیل با رنگ سفید رسم کنید.

تصویر: ۱۴

حالا چندتا کپی از دایره تون بگیرید.

برای اینکار ابزار move tool رو انتخاب کنید و کلید alt رو بگیرید و از دایره یک کپی بگیرید.

تصویر: ۱۵

طراحی قالب وبسایت قسمت سوم

حالا سه تا کپی دیگه به همین صورت بگیرید و کنار همدیگه قرار بدین.

تصویر: ۱۶

مرحله: ۲

در مرحله دوم طراحی قالب وبسایت میخواییم فلش مثلثی ادامه مطلبو زراحی کنیم.

تصویر: ۱۷

برای این کار ما باید یک مربع ۱۰۰ در ۱۰۰ پیکسل در ست کنیم.

از منوی ابزار، ابزار مستطیل رو انتخاب کنید و روی صحفه یک کلید بزنید تا یک پنجره برای اندازه دهی باز بشه و اندازه هارو روی ۱۰۰بزارید.

تصویر: ۱۸

حالا یک مربع برای شما درست شده.

تصویر: ۱۹

حالا باید مربعتونو بچرخونید.

برای اینکار کلید ترکیبی (ctrl+T) رو بزنید و از نوار بالای صحفه درجه رو روی ( ۴۵- ) بزارید.

تصویر: ۲۰

طراحی قالب وبسایت قسمت سوم

حالا ابزار مستطیل رو انتخاب کنید و کلید alt رو نگه دارید و از قسمت بالای مربع تا وسط مربع بکشید تا به شکل مثلث دربیاد.

تصویر: ۲۱

حالا یک رنگ بهش میدیم.

تصویر: ۲۲

حالا باید یک کپی از مثلث بگیرید.

برای کپی گرفتن رو لایه مثلث کلید راست کنید و گزینه ( Duplicate Layer ) رو بزنید تا یک کپی گرفته بشه.

تصویر: ۲۳

حالا از منوی ابزار، ابزار ( Direct Selection tool ) رو انتخاب کنید.

تصویر: ۲۴

حالا باید گوشه سمت راست مثلث رو سلکت کنید و از نقطه فعال شده بگیرید و به سمت چپ بکشید.

تصویر: ۲۵

طراحی قالب وبسایت قسمت سوم

تصویر: ۲۶

حالا باید یک رنگ بهش بدیم.

برای این کار از منوی ابزار، ابزار move tool رو انتخاب کنید و رویه قسمت مشخص شده در عکس پایین دابل کلید کنید.

دقت کنید که روی لایه کپی شده اینکار انجام بدید.

تصویر: ۲۷

حالا از منوی ابزار، ابزارt رو انتخاب کنید و یک متن بالای مثلث بنویسید، برای مثال ادامه مطلب.

تصویر: ۲۸

مرحله: ۳

در مرحله سوم طراحی قالب وبسایت میخوایم قسمت بک گراند رو طراحی کنیم.

تصویر: ۲۹

برای طراحی قسمت بک گراند اول باید یک مستطیل درست کنیم.

برای اینکار از قمست منوی ابزار، ابزار مستطیل رو انتخاب میکنیمو یک مستطیل با رنگ بنفش یا هر رنگی که دوست دارید

درست کنید.

تصویر: ۳۰

طراحی قالب وبسایت قسمت سوم

حالا یک کپی ازش میگیریم.

برای گرفتن کپی روی لایه مستطیل کلید راست کنید و گزینه ( Duplicate Layer ) رو بزنید تا یک کپی از مستطیل گرفته بشه.

تصویر: ۳۱

حالا از منوی ابزار، ابزار ( Direct Selection tool ) رو انتخاب کنید و دوتا گوشه سمت راست مستطیل رو سلکت کنید و به

سمت چپ بکشید.

تصویر: ۳۲

تصویر: ۳۳

تصویر: ۳۴

حالا گوشه سمت راست بالایی رو سلکت کنید و به سمت چپ بکشید.

تصویر: ۳۵

طراحی قالب وبسایت قسمت سوم

حالا طبق تصویر پایین مود رنگشرو عوض کنید.

تصویر: ۳۶

میبینید که رنگ قسمتی که درست کردید عوض شد.

حالا ابزار move tool رو انتخاب کنید و کلید alt رو بگیر و یک کپی از قسمتی که درست کردین بگیرید.

تصویر: ۳۷

حالا کلید ترکیبی ctrl+t رو بزنید و روی همون شکل کلید راست کنید و گزینه ( Flip Horizontal) رو بزنید تا شکلتون به صورت

افقی برعکس بشه.

تصویر: ۳۸

حالا دوباره روی همون شکل کلید راست کنید و گزینه ( Flip Vertical ) رو بزنید تا بصورت عمودی برعکس بشه.

تصویر: ۳۹

حالا به همین شکل کپی بگیرید و برعکس کنید. دیگه بستگی به سلیقه خودتون داره.

حالا متنی که اول کنار لوگو نوشتید رو کپی کنید و بیارید روی بک گراند.

تصویر: ۴۰

طراحی قالب وبسایت قسمت سوم

مرحله:۴

در مرحله چهارم طراحی قالب وبسایت میخواییم فوتر پاین صحفه رو درست کنیم.

تصویر: ۴۱

برای درست کردن فوتر از منوی ابزار، ابزار مستطیل رو انتخاب کنید و یک مستطیل با رنگ مشکی رسم کنید.

تصویر: ۴۲

حالاابزار t رو انتخاب کنید و یک متن بنویسید.

تصویر: ۴۳

تبریک میگم شما الان با فتوشاپ یک قالب وبسایت ساخته اید.

تصویر: ۴۴

طراحی قالب وبسایت قسمت سوم

این هدیه ای بود از طرف امیر سهرابی شرق عضو تحریریه گروه فناورانه فردا طرح فعال در زمینه طراحی وبسایت در تهران و مشهد.

موفق و پیروز باشید.

قالب وب سایت با فتوشاپ.آموزش تصویری(قسمت دوم) طراحی قالب

آموزش تصویری طراحی قالب وب سایت با فتوشاپ.

با سلام خدمت تمامی مخاطبین شرکت فرداطرح امروز با ادامه آموزش طراحی قالب وب سایت در خدمت شما هستیم.

در قسمت قبلی تا مرحله ۹ پیش رفتیم که خط های موربی برای هدر ایجاد کردیم.

در این قسمت به ادامه این مراحل میپردازیم.

عکس های این قسمت از آموزش را از لینک زیر دانلود کنید.

لینک دانلود

مرحله: ۱۰

در این قسمت میخواهیم بر روی هدر قالب وب سایت خود تکست یا متن بنویسیم .

تصویر: ۱

طراحی قالب وب سایت در فتوشاپ قسمت دوم

برای این کار از قسمت ابزار، ابزار(T) را انتخاب کنید و بر روی هدر صحفه یک متن با رنگ مشکی یا به دلخواه بنویسید.

برای مثال ما (fardatarh.ir) را مینویسیم.

تصویر: ۲

شما در قالب اصلی می بینید حروف ofogh.fardatarh  از همدیگر فاصله دارند.

تصویر: ۳

برای این کار باید روی لایه دابل کلید کنید تا متن شما انتخاب شود و طبق تصویر پایین انجام دهید.

تصویر: ۴

حالا ابزار (move tool) را انتخاب کنین و متنتون را بگیرید و به داخل مستطیل حدایت کنید.

تصویر: ۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

مرحله: ۱۱

در مرحله یازدهم طراحی قالب وب سایت میخواهیم لوگوی به شکل ماه را طراحی کنیم.

تصویر: ۶

برای ساخت لوگو باید یک دایره بکشید.

از قسمت ابزار، ابزار (Ellipse Tool) انتخاب کنید.

تصویر: ۷

حالا یک دایره روی هدر صحفه کنار متنتون بکشید، کلید (shift) رو هم نگه دارید تا دایره صاف کشیده بشه.

تصویر: ۸

خوب حالا همون طور که نقطه های دور دایره که کشیدید فعال هستند. کلید alt رو بگیرید و یکه دایره وسط دایره قبلی بکشید تا بصورت حلال ماه در بیاید.

تصویر: ۹

بعد از اینکه دایره را کشیدید باید یک گردنیت مثل دکمه نخست بهش بدیم.

برای اینکار روی لایه دکمه صحفه نخست کلید راست کنید و گزینه (Copy laer Styles) را بزنید.

تصویر: ۱۰

طراحی قالب وب سایت در فتوشاپ قسمت دوم

و روی لایه هلال ماه کلید راست کنید و گزینه( Paste leyer Style) رو بزنید تا هلال ماه مثل دکمه نخست رنگ بگیره.

تصویر: ۱۱

حالا ابزار Move tool  را انتخاب کنید و با گرفتن کلید alt یک کپی از هلال ماه بگیرید.

تصویر: ۱۲

بعد از اینکه کپی گرفتید کلید ترکیبی Ctrl+T رو بزنید و کوچیک ترش کنید تا داخل هلال بزرگ تر جای بگیره.

برای اینکه طول و عرض هلال به طور مساوی کوچک بشن کلید shift  راهم نگه دارید و از گوشه هاش بگیرید و مثل تصویر پایین درست کنید.

تصویر: ۱۳

خوب حالا دوباره با ابزار دایره ، یک دایره کوچک میکشیم و مثل کار قبل رنگ هلال ماه را به دایره خودمان میدهیم.

تصویر: ۱۴

مرحله: ۱۲

در مرحله دوازدهم طراحی قالب وب سایت میخوایم قسمت باکس جستجو و آیکون هایی رو ایجاد کنیم.

تصویر: ۱۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

برای این کار از قسمت ابزار، ابزار مستطیل را انتخاب میکنیم و یک رنگ نسبتا تیره بهش اختصاص میدیم.

تصویر: ۱۶

الان لازمه که لایه  مستطیل را به پایین لایه ها ببرید.

برای بردن لایه به پایین همه لایه ها کلید ترکیبی (shift+[) و برای بردن به بالای همه لایه ها کلید ترکیبی (shift+]).

اگه بخواین لایه انتخابیتونو به پاین یک لایه دیگه ببرید ([) و اگه بخواین یکی به بالا حرکت کنه (]) را بزنید.حالا باید لایه مستطیلی که تازه ایجاد کردید به پاین لایه ها و بالای بگ گراند قرار بدید، طبق عکس پاینن.

تصویر: ۱۷

حالا میخواهیم یک سایه ملایم به بالای مستطیلمون بدیم مثل این عکسی که میبینین.

تصویر: ۱۸

برای ایجاد این سایه از منوی ابزار،ابزار دایره انتخاب کنید و مثل تصویر پاین بالای مستطیلی که رسم کردید با رنگ مشکی ایجاد کنید.

تصویر: ۱۹

حالا از قسمت Properties ماسک را انتخاب میکنیم و (Feather) را روی ۷٫۹ قرار بدید.

تصویر: ۲۰

طراحی قالب وب سایت در فتوشاپ قسمت دوم

مرحله: ۱۳

در مرحله سیزدهم طراحی قالب وب سایت ،یک مستطیل وسط مستطیل قبلی میکشیم  تا بتونیم باکس جستجو را درآ قرار بدهیم.

از منوی ابزار ابزار مستطیل را انتخاب کنید و مطابق عکس زیر یک مستطیل با رنگ طوسی روشن رسم  کنید.

تصویر: ۲۱

وقتی مستیطیل را رسم کردیم باید یک مستطیل گوشه گرد دیگه وسط اون مستطیل ایجاد کنیم .

برای اینکار ازمنوی ابزار،ابزار مستطیل گوشه گرد را انتخاب کنید و یک مستطییل رسم کنید.

تصویر: ۲۲

تصویر: ۲۳

حالا لازم داریم که یک رنگ مثل کاری که برای دکمه نخست انجام دادیم انجام بدیم.

برای اینکار روی همون لایه کلید راست کنید و(blending Options) را انتخاب کنید و از پنجره باز شده (Gradient Overlay) انتخاب کند و یک تیف رنگی طوسی مثل کاری که با دکمه نخست کردیم انجام بدهید.

تصویر: ۲۴

تصویر: ۲۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

تصویر: ۲۶

تصویر: ۲۷

مرحله: ۱۴

در مرحله چهاردم طراحی قالب وب سایت میخواییم یک (Stroke) برای دور مستطیلمون ایجاد کنیم.

برای این کار در پنجره (Blending Options)  روی گزینه (stroke) را فعال کنید.

Size خط را روی ۱ وopacity را روی ۱۰۰ قرار بدید و رنگش هم سفید بزارید تا دیده بشه

تصویر: ۲۸

مرحله: ۱۵

در مرحله پانزدهم طراحی قالب وب سایت ما باید دکمه جستجو را ایجاد کنیم.

برای این کار از لایه دکمه نخست یک کپی میگیریم.

برای کپی گرفتن از منوی ابزار، ابزار move tool را انتخاب کنید و با گرفتن کلید alt   یک کپی ایجاد کنید و به داخل مستطیلی که برای باکس جستجو ایجاد کردیم هدایت کنین.

تصویر: ۲۹

حالا از منوی ابزار، ابزار نوشتن را انتخاب کنید و یک متن داخل دکمه جستجو بنویسید.

تصویر: ۳۰

طراحی قالب وب سایت در فتوشاپ قسمت دوم

و یک متن کنار دکمه بنویسید برای مثال جستجو در سایت….

تصویر: ۳۱

مرحله: ۱۶

در مرحله شانزدهم طراحی قالب وب سایت میخوایم آیکون هایی رو به پروژه اصلی بیاوریم.

برای این کار شما باید آیکون هایی را از وب سایت های مختلف دانلود کنید و در فتوشاپ خودتون باز کنید.

بعداز اینکه آیکون هارو به داخل فتوشاپ آوردین ، اگر فرمتpng بود که هیچ راحت با ابزار move tool بگیریدش و به داخل پروژه اصلی بیاورید.

اگر عکس بود باید از منوی ابزار، ابزار  magic wand tool انتخاب کنید وروی آیکونتون کلید کنید.

اگر آیکونتون چند تیکه بود کلید shift را هم نگه دارید تا انتخاب بشوند.

تصویر: ۳۲

حالا ابزار move tool را انتخاب کنید و آیکون مد نظرتون را به داخل پروژه اصلی ببرید.

تصویر: ۳۳

تصویر: ۳۴

حالا برای کوچک کردن آیکون کلید ترکیبی ctrl+T را بزنید و با گرفتن کلید shift اندازه آیکون را کوچیکتر کنید.

تصویر: ۳۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

حالا نیاز دایم که متنی کنار آیکون بنویسیم.

برای این کار از منوی ابزار، ابزار T را انتخاب کنید و متنی کنار آیکون بنویسید.

تصویر: ۳۶

حالا به همین روش آیکون های دیگه ای را به قالب خود اضافه کنید و برای هرکدوم یک متن بنویسید.

تصویر: ۳۷

مرحله: ۱۷

در مرحله هفدهم طراحی قالب وب سایت میخواهیم باکس های پاین قالبو طراحی کنیم.

تصویر: ۳۸

برای طراحی این باکس ها نیاز داریم صحفه پروژه را بزرگتر کنیم.

برای این کار از منوی ابزار، ابزار crop tool را انتخاب میکنیم و از قسمت پایین صحفه میگیریم و قالبمون را بزرگتر میکنیم.

بعد از اینکه به اندازه مناسب رسید کلید enter را بزنید.

تصویر: ۳۹

بعد از اینکه صحفه قالب را بزرگتر کردید نیاز داریم که یک مستطیل رسم کنیم.

از منوی ابزار، ابزار مستطیل را انتخاب کنید و مطابق تصویر پایین یک مستطیل رسم کنید.

تصویر: ۴۰

طراحی قالب وب سایت در فتوشاپ قسمت دوم

حالا میخواهیم خط هایی را اطراف مستطیلمون ایجاد کنیم.

تصویر: ۴۱

برای ایجاد این خط ها شما باید لایه مستطیل را انتخاب کنید و از قسمت Properties به مستطیلمون استروک بدید.

تصویر: ۴۲

مرحله: ۱۸

در مرحله هجدهم طراحی قالب وب سایت میخواهیم استیکر این باکسی که ساخته ایم را ایجاد کنیم.

تصویر: ۴۳

برای ایجاد استیکر، از منوی ابزار، ابزار مستطیل را انتخاب کنید و یک مستطیل مطابق تصویر پایین رسم کنید.

تصویر: ۴۴

بعد از اینکه مستطیل را رسم کردید نیاز داریم تا یک کپی از همون مستطیل بگیریم.

برای گرفتن کپی از کلید ترکیبی ctrl+j استفاده کنید.

و بعد از اینکه کپی ایجاد کردید کلید ترکیبی ctrl+t  را بزنید و از پایین مستطیل بگیرید وآن را به سمت بالا کوچیک کنید.

تصویر: ۴۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

حالا برو روی همون مستطیل کپی شده کلید راست کنید و گزینه Perspective را انتخاب کنید و یکی از گوشه های پاین مستطیل کپی شده را بگیرید و به سمت راست یا چپ بکشید.

تصویر: ۴۶

تصویر: ۴۷

حالا رنگشرو تیره تر میکنیم.

و لایه کپی شده رو به زیر لایه مستطیل اصلی میبریم.

تصویر: ۴۸

حالا یک کپی از تمام کاری که در مرحله هفدهم و هجدهم انجام دادیم میگیریم.

برای این کار از قسمت لایه ها با گرفتن کلید ctrl تمام لایه های مرحله هفدهم و هجدهم را انتخاب میکنیم.

تصویر: ۴۹

و حالا با گرفتن کلید alt یک کپی از تمام این لایه ها بگیرید و به سمت راست هدایت کنید.

تصویر: ۵۰

طراحی قالب وب سایت در فتوشاپ قسمت دوم

حالا یک کپی دیگه به همین شکل ایجاد میکنیم.

تصویر: ۵۱

حالا آیکون هایی رو مثل کاری که برای آیکون های بالاتر انجام دادیم انجام میدهیم و این آیکون هارو داخل استیکر ها قرار میدهیم.

تصویر: ۵۲

و حالا متنی داخل این باکس ها مینویسیم.

تصویر: ۵۳

حالا یک دکمه ( ورود به بخش پشتیبانی ) ایجاد میکنیم.

برای این کار از لایه دکمه جستجو با گرفتن کلید alt یک کپی بگیرید و داخل باکس قرار بدید ، و روی دکمه ورود به بخش پشتیبانی را بنویسید.

تصویر: ۵۴

تصویر: ۵۵

طراحی قالب وب سایت در فتوشاپ قسمت دوم

برای اون دو باکس دیگه هم همین کار ار انجام بدهیدو

ادامه دارد….

 

گرافیک وبسایت چیست؟

گرافیک وبسایت چیست؟

هرچه در برنامه نویسی و کد زدن گرافیک وبسایت شما در جایگاه عالیتری قرار داشته باشد.

هر چه از همه دانسته های کد زدن و

برنامه نویسی در طراحی وبسایت خود بهرهمند باشید. این را بدانید امتیاز پایانی وبسایت شما با ظاهر و

گرافیک مشخص میشود.

گرافیک وبسایت یک بحث تازه در دنیای طراحی سایت هست و در ایران هنوز چندان به کار گرفته نمیشود.

در ایران به اندازه لازم از آن استفاده نمیشود .

وقتی سایتی خلق میشود باید در قسمت گرافیکی و برنامه نویسی وبسایت در هم آمیخته شود.

تا شما بتوانید وبسایتی زیبا با گرافیک و ظاهری دلچسب خوب و  با رعایت اصول برنامه نویسی درست را بدست آورید.

گرافیک و طراحی وبسایت  به چه حالتهایی تقسیم بندی میشود:

گرافیک و طراحی وبسایت در واقع هنر جذب کاربر وبرانگیختن کنجکاوی در ماندن بیشتر در ذهن مخاطب است.

کاربران تنها فقط لحظه ای از برخورد با برندی، لوگو یا طرحی، احساس دلچسبی را نسبت به آن بدست آورد.

پس مشخصات برند شما برای کاربر باید تعقیب کننده باشد، از مشخصات مهم برند است.

تعیین استراتژی

گرافیک و طراحی وبسایت  باید همانند هر عمل دیگری در تجارت، دارای استراتژی باشد.

قبل از اخذ هر تصمیم از جانب ما در ارتباط با طراحی، باید به صورت دقیق مورد مو شکافی قرار دهیم.

باید دقت شود در راستای اهداف شرکت و کاربرانمان هدف انجام گیرد تا استراتژی هدف و

نحوه‌ی رسیدن به آن مشخص گردد. بنابراین اگر کار گرافیک و طراحی وبسایت را خود شما انجام دهید،

نمی‌توانید همیشه به خوتان متکی باشید. و ایده ی خوبی اراعه دهید . مناسب تر این است که این کار را به افرادی بسپارید

که تخصص مناسبی در این کار دارند. و در حوضه ی  گرافیک و طراحی وبسایت  متخصص باشند.

تاثیر گرافیک و طراحی وبسایت  و بهینه سازی عکسها در سایت :

د رحال حاضر میخواهیم شما را با تاثیر گرافیک و طراحی وبسایت  و زیبا سازی داخلی  آن آشنا کنیم.

آن چیزی که در طراحی سایت برای مخاطب جذاب است طراحی وبسایت دکوراسیون داخلی

دارای اهمیت زیادی میباشد. از این رو حرف اول را در جذب نظر مخاطبان سایت و بازدیدگنندگان می زند .

وجود عکسها با

طراحی و اندازه مناسب و زیبا است . این عکسها مانند این است که شما شرکت را به طور کلی تعریف کرده باشید.

اما باید

توجه داشته داشته باشید که ، زیبا سازی این عکسها برای گوگل است . دنباله مقاله را به ادامه اهمیت زیبا سازی تصاویر در

زیبا سازی سایت ،گرافیک و دکوراسیون داخلی و انواع  آن می پردازیم .

بررسی و جمع کردن اطلاعات در گرافیک و طراحی وبسایت

بررسی و جمع کردن اطلاعات در گرافیک و طراحی وبسایت .

اولین و مهمترین قدم در طراحی وبسایت و ساختن قسمت

گرافیکی وب سایت می باشد . کاربران معمولا از طراحان  وبسایتها انتظار دارند که برای تجارتشان یک وبسایت زیبا با ظاهری

مناسب طراحی کنند . اولین قدم چیست ؟ در حال حاضر یک عملیات و فرآیند مشخصی هست که می توانید با به کارگیری

آن، از مشکل نشدن و همواره مسیر پروژه  درزیبا ساختن و کاربرپسند بودن با اطمینان کار را پیش ببریم.

اکثر وبسایتهای طراحی شده، در مرحله اول برای ایجاد یک سایت کاربر پسند تحقیقات میدانی در مورد علایق مشتریان و

کاربران میباشد . قسمتی از این کار را  باید روی کاربران و کسانی که قصد ورود به وبسایت ارا دارند انجام دهیم. تا تمام

انتظارات مورد توجه آنها برطرف شود. پس امکان دارد که در مورد کسب و کار، کالاها و رقیبان آنها مستلزم جمع آوری اطلاعات

زیادی داشته باشید . در هنگام مصاحبه با سفارش دهنده یا مشتری باید مطالب موردنیاز خود را

طوری بدست آورید تا در  طراحی  و گرافیک کلی سایت و توسعه آن به ما کمک کند . این مستلزم سوالاتی در مورد مشتریان

۱هدف،

۲هدفها،

۳ایده ها

۴و انتظارات

۵و سایر متغیرهایی

است که می توانید به کاربر نشان دهید و سفارش را به به خوبی اراعه دهید .

بر این اساس میتوان متغیرها  را مواردی در

مورد بودجه و مهلت را زمان بندی کرد . موقعی که کار تازه ای به شرکت ما داده می شود، باید سوالاتی در مورد کسب و کار

مشتری پرسیده شود.

اشتباهات که بیشتر افراد در موقع راه اندازی یک تجارت انجام می دهند اهمیت .  کاری که اگر بدون اشتباه انجام شود می

تواند تاثیرگزار باشد و به فروش شما کمک بسزایی میکند.

چرا طراحی گرافیکی در طراحی وبسایت زیبا با اهمیت است ؟

گرافیک و زیبا سازی مخصوصا برای لوگو در وبسایتها ،

از مهم ترین عوامل برای معتبر کردن و پیدا کردن یک تجارت است.

وبسایت ها علاوه بر ظاهر گرافیک به یک طرح که به نام برند آنها باشد نیازمند است. تجارتهایی که به معرفی و تبلیغ کردن

فیزیکی نیازمند است .  قطعا به کارت و یا نمونه کار  نیاز دارد. برای ریز شدن بر روی بخش های زیبا سازی و گرافیک وبسایت

یک  تجارت شدیدا مشتریان را وادار می کند تا زمان بیشتری شما را دنبال کنند. باید طوری شود که به صورت مدام به وبسایت شما

سر بزند . توجه داشته داشته باشید نحوه طراحی لوگو و رنگهای به کارگرفته شده در سایت شما می تواند . به صورت دائمی

در ذهن مشتری باقی بماند. 

تابلو های تبلیغاتی برای ارائه نوع خدمت شما

تابلو های تبلیغاتی به صورت یک ابزار معرفی شما به صورت موثر برای جذب اکثریت مشتریان به کار میرود. این تابلوها در ذهن

اکثریت مردم تاثیرگذار است، باید به ویژگی هایی مجزا و خاص ،

که در حالی که ساده و قابل درک و جذب باشند. حتما یکی از

موارد و کارهای های موثر تبلیغاتی به شمار می آید. یک تابلوی بروشور مناسب در نگاه اول تاثیرگزار است . پس یک طراحی با

تفاوت خوب و زیبا، مسیر کسب و کار شما را شما را میتواند تاثیرگزار باشد. در صورت علاقه مندی میتوانید برای هر نوع مطلب

بیشتری با ما تماس بگیرید.

طراحی گرافیک سایت حرفه ای و اختصاصی

خدمات طراحی گرافیک وبسایت حرفه ای ما، کاملا مجزا با ویژگی خاص و

عالی طراحی سایت ریسپانسیو – واکنش گرا – بوده و

معمولا سفارشی بر اساس سلیقه و انتطارات کاربر در اصناف متفاوت از سایت طرحی خانه ٬

دارویی ٬ سایت ورزشی و طراحی

استخدامی میباشد. در برنامه نویسی و کدزدن قالب طراحی وبسایت همه ی قوائد در مورد سئو

وبسایت هماهنگ و همراه با

استانداردهای روز مطابقت داشته باشد.

طراحی قالب وب سایت با فتوشاپ.آموزش تصویری(قسمت اول)

آموزش تصویری طراحی قالب وب سایت با فتوشاپ.

با سلام خدمت تمام مخاطین وب سایت فردا طرح امروز میخوایم طراحی قالب وب سایت با فتوشاپ رو بهتون آموزش بدیم.

این قالب وب سایتی که میخوایم  باهم طراحی کنیم.این قالب بخصوص برای وردپرس طراحی شده است.

اگر مایلید در رابطه با وردپرس و یا دیگر cms های دیگر مانند جوملا بدانید مطلب لینک شده را مطالعه بفرمایید.

تفاوت وردپرس و جوملا

 

 

قبل از شروع کار لطفا این فایل را دانلود کنید و عکس هارو ببینید

لینک دانلود

 

طراحی قالب وب سایت

مرحله اول طراحی قالب وب سایت :

در مرحله اول شما فتوشاپ خودتونو باز میکنید و یک صحفه جدید ایجاد میکنید.

تصویر :۱

اندازه صحفه رو روی ۱۰۲۴ در ۷۶۸ پیکسل با رزولیشن ۷۲ و (color mode) روهم روی (RGB color) بزارید و بعد روی (Create) کلید کنید.

مثل عکس پاین.

 

تصویر:۲

 

برای شروع کار ما به یک بک گراند (Backgraond) داریم از قسمت پاین سمت راست روی (create new) کلید راست میکنیم و گزینه(solid color) رو میزنیم ( طبق عکس پایین ).

تصویر:۳

خوب در پنجره باز شده شما میتونید رنگ دلخواهتونو انتخاب کنید و یا اینکه کد رنگ رو در پاینن صحفه بنویسید.

کد رنگ (e2e2e2) رو وارد میکنیم و ok رو میزنیم.

تصویر:۴

مرحله دوم طراحی قالب وب سایت :

در این مرحله ما باید یک نوار در بالای صحفه بکشیم تا بتونیم دکمه هارو روش قرار بدیم.

برای کشیدن یک نوار باید از قسمت ابزار ، ابزار (rectangle tool) رو انتخاب میکنیم .

تصویر:۵

طراحی قالب وب سایت

و یک مستطیل در بالای صحفه مثل عکس پایین میکشیم.

تصویر:۶

تصویر:۷

خوب در سمت راست پایین صحفه روی لایه ها دوبار کلید چپ میکنید (دابل کلید) و یک رنگ روشن به نوار بدید.

تصویر:۸

مرحله:۳

در مرحله سوم ( طراحی قالب وب سایت ) شما باید به منوی (Blending options) برید.

برای این کار شما باید در قسمت لایه ها رو همون لایه کلید راست کنید و گزینه (Blending options) رو انتخاب کنید یا رو همون قسمت که کلید راست کردید دوبار کلید چپ بزنید(دابل کلید) و به منوی (Blending options) میرید مثل عکس پایین.

تصویر:۹

در پنجره باز شده روی گزینه (Gradient Overlay) بزنید و تیک (Reverse) رو فعال کنید.

(Reverse) جای تیرگی و روشنی عوض میکنه و ما میخوایم قسمت تیره تر رو بالا باشه پس (Reverse) رو فعال میکنیم.

و روی قسمت رنگی (Gradient) میزنیم و یک پنجره جدید برای ما باز میشه.

تصویر:۱۰

طراحی قالب وب سایت

در پنجره باز شده روی (color stop) دوبار کلید چپ کنید(دابل کلید) و در پنجره باز شده یک رنگ روشن بهش میدیم  و برای (color stop) سمت راستمشم همین کارو انجام میدیم.

تصویر:۱۱

تصویر:۱۲

تصویر:۱۳

مرحله ۴:

شما در مرحله چهاروم ( طراحی قالب وب سایت ) باید دوتا خط سفید رو بالا و پایین نوار بکشید.

برای کشیدن خط ها از قسمت ابزار، ابزار(line tool) رو انتخاب میکنیم و بالای نوار یه خط سفید میکشیم.

برای صاف کشیدن خط کلید (Shift) روی کیبورد رو نگه دارید تا خط صاف کشیده بشه.

تصویر:۱۴

مثل عکس پاین خط به نوار چسبیده باشه.

تصویر:۱۵

طراحی قالب وب سایت

خوب حالا باید از همون نوار یک کپی بگیرید.

برای کپی گرفتن ابزار(move tool) رو انتخاب میکنیم و کلید (Alt) بروی کیبورد رو نگه میداریم و خط رو به سمت پایین میکشیم. وقتی به سمت پایین کشیدید باید یک کپی گرفته شده باشه و اونو به پاین نوار بچسبونید.

تصویر:۱۶

مرحله ۵:

در مرحله پنجم طراحی قالب وی سایت ،میخوایم حالا میخوایم دکمه های نوارمونو رسم کنیم ( دکمه های مثل درباره ماف تماس باما،صحفه نخست و…).

برای رسم دکمه ما از منوی ابزار، ابزار( Rounded rectangle tool) رو انتخاب میکنیم و یک مستطیل با گوشه های گرد شده میکشیم و از قسمت (Propertirs) قسمت (۲) مشخص شده در عکس رای روی عدد (۶)  بزارید.

تصویر:۱۷

تصویر:۱۸

خوب حالا میخوایم یک رنگ به دکمه ای که ساختیم بدیم.

برای رنگ دادن روی همون لایه کلید راست کنید و از منوی (Blending options) ،گزینه (Gradient Overlay) رو میزنیم ویک رنگ بهش میدیم.

مثل کاری که برای نوار انجام دادیم انجام میدیم.

(یکم سلیقگی کنید و یه تیف رنگی خوشگل درست کنین).

تصویر:۱۹

تصویر:۲۰طراحی قالب وب سایت

تصویر:۲۱

مرحله۶:

در مرحله ششم ( طراحی قالب وب سایت ) میخواییم یک سایه به دکمه ای که طراحی کردیم بدیم.

برای درست کردن سایه رو همون لایه کلید راست میکنیم و (Blending options) میزنیم و در پنجره ای که باز میشه (Drop Shadow) رو انتخاب میکنیم.

Opacity روی ۷۵،درجه Angle روی ۹۰٫ Distance روی ۰٫ Size روی ۲٫ و بعد اوکی رو بزنید و می بینید که یک سایه زیر دکمه تون درست شد.

تصویر:۲۳

تصویر:۲۴

 

حالا میخوایم یک نوشته داخل دکممون بنویسیم برای مثال صحفه نخست.

برای نوشتن متن از منوی ابزار،ابزار (T) رو انتخاب میکنیم و روی دکمه با رنگسفید  صحفه نخست رو مینویسیم.

تصویر:۲۵

طراحی قالب وب سایت

برای انتخاب رنگ و اندازه و فونت نوششتتون میتونید روی آیکون هایی که وقت نوشتن ظاهر میشه انتخاب کنین.

تصویر:۲۶

حالا اینکه متن صفحه نخست رو وسط دکمه بزاریم اول باید ابزار(move tool) رو انتخاب کنیم.

حالا از قسمت لایه ها، لایه متن صفحه نخست و لایه دکمرو انتخاب میکنیم.

برای انتخاب دوتا لایه باهم دیگه باید کلید (Ctrl) روی کیبورد رو نگه داریم و بعد روی دوتا لایه کلید چپ کنیم.

حالا برای وسط چین کردن طبق تصویر روی اون آیکون ها کلید کنید و هم از عمودی و افقی بیارینش وسط .

تصویر:۲۷

مرحله۷:

در مرحله هفتم ( طراحی قالب وب سایت ) میخوایم یک دکمه دیگه درست کنیم.

برای ساخت دکمه دیگه لازم نیست تمام این مراحلو برین فقط یه کپی از دکمتون بگیرین.

برای کپی گرفتن ابزار (move tool) رو انتخاب کنید، از قسمت لایه ها، لایه متن و لایه دکمرو انتخاب کنید و از روی شکل با گرفتن کلید (alt) یک کپی بگیرید و به سمت چپش بکشید.

اگه میخواین هم تراز کنید همزمان که کلید (alt) رو گرفتید و دارید کپی دکمرو به سمت چپ میبرین کلید(Shift) رو هم نگه دارید تا با دکمه اولی تو یک راستا باشن.

تصویر:۲۸

خوب حالا میخوایم رنگ دکمرو عوض کنیم.

برای عوض کردن رنگ دکمه  روی همون لایه کلید راست کنید و از منوی (Blending options) ،گزینه (Gradient Overlay) رو میزنیم ویک رنگ بهش میدیم.

دقیقا مثل کاری که با دکمه قبلی انجام دادیم فقط رنگشو عوض میکنیم.

تصویر:۲۹

تصویر:۳۰

طراحی قالب وب سایت

تصویر:۳۱

خوب رنگ متنمونم تیره تر میکنیم مثل عکس پاین.

تصویر:۳۲

حالا یه کپی دریگه ایز همین لایه که رنگشونو عوض کردیم بگیرید و دوباره به سمت چپ ببرید.

شما با این کار دکمه های فهرست وب سایتو طراحی میکنین و متنشو میتونین عوض کنین و درباره ما یا تماس با ما یا هرچیزی که بخواین میتونین بزارین.

مرحله ۸:

در مرحله هشتم طراحی قالب وب سایت میخوایم هدر قالبو درست کنیم و خط های کجی که تو قالب اصلی می بینین رو ایجاد کنیم.

تصویر:۳۳

خوب برای درست کردن هدر صحفه یک مستطیل میکشیم.

برای درست کردن مستطیل باید از قسمت ابزار ، ابزار (rectangle tool) رو انتخاب کنیم و یک مستطیل بکشیم.

شبیح عکس پاینی.

تصویر:۳۴

حالا رنگشو یکم تیره تر میکنیم یا کد (efefef) رو بزنید.

برای تغییر رنگم روی قسمت مشخس شده دابل کلید کنید.

تصویر:۳۵

 

طراحی قالب وب سایتحالا لازمه مستطیلمونو سلکت کنیم.

با گرفتن کلید (Ctrl) و کلید زدن رو قسمت مشخص شده در عکس پایین کل مستطیل مورد نظرتون سلکت میکنه.

تصویر:۳۶

مرحله ۹:

در مرحله نهم طراحی قالب وب سایت باید یک لایه جدید درست کنیم.

برای ساختن لایه جدید قسمت سمت راست پاین صحفه میتونید لایه جدیدی درست کنید یا کلید ترکیبی( ctrl+shift+alt+n ) رو بزنید و یک لایه جدید درست کنید.

تصویر:۳۷

خوب از قسمت بالای نوار منوی (filter) گزینه(render) و گزینه(clouds) رو میزنیم و یک ابر سیاه و سفید درست میکنیم و بعد با زدن (ctrl+D) سلکشنی که درست کردیم حذف میشه.

تصویر:۳۸

تصویر:۳۹

خوب حالا لازمه که ابر سیاه سفیدمونو به (Mosaic) تبدیل کنیم.

برای این کار بازهم همون لایه ابر سیاه و سفید رو انتخاب کنین و از نوار بالا، منوی  (filter)گزینه (pixelate) و گزینه (Mosaic) انتخاب میکنیم.

از پنجره باز شده (Cell Size) روی ۶۵ بزارید و اوکی بزنید.

تصویر:۴۰

طراحی قالب وب سایت

تصویر:۴۱

تصویر:۴۲

خوب حالا Mosaic رو میخوایم کجش کنیم.

بررای کج کردن یا مورب کردن Mosaic روی همون لایه، از نوار بالای صحفه منوی (filter) گزینه(Blur) و گزینه(Motion Blur) رو میزنیم.

از پنجره باز شده (Angle) روی ۹۰ و (Distance) روی ۲۴۶ میزاریم و اوکی رو میزنیم.

تصویر:۴۳

تصویر:۴۴

حالا میخوایم که این ستون های عمودی که درست کردیم رو به داخل اون محدوده مستطیلمون ببریم.

برای این کار روی همون لایه کلیک راست کنید و گزینه( Create Clipping Mask) رو میزنیم و میبینید که ستون های عمودی ما به داخل مستطیل رفتند.

تصویر:۴۵

طراحی قالب وب سایت

تصویر:۴۶

حالا لازمه که کجشون کنیم.

برای این کار همون لایه رو انتخاب کنین و (Ctrl+T) رو بزنید و روی مستطیل کلید راست کنید و گزینه (Skew) رو بزنید.

حالا از اون نقطه هایی که در عکس میبینید بگیرید و به سمت راست بکشید.

تصویر:۴۷

تصویر:۴۸

برای اینکه اون گوشه که خالی شده رو پر کنید دوباره روی همون مستطیل کلید راست کنید و گزینه (Free Transform) رو بزنید.

تصویر:۴۹

حالا نقطه مشخص شده داخل تصویر رو بگیرید و به سمت چپ بکشید

تصویر:۵۰

طراحی قالب وب سایت

ادامه دارد….