خانه * آموزش رایگان * آشنایی با طراحی آیکون در وب

آشنایی با طراحی آیکون در وب

آشنایی با طراحی آیکون در وب

آشنایی با طراحی آیکون در وب

طراحی در وب و مقوله های استانداردِ آن شاید بحثی تقریبا گسترده باشد و نمی توان بطور جزئی در زمانِ کمی راجع به آن صحبت کرد.در این قسمت آشنایی مختصری با قواعد طراحی آیکون در وب با قائده شرکت APPEL صحبت می کنیم و ببینیم که دِوِلوپمنت ها یا توسعه دهندگانِ اپلیکیشنهای این شرکت بر اساسِ چه اصولی که از طرف شرکت APPLE این به طراحی آیکون برای اپهای خود می پردازند که مورد قبول این شرکت می باشد.یک استایل و الگوی استاندارد در ساختارِ تمامی آیکونهای اپلیکیشنهای APPLE وجود دارد که می توانید آن را در قالب یک فایلPSD بصورت رایگان دانلود کرده و در این تمرین مورد استفاده قرار دهید.البته به نظر من این ساختار را حتی می توانیم به عنوان یک الگویِ همیشگی داشته باشیم.آنقدر که این ساختار استاندارد و بدون نقص است که می توان جایگزینی برای آن در نظر نگرفت.قبلا در تمرین دیگری راجع به استانداردهای گوگل نیز صحبت کردیم  که درباره Material design و قواعد جدید گوگل اشاره کریم و با یکدیگر نیز در این مورد کار کردیم.اگر علاقه دارید که این تمرین را نیز ببینید از لینک زیر به صفحه ی توضیحات و دانلود ویدیو هدایت می شوید.

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

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

آشنایی-با-طراحی-آیکون-در-وب

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

 

بخش اطلاعات و لینک های دانلود تمرین
نکاتِ قابلِ توجه زیر را یکبار مطالعه فرمایید:

  • پسورد فایلهای فشرده در تمرین های رایگان در صورت لزوم  :    babart.ir
  • برای باز کردن فایلهای فشرده حتما از نرم افزار WinRAR ver.5 or Up استفاده کنید.
  • به دلیل فرمت HD فیلمها ، برای تماشای فیلمها بدونِ مشکل ، باید کُدکهای ویدیویی K-Lite Mega Codec Pack را بر روی ویندوز خود نصب کنید.
  • برای تماشای فیلمهای HD ، ما نرم افزارِ PotPlayer را به شما پیشنهاد می کنیم.
  • جدیدترین ورژن نرم افزارهای نامبرده ی بالا را از سایتهای ایرانیِ دانلود می توانید دریافت کنید.

پخش آنلاین ویدیو

پخش آنلاین ویدیو

۴ دیدگاه ها

  1. سلام بر استاد واقعا کاراتون نظیر نداره…امیدوارم همچنان به کارتون ادامه بدین.اجرکم عندالله

  2. مهربان یک آموزش درباره میکس و ترکیب چند عکس بر روی هم با انواه لایه ها و ماسک ها و نورپردازی یکسان آموزش بده مثلا ترکیب 3 قلعه با هم +چند تا روح و جن اونتو خیلی مهمههههه

  3. سلام مهربان جان اگه لطف کنی یک قسمت به نام آخرین نظرات اون پایین اضافه کنی خیلی خوب میشه

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

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *