معانی رنگ‌ها - قسمت اول
آموزشتلگرامتوئیتر

معانی رنگ‌ها - قسمت اول

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

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

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

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

تعدادی از مطالعاتی که در مورد رابطه میان رنگ و برندینگ انجام شده، نشان می‌دهد که تا 90% از قضاوت‌های عجولانه‌ای که در مورد یک محصول صورت می‌گیرد، می‌تواند تنها به خاطر رنگ آن باشد و رنگ می‌تواند در زیر سوال بردن هویت یک برند توسط مصرف‌کننده تاثیر داشته باشد و اینکه رابطه بین برندها و رنگ، به درک تناسب رنگ مناسب برای یک برند خاص وابسته است. این‌که یک طراح هستید یا صاحب یک بیزینس، تفاوتی ندارد؛ به هر حال دانستن مفهوم و نماد رنگ‌ها مفید خواهد بود تا بتوانید تصمیمات آگاهانه بگیرید. در تحقیقی که در نمایشگاه بین المللی رنگ سئول سال ۲۰۰۴ انجام شد، ۹۲.۶٪‌ افراد این باور را داشتند که اجزای بصری محصول بیشترین تاثیر را برای خرید آن روی مشتری‌ها دارد و فقط ۵.۶٪‌ از افراد کیفیت محصول برای‌شان در اولویت بود و از آن ۹۲.۶٪‌ افراد، ۸۴.۷ ٪‌ آنها رنگ را فاکتور اصلی در جذب مشتری می‌دانستند.

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

اما چطور برای انتخاب رنگ مناسب برند خود اقدام می‌کنید؟ در این مقاله و مقالات آتی، استفاده از رنگ را در برندینگ بررسی خواهیم کرد و راهنمای 11 رنگ را ارائه می‌دهیم تا برای انتخاب رنگ مناسب برند خود از آن کمک بگیرید.

رنگ قرمز: خطر، اشتیاق، هیجان و انرژی

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

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

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

روانشناسی رنگ‌ها

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

روانشناسی رنگ‌ها

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

روانشناسی رنگ‌ها

رنگ نارنجی: تازه، جوان، خلاق و ماجراجو

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

موارد استفاده: به دلیل این‌که نارنجی با تفریح، طراوت و چالاکی در ارتباط است، برای برندهای جوان و پرانرژی مناسب است و برندهای لوکس، سنتی و جدی بهتر است از این رنگ دوری کنند.

سازمان Feeding the self سازمانی است که به جوانان آفریقایی آموزش می‌دهد تا با باغچه‌های سبزیجات و گیاهان دارویی، از نظر غذایی به خود متکی باشند. در این‌جا، نارنجی به همان اندازه که مفهوم جوانی را منتقل می‌کند، دارای حس تازگی و سلامتی همراه با باغچه‌ها هم هست.

روانشناسی رنگ‌ها

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

روانشناسی رنگ‌ها

برند فول اورنج به کنایه از اسم خود، برای آژانس Ampersand هویت بصری کاملا نارنجی ساخته است (همراه با مقداری آبی و قهوه ای). نارنجی خلاقیت و انرژی آژانس را بیان می‌‎کند.

روانشناسی رنگ‌ها

ادامه دارد...

منابع:

www.canva.com

www.wikipedia.com

www.colorcom.com

www.colorpsychology.org

سینا کشاورز
نویسنده:سینا کشاورزطراح و گرافیست ایموگراف

نظرات کاربران

نام:
ایمیل:
متن نظر:
  • ساخت لوگوی هندسی در Illustrator
    آموزشساخت لوگوی هندسی در Illustrator

    در این آموزش کوتاه درباره‌‌ی درست کردن یک لوگوی هندسی (Geometric) با استفاده از ابزار‌های ساده و میانبر‌ها توضیح داده میشود.

    یک لوزی درست کنید

     یک لوزی درست کنید

    ابزار مستطیل را از پنل ابزار انتخاب کنید و با نگه داشتن کلید Shift یک مربع بکشید. حال مربع را انتخاب کنید، با استفاده از ابزار چرخش (یا فشار دادن کلید R) و نگه داشتن Shift آن را 45 درجه بچرخانید.

    شکل را کپی کنید

     شکل را کپی کنید

    لوزی درست شده را انتخاب کنید و با نگه داشتن Alt/Opt و کشیدن شکل، از آن یک کپی ایجاد نمایید. (برای اینکه شکل ایجاد شده در راستای شکل اول قرار بگیرد هنگام انجام کار Shift را نگه دارید.) و برای ایجاد یک کپی دیگر با همان فاصله Ctrl/Cmd + D را فشار دهید.

    یک طرح بسازید

     یک طرح بسازید

    شکل اول را انتخاب کنید و با نگه داشتن Alt/Opt شکل جدید را به صورت مورب و در میان شکل اول و دوم قرار دهید. برای راحت تر انجام دادن این کار راهنمای هوشمند را فعال کنید (Ctrl/Cmd + U یا View> Guides> Smart guides) تا به شما کمک کند، فاصله‌ها را درست انتخاب کنید.

    یک صفحه جدید بسازید

     یک صفحه جدید بسازید

    با کلیک کردن روی پنل Artboard (که از مسیر Window>Artboard میتوان به آن دسترسی داشت) یک صفحه جدید درست کنید، طرح را انتخاب کنید و با فشار دادن Ctrl/Cmd + G یک گروه درست کنید.

    رنگ‌ها را عوض کنید

     رنگ‌ها را عوض کنید

    با نگه داشتن Alt/Opt از آن یک کپی در صفحه جدید ایجاد کنید، یک کپی دیگر درست کنید و شکل جدید را کمی به راست حرکت دهید. از پنل Swatches رنگ سفید را برای شکل جدید انتخاب کنید. در آنجا شکل اصلی لوزی تغییر می‌کند و یک شکل هندسی جدید به وجود می‌آید.

    شکل را با ابزار Pathfinder برش دهید.

     شکل را با ابزار Pathfinder برش دهید

    دو روش برای برش اشکال از تصویر اصلی وجود دارد. اولین ابزار Pathfinder است. ابزار pathfinder را باز کنید(Window> Pathfinder) گروه خود را از اشکال سفید انتخاب کنید و با فشار دادن Ctrl/Cmd + 8 یک Path ترکیبی درست نمایید. همین کار را برای گروه اشکال سیاه تکرار کنید. هر دو گروه را انتخاب کرده و به پنل Pathfinder بروید و Minus front را انتخاب کنید.

    یا از ابزار شکل‌ساز (Shape Builder) استفاده کنید:

     از ابزار شکل‌ساز (Shape Builder) استفاده کنید

    هر دو گروه را انتخاب کرده، ابزار Shape Builder را از منوی ابزار انتخاب نمایید ( یا Shift + M را فشار دهید). این ابزار به شما امکان ترکیب تصاویر یا بریدن آنها میدهد.

    یکی از شکل‌ها را بچرخانید

     یکی از شکل‌ها را بچرخانید

    ابتدا گروه طرح را انتخاب کنید، کلیک راست کنید و Release Compound Path را انتخاب نمایید، حالا می‌توانید هر یک از شکل‌ها را جداگانه تغییر داده و به عنوان مثال با انتخاب شکل وسط، آن را 90 درجه بچرخانید.

    یک Gradient اضافه کنید

     یک Gradient اضافه کنید

    پس از انتخاب طرح، کلید G را فشار دهید یا به Window> Gradient بروید. دو رنگ از پالت Swatch انتخاب کنید و آن‌ها را به پنل Gradient بکشید. برای اینکه رنگ روی تمام طرح باشد، کلید g را فشار دهید و از یک طرف طرح، به طرف دیگر بکشید. حالا شما یک لوگوی هندسی ساخته‌اید.

    منبع:


    www.creativebloq.com

    5 آبانتلگرامتوئیتر
  • تفاوت RGB و CMYK
    آموزشتفاوت RGB و CMYK

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

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

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

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

    CMYK

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

    این حالت که CMYK نام دارد، شامل رنگ‌هایC=cyan آبی ،M=magenta قرمز ، Y=yellow زرد و K=black سیاه است.

    شاید جالب باشد بدانید که Black یا همان رنگ سیاه در اینجا از ترکیب c,m,y به دست می‌آید و به این دلیل با K نشان داده می‌شود که با B=blue در RGB اشتباه گرفته نشود.
     تفاوت RGB و CMYK

    RGB

    RGB که مخففR=Red قرمز، G=Green سبزو B=Blue آبی است و برای سنجش و نمایش تصاویر در سیستم‌های الکترونیکی مانند تلویزیون و کامپیوتر و دوربین‌های عکاسی استفاده می‌شود.
     تفاوت RGB و CMYK

    از آنجا که CMYK دارای محدوده رنگی بیشتری نسبت به RGB است، شما می‌توانید در هنگام تبدیل RGB به CMYK به وضوح از دست دادن رنگ‌ها را مشاهده کنید.

    البته قرمز، سبز و آبی موجود در RGB نیز می‌توانند در ابعاد مختلف ترکیب شوند تا هر رنگی را در میلیون‌ها طیف به دست آورند. شدت سطوح R، G و B می‌توانند از 0تا 100 درصد تغییر کنند.

    به این تصاویر که هر چه بیشتر تفاوتCMYK و RGB را نشان می‌دهند با دقت نگاه کنید.
     تفاوت RGB و CMYK

    در واقع تفاوت اصلی این دو حالت رنگ این است که CMYKدر دنیای واقعی و با استفاده از رنگ‌های شیمیایی به دست می‌آید در حالی که RGB در فضای دیجیتالی مانیتورها و انواع LCD,LED و به وسیله پیکسل‌های رنگی به وجود می‌آید. با این توضیح کاملا واضح است که نمی‌توان از CMYK که یک برنامه 32بیتی است، برای طراحی وب استفاده کرد و در مقابل منطقی نیست که ازRGB نیز برای چاپ استفاده شود، زیرا طرح چاپ شده با نسخه دیجیتالی‌اش اختلاف زیادی خواهد داشت.
     تفاوت RGB و CMYK

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

    منبع:


    http://www.creativebloq.com

    http://www.fastprint.co.uk

    24 دیتلگرامتوئیتر
  • چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت سوم
    آموزشچگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت سوم

    در دو قسمت قبلی «پروژه‌ی درست کردن یک منظره‌ی کوهستانی در ایلوستریتور» درباره‌ی چگونگی کار با ابزارها برای درست کردن دریاچه و فضای سبز پشت آن توضیح دادیم. حالا نوبت درست کردن ادامه‌ی فضای سبز، جنگل و تپه‌های پشت آن است.

    برای درست کردن جنگل، ابتدا یک مستطیل در ابعاد 1030x40 px به رنگ #d0f341 برای قسمت زمین درست کنید، گوشه‌های آن را گرد کنید و آن را در پشت سنگ‌ها و بوته‌ها قرار دهید(Object> Arrange> Send to back).

    آموزش ایلوستریتور

    برای درست کردن جنگل به دو مدل درخت نیاز داریم: درختان مثلثی شکل و درختان گرد.
    برای درست کردن درختان مثلثی، ابتدا یک مستطیل به ابعاد 140 x 235 px به رنگ #dof341 درست کنید. با استفاده از ابزار Add Anchor Point در وسط خط بالایی مستطیل یک Anchor point اضافه کنید، حالا Anchor point های دو ضلع بالایی مستطیل را پاک کنید تا یک مثلث درست کنید.
    یک خط عمودی در وسط مثلث بکشید. مثلث و خط را انتخاب کنید و با استفاده از ابزار Divide از پنل Pathfinder مثلث را به دو قسمت تبدیل کنید. آن را از حالت گروه خارج کنید(Ctrl-Shift-G) و رنگ قسمت چپ مثلث را به #a2c430 تغییر دهید. حالا یک مثلث کوچک به رنگ #a2c430 درست کنید و چند کپی از آن را در قسمت راست مثلث بزرگ‌تر قرار دهید.

    آموزش ایلوستریتور

    برای درست کردن درخت‌های گرد ابتدا یک دایره به ابعاد 165 x 165 و رنگ #d0f341 درست کنید، مثل قسمت قبلی یک خط عمودی در وسط آن بکشید و با استفاده از Divide از پنل Pathfinder آن را به دو قسمت تبدیل کنید. رنگ قسمت چپ دایره را به #a2c430 تغییر دهید.
    حالا تعدادی مستطیل کوچک به رنگ #a2c430 که گوشه‌های آن گرد شده‌اند در قسمت راست دایره قرار دهید و برای درست کردن تنه‌ی درخت، یک مستطیل به رنگ #7a7462 بکشید و در پشت درخت قرار دهید.
    حالا هر دو مدل درخت را انتخاب کنید و در یک گروه قرار دهید، سپس با استفاده از دستور Object> Arrange> Send to back آن‌ها را در لایه‌ی پشتی قرار دهید.

    آموزش ایلوستریتور

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

    آموزش ایلوستریتور

    درست کردن تپه‌ها

    به غیر از لایه‌ی Hills همه‌ی لایه‌ها را قفل کنید.
    با کمک از ابزار Pen (P) یک شکل موجی درست کنید و رنگ آن را به #8ead28 تغییر دهید. شکل را انتخاب کنید و با استفاده از ابزار Reflect (O) و انتخاب کردن Anchor point پایینی قسمت راست شکل از آن یک کپی در جهت افقی بگیرید. حالا هر دو شکل را انتخاب کنید و با استفاده از ابزار Unite از پنل Pathfinder آن‌ها را ادغام کنید و شکلی مانند تپه درست کنید.

    آموزش ایلوستریتور

    تپه‌ را در پشت تصویر اصلی و راست‌ترین قسمت قرار دهید، یک کپی کوچک‌تر از آن درست کنید و رنگ آن را به #79981f تغییر دهید، آن را در چپ‌ترین قسمت تصویر قرار دهید و لایه‌ی آن را زیر لایه‌ی تپه‌ی اول قرار دهید. توجه داشته باشید که قسمت‌های پایینی تپه‌ها باید کاملا در پشت جنگل و فضای سبز پنهان شوند.

    آموزش ایلوستریتور

    برای اضافه کردن جزئیات بیشتر، تپه‌ی سمت چپ را انتخاب کنید و با کلیک راست کردن روی آن، گزینه‌ی Isolate Selected Group را انتخاب کنید تا فقط همان لایه برای تغییرات انتخاب شود. (فایل ایزوله شده پررنگ‌تر از دیگر لایه‌ها می‌شود. حالا ابزار Pen (P) را اتنخاب کنید و یک خط عمودی به حالت زیگزاگ بکشید. قسمت Fill را برای این خط None قرار دهید و برای قسمت Stroke که خط‌های کناری شکل می‌شود عدد 9 px را انتخاب کنید و رنگ آن را به #66801b تغییر دهید. اگر گوشه‌های تیز ایجاد شدند آن‌ها را گرد کنید.
    شکل را انتخاب کنید و به قسمت Object> Expand بروید. در پنجره‌ی باز شده تیک گزینه‌ی Stroke را فعال و گزینه‌ی Fill را غیرفعال کنید و دکمه‌ی OK را بزنید. حالا خط شما به حالت یک شکل با Anchor Point های مختلف تغییر کرد.
    برای پاک کردن قسمت‌هایی از جاده که از تپه بیرون زدن‌اند،کافی است تپه و جاده را انتخاب کنید و با استفاده از Shape Builder (Shift-M) و نگه داشتن کلید Alt و کلیک کردن بر روی قسمت‌هایی که می‌خواهید حذف شوند، آن‌ها را پاک کنید.
    با دو بارکلیک کردن در خارج از شکل ایزوله شده، آن را از حالت ایزوله خارج کنید.

    آموزش ایلوستریتور

    حالا لایه‌ای که درختان در آن قرار دارند را از حالت قفل خارج کنید، یک درخت مثلثی و یک درخت گرد را انتخاب کنید با فشار دادن Ctrl-C از آن کپی بگیرید. لایه را قفل کنید. لایه‌ی تپه‌ها را انتخاب کنید و با فشار دادن Ctrl-V آن‌ها را وارد لایه‌ی تپه‌ها کنید.
    به تعداد دلخواه از آنها کپی بگیرید و اندازه آن‌ها را تغییر دهید. حالا درختان را در جاهای مختلف تپه قرار دهید.

    آموزش ایلوستریتور

    برای نشان دادن چند تپه‌ی دیگر که عقب‌تر از تپه‌های اولیه قرار دارند، از تپه‌هایی که قبلا ساختیم کپی می‌گیریم و رنگ آن‌ها را به #515c1d تغییر داده و آن‌ها را در پشت تپه‌های اولیه قرار می‌دهیم.(شما می‌توانید اندازه‌ی آن‌ها را نیز تغییر دهید.)
    اگر کار‌های بالا را درست انجام داده باشید باید شکلی نزدیک به شکل زیر درست کرده باشید:

    آموزش ایلوستریتور

    ادامه دارد

    چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت اول

    چگونه یک منظره‌ی کوهستانی در Illustrator درست کنیم!-قسمت دوم

    منبع:

    https://design.tutsplus.com

    20 اسفندتلگرامتوئیتر