Sara Akrami
Sara Akrami
خواندن ۱۰ دقیقه·۲ سال پیش

رایج ترین آیکن ها و نماد ها+ چگونگی استفاده از آنها در طراحی

منبع : venngage.com
مترجم: سارا

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

آنچه در این مطلب خواهید خواند:

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


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

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

احتمالا قبلا این آیکن ها را دیده اید.


چند تا از رایج ترین نماد ها:

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


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

این راهنمای عمیق به شما کمک می کند نمادهای کاربردی(متناسب با انواع نیاز های گرافیک) را بشناسید و با معنای آنها آشنا بشید.


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

چرا در طراحی ها از نماد ها استفاده می شود؟

بهتر است به جای حرف زدن نشان داد.

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

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

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


نماد های رایج در طراحی گرافیک(و دنیای واقعی):

پیکان ها: نشان دادن جهات

ابر،باران، برف، خورشید: نشان دادن آب و هوا

باتری،دیسک، وای فای و بلوتوث: نشان دادن تکنولوژی

ویلچر، اطلاعات،دستشویی، سیگار کشیدن ممنوع: نشان دادن علامت های مختلف در مکان های عمومی


نماد های جهانی اینقدر همه جا استفاده شده اند که کمتر به آنها فکر می کنیم.ما بدون مکث و فکر متوجه آنها میشویم...نیازی به توضیح نیست!


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

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

مثلا، این پرزنتیشن آیکن محور که در زیر نشان داده شده، ایده ای خلاقانه برای پرزنتیشن می باشد:


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

نماد ها جهای و معانی آنها: اشکال و خطوط

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

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

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

اینجا ده تا از کاربردی ترین اشکال و خطوط به همراه معانی آنها آورده شده است:

دایره: تمامیت، چرخه، تداوم و بازیگوشی

مربع:پایداری،ثبات،سنت،امنیت،سر راستی

مثلث:دگرگونی،جابه جایی، تعادل

خطوط متقاطع:ارتباط، اتصال

مارپیچ:رشد،تکامل،دگرگونی

ستاره پنج پر:برتری

پیکان:نیرو،جهت،حرکت

خطوط منحنی:سیالیت،جابه جایی،ارتباط

خطوط مورب:تنش،هیجان

زیگ زاگ:مسیر،سردرگمی

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

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

چگونه از خطوط و اشکال در طراحی استفاده کنیم؟

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

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

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


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

در این اینفو گرافی، حاشیه های لایه بندی شده باعث می شوند آیکن ها مرکز اصلی توجه باشند.انگار که از صفحه جدا شده اند و توجه شما را جلب می کنند:


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


https://vrgl.ir/RRJ3f


خطوط و اشکال هندسی کاربردی ضروری در طراحی لوگو دارند.چرا که اغلب، شکل های ساده و پایه هستند که ماهیت لوگو را ایجاد می کنند.مثلا، این لوگودر حین سادگی تاثیر گذار است و حول یک مثل مثلث می چرخد:


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



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

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

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

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

نمادهای برای نشان دادن رابطه و همکاری

  • نماد حباب گفتار(Speech bubble ):نشانگر گفت و گو و ارتباط
  • نماد انسان ها: نشانگر کارگروهی و همکاری
  • نماد نامه یا ایمیل:نشانگر پیام رسانی و ارتباط
  • نماد پرزنتیشن:نشانگر توافق و تفاهم
  • نماد دست تکان دادن:نشانگر توافق و همکاری


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

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

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



نماد هایی برای نشان دادن رشد کسب و کار

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


نماد های رایج برای نشان دادن رشد کسب کار:

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


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

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

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


نماد هایی برای نشان دادن هنر،طراحی و خلاقیت:

  • نماد مداد: نشانگر تقاشی،طراحی و ایده پردازی
  • نماد شکل: نشانگر خلاقیت،طراحی گرافیک و انتزاع
  • نماد مرورگر:نشانگر طراحی رابط
  • نماد پالت رنگ: نشانگر طراحی،هنر و طراحی داخلی
  • نماد لامپ روشن یا مغز:نشانگر طوفان فکری،خلاقیت و ایده

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


این هم مثال هایی بامزه از طراحی آیکن برای طراحی:


نماد هایی برای نشان دادن امنیت و ایمنی

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

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

به عنوان مثال، می توانید از نمادهای ایمنیِ ساخت و ساز (مانند موارد زیر) در زمینه امنیت فناوری یا امنیت خانه استفاده کنید:


یا می توانید به نماد های سنتی مانند قفل و سپر پایبند باشید،مانند مثال پایین:



نماد هایی برای نشان دادن هشدار و توجه

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

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

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

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

نماد هایی برای نشان دادن تغییر و جریان:

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

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

این فقط چند تا از گزینه های موجود برای تغییر و جریان هست:


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

از آیکن ها برای قدرت بخشیدن به قسمت های اصلی استفاده کنید:

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

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

از آیکن های تصویر سازی شده الهام بگیرید:

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

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

از سبک آیکن تابث استفاده کنید:

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

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


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

چگونه از نماد ها و آیکن ها در اسناد حرفه ای استفاده کنیم.

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

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


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

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


چگونه از آیکن ها و نماد ها در طراحی وب استفاده کنیم؟
نماد ها و آیکن ها برای بسیاری از رابط های گرافیکی وب سایت ها ضروری هستند.اگر به درستی از آنها استفاده کنید می توانید کاربران را در تمامی سایت هدایت کنید و همچنین رابط های گرافیکی را جذاب تر کنید.

اگر می خواهید نماد ها در وبسایت ها کاربردی و مفید واقع شوند، باید این سه نکته در آنها وجود داشته باشد:

  • به آسانی قابل فهم باشند
  • مبهم نباشند و در جهان شناخته شده باشند
  • ساده و فشرده باشند


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

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

https://vrgl.ir/i4Wja


از کجا آیکن،نماد یا تصویر برای طراحی های خود پیدا کنیم؟

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

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

1- آیکن های خطی

2- آیکن های رنگی

3- آیکن های فلت(دو بعدی)

4- آیکن های تصویر سازی شده

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



پیشنهاد:

https://vrgl.ir/ZwvEO


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