ورود با اکانت گوگل
یا
آقای متریال

برای جستجو کلمه مورد نظر خود را وارد کنید

آموزش طراحی ایکن جلسه اول

alisaffari


اطلاعات نویسنده
alisaffari

alisaffari

  • Exclusive Author
  • sold_between_10_000_and_50_000_dollars
  • bought_between_1_and_9_items
  • Iran (Islamic Republic of)
نمونه کارها
پشتیبانی
برای دیدن اطلاعات تماس تهیه کننده این محصول باید محصول رو خریداری کرده باشید

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

برنامه پیشنهادی بنده فتوشاپ نسخه cs6 هست

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

توی این جلسه در مورد گرید (grid) صحبت کنیم

 

گرید بندی به دو قسمت تقسیم می شود


 

 

با کمک این قسمت میتونیم مکان محتویات داخل ایکن رو تنظیم کنیم

 

 

 

 

 


 

 

 

 

با کمک این قسمت میتونیم استایل اصلی ایکن رو بسازیم که در ادامه بیشتر توضیح میدم

 

 

 


 

 

 

مثلا ما میخایم یه ایکن بسازیم که استایلش دایره باشه پس از قسمت دایره ای شکل گرید استفاده میکنیم

 

 

 

 

 

برای ایکن مربع

 

 

 

 

 

برای ایکن مستطیل (افقی)

 

 

 

 

 

 

 

برای ایکن مستطیل (عمودی)

 

 

 

البته در بعضی از ایکن ها از گرید های ترکیبی استفاده میشه که نسبت به نیاز هستش

 

 

فایل لایه باز (psd) گرید در قسمت دانلود وجود دارد

 

 

چنتا ایکن براتون قرار دادم که با کمک گرید ساخته شده (به منظور اشنایی بیشتر)
http://dl.mrmaterial.ir/do.php?imgf=1451044757861.png





 

 

 

 

ما سعی میکنیم تا در هرجلسه یکی از اصول های طراحی ایکن رو توضیح بدیم و در این جلسه براتون گرید رو توضیح دادیم

 

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

دیدگاه هایی که برای این مطلب ارسال شده

  1. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: آریا دی ۴, ۱۳۹۴

    من برنامه نویس اندرویدم این آموزش خیلی مورد نیازم بود
    ممنون

  2. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: شایان دی ۴, ۱۳۹۴

    عااااالی!
    مرسی…

  3. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: سعید آرین منش دی ۵, ۱۳۹۴

    merc khob bood

  4. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: محسن دی ۲۶, ۱۳۹۴

    عالی بود خیلی کاربردی ادامش بدید حتما

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری بهمن ۱۷, ۱۳۹۴

      چشم
      اگه بدونیم استقبال زیاد داره حتما میزاریم

  5. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: رضا بهمن ۱, ۱۳۹۴

    سلام عالی بود

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری بهمن ۱۷, ۱۳۹۴

      ممنون بابت نظر

  6. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: soroush بهمن ۳, ۱۳۹۴

    awliiiiiii فوق العادست مرسی!

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری بهمن ۱۷, ۱۳۹۴

      ممنون نظر شما موجب دلگرمی ما هست

  7. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: برنامه نویس ای اف کانتری فروردین ۲۳, ۱۳۹۵

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

  8. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: forghani فروردین ۲۴, ۱۳۹۵

    خیلی خیلی عالی بود!
    پیگیر آموزش ها هستم؛ ممنون

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری فروردین ۲۴, ۱۳۹۵

      ممنون از نظرتون

      خیلی این نظر ها با ارزشه

  9. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: پیام خرداد ۲۳, ۱۳۹۵

    خیلی عالی بود

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری خرداد ۲۶, ۱۳۹۵

      خیر فقط طرح ظاهری هست

  10. ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی مرداد ۲۲, ۱۳۹۵

    سلام لینک دانلود خرابه هی سرور ارور میده

    • ﻧﻮﯾﺴﻨﺪﻩ ﺩﯾﺪﮔﺎﻩ: علی صفاری مرداد ۲۳, ۱۳۹۵

      مشکلی نداره

شما هم دیدگاهی برای این مطلب ارسال کنید

مطالب مرتبط

مطالب تصادفی

لوگوی دوستان

هایپر تمپ | HyperTemp