منبع : venngage.com
مترجم: سارا
آیکن ها و نماد ها مهم ترین عنصر در طراحی گرافیک هستند. طراحان برای ایجاد عمق و معنا وقتی که متن به تنهایی قاصر است، به سراغ آیکن ها می روند.
آنچه در این مطلب خواهید خواند:
طراحان از آیکن ها و نماد ها در این جهات استفاده می کنند:
احتمالا قبلا این آیکن ها را دیده اید.
چند تا از رایج ترین نماد ها:
بیایین عمیق تر بشویم: با این وجود که همه ی مان می دانیم قلب نشان عشق وکبوتر نشان صلح هست، اما اغلب در طراحی به مفاهیم کاربردی تر مثل "رشد کسب وکار"،"دستور جلسه" و "استوس آپدیت" نیاز داریم.
این راهنمای عمیق به شما کمک می کند نمادهای کاربردی(متناسب با انواع نیاز های گرافیک) را بشناسید و با معنای آنها آشنا بشید.
اول، بیاید راحب این صحبت کنیم که چرا نقش نماد ها در طراحی گرافیک مهم و حیاتی است.
بهتر است به جای حرف زدن نشان داد.
وقتی که در کنار متن و عکس از نماد ها استفاده می شود، پیام محتوا به یاد ماندنی تر و معنا دار تر می شود.در سراسر تاریخچه ی بازاریابی همواره از نماد ها استفاده شده است.
آنها قدرت برداشتن موانعی که کلام ایجاد می کند را دارند و کمک می کنند که مخاطبین تان سطح عمیق تری از لذت و هیجان را تجربه کنند.
نمادها را حتی می توان مانند کلمات در یک عبارت ترکیب کرد تا داستانی قدرتمند را بیان کنند، همانطور که در این طرح خلاقانه بروشور دیده می شود:
پیکان ها: نشان دادن جهات
ابر،باران، برف، خورشید: نشان دادن آب و هوا
باتری،دیسک، وای فای و بلوتوث: نشان دادن تکنولوژی
ویلچر، اطلاعات،دستشویی، سیگار کشیدن ممنوع: نشان دادن علامت های مختلف در مکان های عمومی
نماد های جهانی اینقدر همه جا استفاده شده اند که کمتر به آنها فکر می کنیم.ما بدون مکث و فکر متوجه آنها میشویم...نیازی به توضیح نیست!
نماد ها و آیکن ها در حوزه ی طراحی گرافیک به ما کمک می کنند تا صفحات متراکم متنی را تجزیه کنیم و فهم آنها را راحت تر کنیم.
اما آیکن ها و نماد ها فقط ابزار های ارتباطات نیستند. طراحان از آیکن های تصویری و تلطیف شده برای افزودن حس به چیز هایی مثل اینفو گرافی ها و نمایش احساسات شخصی استفاده می کنند.
مثلا، این پرزنتیشن آیکن محور که در زیر نشان داده شده، ایده ای خلاقانه برای پرزنتیشن می باشد:
چه در حال ساخت اینفوگرافی، پرزنتیشن ،لوگو، یا وبسایت باشید، استفاده درست از نماد ها سطح کار شما را بالا می برد.
اشکال هندسی پایه ترین نماد های حاوی معنا هستند.
با اینکه به طور معمول طراحان با ترکیب اشکال هندسی سعی می کنند نماد هایی پیچیده تر و پرمفهوم تر بسازند، هر یک اشکال هندسی معنای خاص خود را دارند
درک معنی اشکال ساده برای طراحی لوگو و سایر مدل های طراحی گرافیک لازم است.
اینجا ده تا از کاربردی ترین اشکال و خطوط به همراه معانی آنها آورده شده است:
دایره: تمامیت، چرخه، تداوم و بازیگوشی
مربع:پایداری،ثبات،سنت،امنیت،سر راستی
مثلث:دگرگونی،جابه جایی، تعادل
خطوط متقاطع:ارتباط، اتصال
مارپیچ:رشد،تکامل،دگرگونی
ستاره پنج پر:برتری
پیکان:نیرو،جهت،حرکت
خطوط منحنی:سیالیت،جابه جایی،ارتباط
خطوط مورب:تنش،هیجان
زیگ زاگ:مسیر،سردرگمی
خطوط و اشکالی منحنی، حس جابه جایی،سیالیت،تداوم و عدم رسمیت را القا می کنند.
بالعکس، اشکال دارای گوشه و خطوط مستقیم نشان دهنده ی پایداری و ثبات هستند.
طراحان گرافیک از خطوط و اشکال در این جهات استفاده می کنند:
مانند این قالب اینفوگرافی، استفاده از اشکال هندسی متقارن،راه مناسبی برای ایجاد نظم و ساختار در طراحی می باشد.
شکل های ساختار بندی شده در بکگراند(مثل دایره ها در این مثال) می توانند به کار پیچیدگی اضافه کنند.شکل های بکگراند همچنین می توانند مفهومی راجب به ارتباط محتوای گروه های ایجاد شده توسط اشکال القا کنند یا تمایز بین موضوعات مختلف را نشان دهند.
در این اینفو گرافی، حاشیه های لایه بندی شده باعث می شوند آیکن ها مرکز اصلی توجه باشند.انگار که از صفحه جدا شده اند و توجه شما را جلب می کنند:
اشکال به کار گرفته شده بر روی حس کلی طرح اثر می گذارند. با مقایسه ی این دو نقشه ی ذهن می فهیم که دایره و خطوط منحنی باعث ایجاد حس شادابی و خلاقیت می شوند در حالی که یکنواختی مستطیل و مربع باعث می شود طرح سنتی و حرفه ای تر به نظر برسد.
خطوط و اشکال هندسی کاربردی ضروری در طراحی لوگو دارند.چرا که اغلب، شکل های ساده و پایه هستند که ماهیت لوگو را ایجاد می کنند.مثلا، این لوگودر حین سادگی تاثیر گذار است و حول یک مثل مثلث می چرخد:
اگر با دقت به اطراف خود نگاه کنید این چنین لوگوهایی که بر پایه ی اشکال هندسی ساده هستند، زیاد خواهید دید.برای مثال لوگوی گوگل درایو، میتسوبیشی و آدیداس
اشکال هندسی ابتدایی ترین چیز هایی هستند که وقتی صحبت از نماد ها می شود به ذهن خطور پیدا میکنند.حجم انبوهی از نمادها با معانی پذیرفته شده وجود دارد.از سگ که نشان وفاداری است تا دست مشت شده که نشانگر اکتیویسم یا کنش گری می باشد.
اما حین طراحی اینفوگرافی،پرزنتیشن یا گزارش شما به چیزی ورای این مفاهیم پیش پا افتاده نیاز دارید.
در ادامه شما با نماد هایی که برای طراحی اسناد محل کارتان کاربردی هستند آشنا خواهید شد.
نمادهای برای نشان دادن رابطه و همکاری
حباب گفت و گو یا نماد ایمیل از گذشته نشانگر ارتباط بوده اند،اما اینجا فضای بیشتری برای خلاقیت وجود دارد.
یکی روش این هست که از نمادی استفاده کنید که مدل مشخصی از ارتباط را که در حال استفاده از آن هستید نشان دهد.مانند این برنامه ی مدیریت پروژه:
یا همانطور که در نمونه های نماد ارتباطی زیر مشاهده می شود، می توانید با تمرکز بر جنبه انسانی ارتباط و نشان دادن ارتباطات بین همکاران، تنوع زیادی به ترکیب اضافه کنید.
معمولا باید رشد کسب و کار را در پروپزال رشد کسب و کار،برنامه بازاریابی یا ارائه ی اسلایدی استارتاپ خود نشان دهید.
نماد های رایج برای نشان دادن رشد کسب کار:
برای مثال قالب اسلاید پایین از چهار نماد مختلف برای نشان دادن وجوه مختلفی از رشد کسب و کار ـ درآمد،مشتری و کارکنان ـ استفاده کرده است.
اگر روی افزایش درآمدهای مکرر متمرکز هستید، می توانید رشد تجارت تان را با نماد سکه نشان دهید.اگر سایر معیار ها را بهبود می بخشید،می توانید از نماد هایی استفاده کنید که داده های رو به بالا را نشان می دهند.
یا می توانید از فرآیند های نمادین برای نشان دادن رشد استفاده کنید.مانند این نماد ها:
نماد هایی برای نشان دادن هنر،طراحی و خلاقیت:
وقتی که صحبت از طراحی است، منحصر به فرد کردن اثر می تواند کمی سخت باشد. وقتی که بحث سر نماد گرایی است، می توانید خارج از چهاچوب عمل کنید.
این هم مثال هایی بامزه از طراحی آیکن برای طراحی:
نماد هایی برای نشان دادن امنیت و ایمنی
یک راه برای منحصر به فرد کردن نماد ، این است که پیامی که می خواهید در یک زمینه منتقل کنید را انتخاب کرده و آن را در زمینه ی دیگری انتقال دهید.
به عنوان مثال، می توانید از نمادهای ایمنیِ ساخت و ساز (مانند موارد زیر) در زمینه امنیت فناوری یا امنیت خانه استفاده کنید:
یا می توانید به نماد های سنتی مانند قفل و سپر پایبند باشید،مانند مثال پایین:
نماد هایی برای نشان دادن هشدار و توجه
نماد کلاسیک برای توجه، مثلث یا الماسی است که داخلش علامت تعجب وجود دارد.
نماد بلندگو، نشانگر هشدار، نوتیفیکیشن ها ،یا حتی یک دایره ی ساده با علامت تعجب سایر نماد های هشدار و جذب کننده هستند.
هرچیزی که پیامی حاوی "به من توجه کن" داشته باشد برای این گزینه مناسب است.
نماد هایی برای نشان دادن تغییر و جریان:
می توانید به استاندارد ها بسنده کنید اما گزینه های خیلی بیشتری وجود دارند.
این فقط چند تا از گزینه های موجود برای تغییر و جریان هست:
از آیکن ها برای قدرت بخشیدن به قسمت های اصلی استفاده کنید:
یک راه قدرتمند جهت استفاده از آیکن ها به کار گرفتم آنها در کارهای خلاقانه برای نشان دادن تاکید روی نقاط اصلی است.
با استفاده از این روش نماد ها و آیکن ها به سرنخ هایی تبدیل می شوند که چشم مخاطبین تان را به سمت قسمت های مهم و اساسی می برند.به همین دلیل است که اغلب اوقات شما کنار گزینه های فهرست ها یا اینفو گرافی ها آیکن ها را می بیندید.مانند این مثال:
از آیکن های تصویر سازی شده الهام بگیرید:
یکی از کار هایی که می توانید برای روح دادن به اینفوگرافی ها(یا هر طراحی دیگری) انجام دهید،استفاده از آیکن های پیچیده تر و تصویر سازی شده به عنوان نقطه ی اصلی طرح است.
طراحی را با شروع کردن سبکی از آیکن که دوست دارید شروع کنید.بعد به راحتی رنگ های به کار گرفته شده در آن آیکن ها را به کار خودتان اضافه کنید.این یک روش بی نقص برای ایجاد طرحی،منحصر به فرد،چشم گیر و در عین حال منسجم است.مانند اینفوگرافی پایین:
از سبک آیکن تابث استفاده کنید:
خیلی مهم هست که آیکن هایی که در کل کار یا صفحات یک سند استفاده می کنید با یکدیگر منطبق باشند.
ترکیب کردن آیکن های بی ربط،حتی اگر هر کدام به تنهایی زیبا باشند یک اشتباه خیلی فاحش در طراحی است که باعث میشود مخاطبینات را از دست بدهید.
در اینجا نمونه ای از یک اینفوگرافیک فرآیند با مجموعه آیکون های منسجم وجود دارد که جلوه ای تمیز و صیقلی به شما می دهد.
ایجاد اسناد رسمی مانند گزارش ها و برنامه های پروژه به راه حلی متفاوت که خلاقانه باشد مانند_ اینفوگرافی ها_ نیاز دارد.
برای ایجاد جلوه ای حرفه ای از آیکن های مینیمال و تک رنگ استفاده کنید.
از نماد ها و آیکن ها برای قسمت بندی متن های طولانی استفاده کنید.
آیکن ها و نماد ها برای بهبود خوانایی اسناد طولانی بسیار کاربردی هستند. با استفاده از تصاویر مرتبط به صورت پراکنده در متون بلند به چشم مخاطبینتان فضایی برای استراحت می دهید.
چگونه از آیکن ها و نماد ها در طراحی وب استفاده کنیم؟
نماد ها و آیکن ها برای بسیاری از رابط های گرافیکی وب سایت ها ضروری هستند.اگر به درستی از آنها استفاده کنید می توانید کاربران را در تمامی سایت هدایت کنید و همچنین رابط های گرافیکی را جذاب تر کنید.
اگر می خواهید نماد ها در وبسایت ها کاربردی و مفید واقع شوند، باید این سه نکته در آنها وجود داشته باشد:
کاربران باید بدون فکر کردن ،معنی آیکن ها را بفهمند. اگر اینطور نباشد آیکن ها می توانند باعث ایجاد مشکلات اساسی در استفاده از سایت شوند.
بهترین کار این هست که در صفحات وب از آیکن های خطی که درکشان بسیار راحت است استفاده کنید.به این ترتیب آنها باعث ایجاد حواس پرتی از محتوای اصلی نمی شوند . همچنین می توانید رنگ برند خود را به آنها اضافه کنید.
کتابخانه آیکن Venngage مرجعی کامل برای هر مدل آیکنی که می خواهید هست.از شکل های ساده گرفته تا تصاویر با سبک های خاص.
در این کتابخانه شما می توانید به تعداد بی نهایت آیکن، در چهار سبک مختلف دسترسی پیدا کنید.
1- آیکن های خطی
2- آیکن های رنگی
3- آیکن های فلت(دو بعدی)
4- آیکن های تصویر سازی شده
برای اطلاعات بیشتر را جب به شچگونگی استفاده از این کتابخانه به این راهنما مراجعه کنید.
پیشنهاد: