آیکون

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

تفاوت بین تصاویر گرافیکی و آیکون ها چیست ؟

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

ساختار آیکون ها چگونه است ؟

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

از چه نوع فرمت های تصویری باید بهره بگیریم برای آیکون ها ؟

برای اینکه آیکون های ما در تمام سیستم ها با تنظیمات نمایشی متفاوت صحیح و دقیق نمایش داده شوند باید فاکتورهایی را در نظر گرفت. بهترین سایزها و پرکاربردترین آنها 128*128 , 48*48 , 32*32  و 16*16 می باشد و همین طور بهترین و مهمترین فرمت های رنگی نیز RGB/Xp و 256 رنگ می باشد.
به لیست زیر خوب توجه کنید , سایز های مختلف آیکون ها و موارد به کارگیری آنها برای ویندوز در آن درج شده است :

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

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

در ویندوز 2000 و اکس پی, منو ها = 24*24

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

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

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

ویندوز ویستا = 256*256

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

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

منوهای او اس 8 و 9 (به ندرت) =12*16

منو و لیست ها = 16*16

او اس اکس 8 و 9 دسکتاپ و تولبارها = 32*32

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

مورد استفاده برای او اس اکس دسکتاپ و داک بار = 128*128

ویندوز ویستا = 256*256

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

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

Monochrome: برای نمایش روی مونو اسکرین ها

16 colors: برای نمایش روی صفحات نمایش 16 کالرز

256 colors: برای نمایش روی صفحات 16 بیت یا ترو کالر

RGB/XP Alpha: نمایش دهنده برای 16 بیتی ها و ترو کالر ها (مخصوص اکس پی و ویستا و مک او اس اکس)

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

آشنایی با جدیدترین متد ساخت آیکون

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

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

اطلاعاتی در مورد آیکون هایی با فرمت RGB  همراه  کانال آلفا

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

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

نویسنده : حميد رضا محمد کاظمي
منبع : سایت مجید آنلاین