آیکون چیست و آشنایی کامل با آیکون ها

[sepastian]

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



تفاوت بین تصاویر گرافیکی و آیکون ها چیست ؟
تصاویر رایانه ای از نوع Bitmap یا Vector هستند. آنها را می توان با فرمت های مختلفی ذخیره کرد ( BMP, PSD, GIF, JPEG, WMF ). هر کدام از این فرمت ها تنظمیات و ویژگی های متفاوتی نسبت به هم دارند و در کل تصاویر را می توانیم با سایز های مختلف و دلخواه و همین طور با وضوح نمایش های مختلف به کار گیریم.
آیکون ها تفاوت هایی نسبت به تصاویر استاندارد رایانه ای دارند. آیکون ها اکثرا با سایت ها کوچک و ثابت می باشند ۱۶*۱۶ , ۳۲*۳۲ , ۴۸*۴۸ و ... . یک آیکون متشکل شده است از چندی تصویر مجزا که هر کدام از آن تصویر های مجزا دارای سایز و رنگ جداگانه ای هستند.
یکی از مهمترین ویژگی آیکون ها توانایی به کار گیری transparent می باشد . این امکان مهم در قرار گرفتن آیکون ها روی دسکتاپ تاثیر به سزایی دارد و ما بعد از قرار گرفتن آیکون ها روی دسکتاپ می بینیم که آیکون مانع دیده شدن بک گراند اصلی ویندوز نمی شود به تصویر زیر توجه کنید :

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

از چه نوع فرمت های تصاویری باید بهره بگیریم برای آیکون ها ؟
برای اینکه آیکون های ما در تمام سیستم ها با تنظیمات نمایشی متفاوت صحیح و دقیق نمایش داده شوند باید فاکتور هایی را در نظر گرفت. بهترین سایز ها و پرکاربردترین آنها ۱۲۸*۱۲۸ , ۴۸*۴۸ , ۳۲*۳۲ و ۱۶*۱۶ می باشد و همین طور بهترین و مهمترین فرمت های رنگی نیز RGB/Xp و ۲۵۶ رنگ می باشد.
به لیست زیر خوب توجه کنید , سایز های مختلف آیکون ها و به موارد به کارگیری آنها برای ویندوز در آن درج شده است :

سایز آیکون ها در ویندوز

تسکبار , گوشه های بنجره ها و لیست جزییات = ۱۶*۱۶

در ویندوز ۲۰۰۰ و اکس پی , منو ها = ۲۴*۲۴

دسکتاپ و لیست ها = ۳۲*۳۲

در ویندوز اکس پی , در دسکتاپ , اکسپلورر و سیستم لیست ها = ۴۸*۴۸

مورد استفاده برای دسکتاپ های تقویت شده =۱۲۸*۱۲۸

ویندوز ویستا = ۲۵۶*۲۵۶

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

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

منوهای او اس ۸ و ۹ (به ندرت) =۱۲*۱۶

منو و لیست ها = ۱۶*۱۶

او اس اکس ۸ و ۹ دسکتاپ و تولبار ها = ۳۲*۳۲

دسکتاپ , پنجره ها = ۴۸*۴۸

مورد استفاده برای او اس اکس دسکتاپ و داک بار = ۱۲۸*۱۲۸

ویندوز ویستا = ۲۵۶*۲۵۶

تاکنون با سایز های آیکون ها در سیستم عامل های ویندوز و مکینتاش آشنا شدیم و فهمیدیم برای مثال آیکون ها باسایز ۳۲*۳۲ در دسکتاپ و لیست های ویندوز کاربرد دارند. به سراغ فراگیری رنگ ها می رویم :

رنگ ها در ویندوز و مکنتاش

Monochrome: برای نمایش روی مونو اسکرین ها
۱۶ colors: برای نمایش روی صفحات نمایش ۱۶ کالرز
۲۵۶ colors: برای نمایش روی صفحات ۱۶ بیت یا ترو کالر
RGB/XP Alpha: نمایش دهنده برای ۱۶ بیتی ها و ترو کالر ها ( مخصوص اکس پی و ویستا و مک او اس اکس)

نمایش اطلاعات بالا به صورت نمودار گرافیکی


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



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


اطلاعاتی در مورد آیکون هایی با فرمت RGB همراه کانال آلفا
این فرمت شامل ۱۶٫۸M رنگ می باشد. به تصویر زیر توجه کنید خواهید فهمید که کانال آلفا و فرمت های RGB چگونه در پدید آمدن یک آیکون عمل می کنند :

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

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