مقالات آموزش طراحی

10 نکته برای اینکه چطور برای طراحی کارت ویزیت رنگ های مناسب انتخاب کنیم؟

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

1. به نوع کار نگاه کنید.

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

2. هدف مخاطب را بشناسید.

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

3. روانشناسی رنگ ها را بشناسید.

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

4. رنگ های شرکتتان را بشناسید.

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

5. چرخه رنگ را در نظر داشته باشید.

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

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

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

7. مشخص کنید که می خواهید چطور مشتری ها واکنش نشان دهند.

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

8. از رنگ های وب سایتتان استفاده کنید.

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

9. تصمیم بگیرید که چه تصاویری را می خواهید ارائه دهید.

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

10. به دنبال الهام باشید.

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

 [...]

چگونه برای برند خود رنگ مناسب انتخاب کنیم

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

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

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

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

قرمز

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

مثال: Red Bull, ESPN, Coca Cola, Yamaha, صلیب سرخ یا هلال احمر. همچنین McDonalds, Shell, Lego, Superman, YouTube و Windows برندهایی هستند که در طراحی آنها از رنگ قرمز در کنار رنگ های دیگر استفاده شده است.

نارنجی

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

مثال: Orange, Fanta, ING and GE Money Bank و در برندهای FedEx و ZDF به همراه رنگ های دیگر نیز به کار رفته است. این رنگ اغلب برای آبمیوه پرتقالی مورد استفاده قرار می گیرد. من فقط نام فانت را در اینجا ذکر کردمم اما اگر جستجویی در گوگل داشته باشید می توانید نام صدها برند آب پرتقال را که در آن ها از این رنگ استفاده شده را پیدا کنید.

زرد

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

مثال: McDonalds, Batman, Yellow Pages, DHL, Best Buy and Smart Buy. در برندهای Windows, Shell, Nikon and Ferrari نیز ترکیبی از رنگ زرد و رنگ های دیگر را مشاهده می کنید.

سبز

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

هر چند این رنگ با پول و ثروت در ارتباط است اما بیشتر برای تبلیغ محصولات "سبز" مورد استفاده قرار می گیرد. مثال: در طراحی برندهای Animal Planet, Greenpeace, Greenday, Greelabs and Land Rover به طور کامل از رنگ سبز استفاده شده است. در برندهای Starbucks, Xbox 360, Windows, eBay and StumbleUpon این رنگ در کنار رنگ های دیگر مورد استفاده قرار گرفته است. علامت بازیافت نیز سبز است.

آبی

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

رنگ آبی موفقیتی در صنعت مواد غذایی و آشپزی نداشته چون باعث کاهش اشتها می شود. اگر این رنگ با رنگ زرد یا قرمز ترکیب شود تاثیر بیشتری خواهد داشت.

مثال: در برندهای Nokia, HP, Intel, Samsung, Dove, Nivea, Facebook, Dell, Lenovo and Ford از رنگ آبی به عنوان رنگ اصلی برند استفاده شده است و در برندهای Windows, NASCAR, Pepsi, Carrefour, MySpace, MSN و Volkswagen این رنگ نیز در کنار سایر رنگ ها قرار دارد.

ارغوانی

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

مثال: Yahoo! و LA Lakers تنها برندهای قدرتمندی هستند که از رنگ ارغوانی در انها استفاده شده است.

سفید

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

مثال: در برندهای Toy Machine و Hot Wheels رنگ سفید به همراه رنگ سیاه استفاده شده است. رنگ سفید را نیم توان به تنهایی به کار برد.

سیاه

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

مثال: Photobucket, ABC, JVC, Sony, Agent 007, RCA, Mercedes و گاهی HP. در برندهای Swiss Air, NBC, Daytona, Amazon and Cartoon Network نیز این رنگ با ترکیبی از رنگ های دیگر به چشم می خورد.

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

 [...]

10 راه تبدیل طرح های چاپی به طرح های دیجیتال 

کار چاپ همچنان ادامه دارد اما اگر در این میان ما تمام فرصت های دیجیتالی را نادیده بگیریم کار اشتباهی است. در اینجا 10 نکته وجود دارد که به شما کمک می کند تا این تغییرات را ایجاد کنید.

1. یک کنترل کننده وسواسی نباشید
   قانون شماره یک: کار طراحی دیجیتال شما درباره ارائه اطلاعات است، اما طریقی که این اطلاعات به نظر می رسد و طریقه عمل کردن آن ها دو رشته جداگانه است. CSS به وجود آمده تا از نگاه و قالب بندی اطلاعات محافظت کند. از مشاهده آن به عنوان یک دشمن طراح دست برداشته و آن را مانند یک ابزار مثل فتوشاپ یا ایندیزاین بپذیرید. 
   
   2. پیکا ها به پیکسل ها
   پیکا ها یک اندازه گیری فیزیکی هستند و اندازه نقاط یک بخش فرعی استاندارد آن ها است. اما می دانید که پیکا ها حدود دو دهه پیش در دانشگاه ها تدریس می شدند. خوب حالا آن را فراموش کنید. در دیجیتال، تمام ابعاد به هم مربوط هستند، پس برای آموختن اینکه چرا از فضای بوم تان به پیکسل ها رجوع کرده اید و چرا تایپ با پیکسل ها و درصد ها اندازه گیری می شود، کمی وقت بگذارید. 

3. RGB و hex
   قبلاً شما با چهار رنگ، مخصوص و پنجم کار می کردید. آن ها را فراموش کنید. رنگ ها بزرگترین مانع در برابر طراح ها هستند که از چاپ به دیجیتال آمده اند، پس به اندازه های RGB و hex توجه کنید. به سادگی اندازه های hex که کد شش رقمی هستند و نشانه گذاری رنگ های RGB را نشان می دهند را قرار دهید، در جایی که سیاه #000000 است با اندازه های R, G و B که همه صفر درصد هستند و سفید که #ffffff است با صد درصد R, G و B برای هر کدام. ساده نیست؟ 
   
   4. خوانایی هنوز هم یک اولویت است
   مگر اینکه شما واقعاً سعی کنید که مخاطبانتان را بیگانه فرض کرده، و مطمئن شوید که اولین اولویت خوانایی است. این به این معناست که متن را به اندازه کافی بزرگ گرفته تا خوانا باشد، از جاسازی ها و سیستم فونت های مناسب برای خواندن در یک مانیتور با پس زمینه سفید و یا تبلت استفاده کرده و به تصاویر فضای کافی برای تنفس بدهید. یک حساب سر انگشتی مطمئن برای تبدیل پیکا ها به اندازه نقاط برای دو برابر کردن آن و اضافه کردن دو است. این کار برای کپی بدنه که از چاپ به یک تبلت توزیع می شود مناسب است. 

5. با کادر افقی شروع کنید
   بعضی از اوقات لازم است که یک صفحه آرایی دیجیتال را دوبار طراحی کنید: یک بار برای استفاده عمودی و یکبار برای استفاده افقی، با تغییر ابعاد صفحه که در بین این دو حالت تغییر می کند. همیشه با افقی شروع کنید زیرا بیشتر از عمودی هماهنگ می شود و همچنین طراحی را دیکته کرده و با محتویاتی که بر روی آن کار می کنید هماهنگ می کند. زمانی که بر روی حالت افقی کار می کنید، عناصر اصلی را منتقل کرده و صفحه آماده تغییر به حالت عمودی است. 
   
   6. با تصاویر بزرگ کار کنید
   تصاویر همیشه در صفحه های با پس زمینه سفید عالی به نظر می رسند، خصوصاً در تبلت های pixel-packed مانند iPad و Kindle Fire. از تصاویر تا جایی که می توانند بزرگ شوند استفاده کنید. اگر بر روی انتشارات دیجیتالی کار می کنید، از تصاویر full-screen برای ایجاد وقفه های دراماتیک در داخل مقاله ها استفاده کنید. یک ترفند واقعی در مجله های دیجیتالی این است که لحظه های "توقف و خیره شدن" را ایجاد می کنند که در چاپ بسیار موثر است. 

7. آزمایش های طرح حروف
   ممکن است که شما یک مجموعه طرح حروف با زواید حروف باریک و فونت های نمایشگر سفارشی داشته باشید، اما بدن شک آن ها در موبایل ها و بک گراند های مانیتورها استفاده می شوند. شما باید از استفاده آن ها در عنوان ها و فونت های ضربه ای دوری کرده اما کپی بدنه متن بهترین مکان برای استفاده از این سیستم فونت های زمخت است، به خصوص اگر نمونه دیجیتال شما به کاربران امکان تغییر اندازه سایز نقاط را بدهد. 
   
   8. یادگیری دوباره شبکه
   شبکه های طراحی گرافیک و سرمقاله بر پایه ستون ها، مربع ها و فضاهای منفی هستند که برای کمک به نمایش محتویات کار شما با یکدیگر ترکیب می شوند. در گوی دیجیتال، شبکه ها بر پایه سلسله مراتب افقی بوده که چنانکه یک حالت نزولی دارند، به خصوص در تبلت ها در جایی که حرکت ناگهانی از چپ به راست یک روش پیوسته مشترک است. به این فکر کنید که چگونه می توانید محتویات را از بالا به پایین جریان دهید به خوبی زمانی که از چپ به راست حرکت می کنند. 

9. تبلت ها برای لمس کردن هستند
   کاربران خود را دست کم نگیرید و فضای گرانبهای تصویر را با دستورکارها پر کرده و آن ها را به فعالیت که دعوت کنید و از آن ها درخواست کنید تا "در اینجا حجم بیشتری را لمس کنند". کاربران به طور طبیعی صفحه های لمسی را لمس کرده و انگشت می زنند، پس پس آن ها را در ازای فرمان دادن، راهنمایی کنید تا به محتوای جدید دست یابند. شما یک طراح هستید، پس از آیکون های مناسب استفاده کرده - مانند نشانه های مثبت و منفی - تا بتوانید بدون توضیح مسیر دستورکار را شرح دهید. 
   
   10. زیاده روی نکنید
   تنها به این دلیل شما می توانید برای انجام کاری از دیجیتال استفاده کنید که شما هیچگاه نمی توانید آن را با چاپ انجام دهید در صورتی که لازم است. برای نمونه، صفحه های اسپلش متحرک برای وب سایت ها که بینندگان در اطراف آن معطل می کنند و معادل های دیجیتال در حال لود شدن با آگهی ها منتشر می شوند. در حالی که انتقال های صفحه هوشمند در چاپ یک تبلت ممکن است به نظر شما جالب بیاید، آن ها پروسه خواندن را برای کاربران قطع می کنند. اگر شک دارید آن را امتحان کنید. این چیزی است که ما می گوییم. 

منبع : persiangfx.com[...]

5 تکنیک باورنکردنی مفید و غیر مخرب در فتوشاپ 

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

5 تکنیک باورنکردنی مفید و غیر مخرب در فتوشاپ 
برای اینکه یک طراح عالی در فتوشاپ باشید Non-destructive workflows (گردش کارهای غیر مخرب) حیاتی هستند. اگرچه اغلب توسط مردم نادیده گرفته می شوند. من نیز شخصا دیر خود را به خطر انداخته و این تکنیک ها ی غیر مخرب را در فتوشاپ استفاده کردم. بعد از یادگرفتن این تکنیک ها گردش کاری من به طور چشمگیری افزایش پیدا کرد و قادر بودم تصاویرم را بعد از تمام کردن ترکیب ها خیلی آسان تر ویرایش کنم. 

1- لایه های تنظیماتی Adjustment 
اخیرا لایه های تنظیماتی Adjustment توجه زیادی را به خود جلب کرده اند و این دلیل خوبی دارد. اگر شما یک کاربر دائمی فتوشاپ باشید آنها برایتان خیلی باارزش نیستند.بلکه به شما اجازه می دهند به راحتی تنظیمات را بر روی تصاویر خود از طریق یک لایه کاملا قابل ویرایش اعمال کنید. این به این معنی ایست که تنطیمات شما کلا غیر مخرب و non-destructive هستند و می توانید در هر زمانی آنها را تغییر دهید یا حذف کنید. برای فعال کردن پنجره لایه تنظیماتی Adjustment به window>adjustments بروید.

این مسئله پنجره لایه تنظیماتی Adjustment تان را به سرعت می آورد که شبیه به تصویر زیر است. گزینه های تنظیماتی Adjustment بسیاری از جمله: levels, hue/saturation, brightness/contrast, gradient overlays, color overlays, exposure و غیره را می توانید ببینید. شما باید قادر باشید لوازم مورد نیاز را برای ویرایش کردن عکس خود با استفاده از لایه های تنظیماتی Adjustment به کار ببرید.

در مثال زیر یک لایه تنظیماتیgradient map adjustment به کار خواهم برد. یک rainbow default gradient استفاده می کنم و سپس opacity لایه تنظیماتی adjustment خود را تا 20% کاهش می دهم تا یک افکت لطیف بدهد. یک نکته خیلی خوب درباره لایه های تنظیماتی adjustment این است که شما می توانید نه تنها تنظیمات adjustment settings بلکه opacity و blend mode لایه را هم ویرایش کنید. حتی می توانید ماسک ها را برای mask off کردن نواحی از لایه های تنظیماتی adjustment خود با دادن تنظیمات area-specific adjustments برای تصاویرتان به کار ببرید.

2- Smart Filters ها 
لایه های تنظیماتی Adjustment خیلی عالی هستند اما اگر بخواهید فیلترها را به صورت غیر مخرب به کار ببرید چه؟ اینجا جایی است که smart filters وارد عمل می شوند. این فیلترها به شما اجازه می دهند smart filters های خودتان را درست مانند یک لایه blending option استفاده کنید تا اینکه بتوانید برگردید و در هر زمانی تنظیمات فیلتر خود را ویرایش کنید. برای به کار بردن smart filter لایه ایی را که می خواهید این فیلتر در آن استفاده شود را انتخاب کنیدو به filter>convert بروید.

یک تذکری دریافت خواهید کرد که باید لایه تان را در یک ‘smart object’ تبدیل کنید. Ok را کلیک کنید.

سپس یک فیلتر به عنوان فیلتر معمولی استفاده کنید. اگر به پالت لایه هایتان نگاه کنید خواهید دید که فیلتر زیر لایه هایتان شبیه به blending option ظاهر شده است. اگر می خواهید تنظیمات filter settings لایه تان را تغییر دهید به راحتی بر روی فیلتر در پالت لایه هایتان دوبار کلیک کنید.

3- Masks ماسک ها 
احتمالا ماسک ها جنبه ایی هستند که که اکثر شما با آنها آشنایید. که به شما اجازه می دهند که بخشهایی از تصویرتان را پنهان یا ‘mask’ کنید. قطعا فکر می کنید که بسیاری از ما عادت داریم که ابزارهای آسان تر از این را به کار ببریم که البته خیلی destructive و مخرب ترند. ماسک ها به شما آزادی بسیار زیادی می دهند تا تنظیماتی را که می خواهید به کار ببرید. و یقینا non-destructive (غیر مخرب) اند. برای این مقاله بر روی یک لایه ماسک استاندارد (standard layer mask) متمرکز می شوم. اما در بیرون تنوع بسیار زیادی از تکنیک های ماسک کردن وجود دارد. اگر به قسمت پایین پالت لایه ها نگاهی بیندازید یک آیکون کوچک برای ‘apply layer mask’ خواهید دید. روی این آیکون کلیک کنید. سپس می توانید یک ابزار براش رنگ مشکی را برای ماسک کردن نواحی از تصویر خود به کار ببرید. سعی کنید نتیجه را با براش هایی با opacity و hardness های مختلفی امتحان کنید. دقت کنید براش مشکی را باید در ناحیه ماسک اعمال نمایید.

وقتی بخشهایی از تصویرتان را با استفاده از ابزار براش لبه نرم و بزرگ با 100% opacity ، ماسک می کنید اتفاقی که می افتد این است که قسمت های ماسک شده در واقع پاک شده اند مانند اینکه با ابزار پاکن ان را پاک کرده باشید. اگر می خواهید بخش هایی از تصویرتان را بازسازی کنید می توانید به راحتی و با استفاده از یک براش با رنگ سفید (با انتخاب ناحیه ماسک در لایه تصویر) ناحیه های پاک شده را برگردانید و بخش های خاصی را از حالت ماسک خارج کرده و از حالت ماسک در آوردید.

4- Dodge/Burn (رایت و داج) 
این یک تکنیک بسیار عالی است که من اکثرا در برنامه های آموزشی مهارت های تصویری خود به کار می برم. من عادت داشتم تصاویرم را با استفاده از ابزار Doge/Burn بر روی لایه ها Dodge/Burn می کردم. اگرچه این کار کاملا destructive و مخرب است چون اگر بعدا از نتیجه کار راضی نبودید شما نمی توانید این عملیات را undo کرده و ّان را برگردانید. برای این که با باز کردن عکس تان عملیات dodge/burn به صورت non-destructively و غیر مخرب شروع شود، یک لایه جدید در بالا ایجاد کرده و نام آن را ‘dodge/burn’ می نامید. به edit>fill رفته و این لایه را با رنگ خاکستری 50% gray پر می کنید. مطابق تصاویر زیر:

حالا blend mode لایه فوق را به حالت ‘overlay’ تغییر دهید. این مسئله رنگ خاکستری لایه شما را پنهان می کند. اما به شما اجازه می دهد روی این لایه را رنگ بزنید. بر روی لایه فوق با استفاده از براش رنگ لبه نرم با رنگ های سفید یا سیاه با میزان Opacity:10% رنگ بزیند.

منبع : persiangfx.com

 [...]

5 ترکیب رنگ که طراحان وب باید به کار ببرند 

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

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

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

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

برخی از ابزارهای فوق العاده که مفید بودن آنها اثبات شده است عبارتند از color blender, color Jack, color combos, color mixers و .... فقط کافی است در مورد آنها در گوگل جستجو کنید، مطمئنا آنچه لازم دارید را پیدا خواهید کرد. به هر حال، ابزار مورد علاقه من Degraeve Color Palette Generator است، که به یک طراح وب کمک می کند زیادی می کند. شما فقط به URL تصویر خود نیاز دارید، که باید در برنامه خود وارد کرده و سپس به یک پالت رنگ هماهنگ با تصویر خود دست پیدا خواهید کرد. 

رنگ بندی و انواع آن 
1. رنگ بندی منوکرومیک یا تک رنگ

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

2. رنگ مجاور

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

3. رنگ بندی مکمل

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

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

4. رنگ بندی تترادیک

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

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

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

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

منبع : persiangfx.com

 [...]