استفاده از Thumbnail در طراحی وب سایت

Thumbnail ها نسخه های کوچک شده ای از تصاویر هستند که به سازماندهی و شناخت آنها کمک خواهند کرد


امیر سروری ۱۵ دیدگاه ایده و خلاقیت یکشنبه, ۷ام اسفند , ۱۳۹۰ 15209 بازدید

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

Thumbnail چیست ؟

در یک جستجوی ساده در ویکی پدیا تعریفی از Thumbnail خواهید یافت . ” Thumbnail ها نسخه های کوچک شده ای از تصاویر هستند که به سازماندهی و شناخت آنها کمک خواهند کرد , در حقیقت نقش مشابهی مانند فهرست متنی را برای تصاویر دارا هستند . در این مجموعه ۲۵ نمونه از تکنیک های خلاقانه استفاده از Thumbnail ها و یا تصاویر بند انگشتی مورد بررسی قرار گرفته است .


ایده و خلاقیت webtarget.ir

TWO FISH ILLUSTRATION & DESIGN


ایده و خلاقیت webtarget.ir

TWOTO


ایده و خلاقیت webtarget.ir

KOKOKAKA


ایده و خلاقیت webtarget.ir

BRAVE NU DIGITAL


ایده و خلاقیت webtarget.ir

F O U N D E D


ایده و خلاقیت webtarget.ir

IDEA EXHIBIT


ایده و خلاقیت webtarget.ir

ASTRONAUT DESIGN


ایده و خلاقیت webtarget.ir

MARC KREMERS


ایده و خلاقیت webtarget.ir

PURPOSE


ایده و خلاقیت webtarget.ir

REJANE DAL BELLO


ایده و خلاقیت webtarget.ir

JAMES DE ANGELIS


ایده و خلاقیت webtarget.ir

HARPOON


ایده و خلاقیت webtarget.ir

BAUBAUHAUS


ایده و خلاقیت webtarget.ir

VIKTORIA KLEIN


ایده و خلاقیت webtarget.ir

UNIFORM


ایده و خلاقیت webtarget.ir

TYPETOKEN


ایده و خلاقیت webtarget.ir

BLANK


ایده و خلاقیت webtarget.ir

CRAIG AND KARL


ایده و خلاقیت webtarget.ir

FRANKLIN GAW


ایده و خلاقیت webtarget.ir

KOMPLEX 457


ایده و خلاقیت webtarget.ir

DUST + MOLD


ایده و خلاقیت webtarget.ir

DAN MALL


ایده و خلاقیت webtarget.ir

SISU


ایده و خلاقیت webtarget.ir

ADAM



نویسنده / مترجم : امیر سروری

امیر سروری هستم علاقه مند به بازاریابی و تبلیغات آنلاین , طراحی وب سایت و البته آموزش


۱۵ دیدگاه برای این نوشته ثبت شده است


  1. علی اقدم
    ۷ اسفند ۱۳۹۰

    عالی بود
    امیر جان اگه میتونی نمونه های وب سایت های ایرانی رو هم معرفی کن




    • امیر سروری
      ۷ اسفند ۱۳۹۰

      علی اقدم @ علی آقا از این طرفا ;-) چشم حتما سعی میکمنم این کار رو انجام بدم . البته به دلیل وجود نداشتن وب سایتهایی برای معرفی طراحی های خوب در ایران این کار بسیار سخت خواهد بود . که البته باید از یک جایی شروع کرد .




  2. علی اقدم
    ۷ اسفند ۱۳۹۰

    امیر جان راه گم کردم :دی

    درسته سخته ولی عوضش کاریه که تو وب فارسی کم انجام شده! ، شما شروع کن ما پشتتیم دادا ;)




  3. سوران خضري
    ۷ اسفند ۱۳۹۰

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




    • امیر سروری
      ۷ اسفند ۱۳۹۰

      سوران @ مرسی از زحمات شما . این یک واقعیت هست که به تنهایی نمیشه چنین وبلاگی رو بروز رسانی کرد و به کمک دوستانی مانند شما نیاز هست . امیدوارم که شاهد مطالب خوبت هر چه بیشتر باشیم ;-)




  4. علی
    ۲۰ اسفند ۱۳۹۰

    این که thumbnail چیه همه میدونیم. گفتم شاید آموزش مهم تری گذاشتید امیرجان




    • امیر سروری
      ۲۶ اسفند ۱۳۹۰

      علی @ thumbnail که مفهومش مشخصه علی جان . منظورم از این مطلب نحوه استفاده از اون بود . گفتم شاید این نمونه ها بتونه یک ایده ای داشته باشه ;-)




  5. آرمان
    ۲ فروردین ۱۳۹۱

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




  6. سعید
    ۱۹ فروردین ۱۳۹۱

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

    من به تازگی تصمیم گرفتم که سراغ وب های گرافیکی تعاملی و متحرک تمرکز کنم . چند وقته دارم رویه این مورد کار میکنم و الان هم یک نمونه طراحی کردم که توی آدرس زیر است web.dfm.ir گزاشتم .این سایت رو کاملا با استفاده از جی کویری طراحی کردم . البته هنوز کامل نشده و دارم روش کار میکنم.
    خوشحال میشم با کسانی که تو این زمینه کار میکنن همکاری کنم.

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




    • امیر سروری
      ۱۹ فروردین ۱۳۹۱

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




  7. سعید
    ۱۹ فروردین ۱۳۹۱

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




    • امیر سروری
      ۲۰ فروردین ۱۳۹۱

      سعید @ مرسی سعید جان از توجه و پیشنهادات شما . متاسفانه جامعه طراحان و علاقه مندان به طراحی وب سایت جمعیت بسیار زیادی نیستند و تعداد معدودی از افراد در این زمینه فعالیت میکنند و وب سایتهای کمی با استاندارد های بالا با توجه به فضای ضعیف رقابتی در ایران به بهره برداری میرسه . وب سایتهای بزرگی در دنیا هستند که به دلیل زبان مشترک انگلیسی ارتباطات خوبی رو مابین طراحان و فعالین این حوزه برقرار کردن اما در ایران این موضوع بیشتر به طرح سوالات کاملا ابتدایی خاتمه پیدا میکنه و کار گروهی روش انجام نمیشه یا اگر هم میشه بعد ازمدتی تعطیل میشه . در مورد معرفی وب سایتها هم انگیزه هایی باید برای این کار ایجاد بشه . همین جشنواره وب ایران که البته در باطن کار خوبی هست با دوست و رفیق بازی ( بع=ه دلیل محدود بودن جمعیت فعال ) به پایان رسید . باید فرصت داد تا نگرش خوب وارد ایران بشه علاوه بر دانش فنی ./ الان کار کردن روی نگرش مهمتر از دانش فنی هست . ;-)




  8. ریحانه
    ۳ خرداد ۱۳۹۱

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




  9. Matin
    ۱۶ تیر ۱۳۹۱

    بسیار ممنونم برای معرفی این سبک کاری




  10. علیرضا
    ۳۰ بهمن ۱۳۹۱

    خسته نباشی
    من یه سایت دارم.
    میخوام تو یه سایت که سایت منو نشون میده تصویر بند انگشتی سایت من نشون داده بشه. ولی متاسفانه تو اون سایت مینویسه site thumbnail not available
    ولی خیلی از سایتها رو تصاویر بندانگشتیشونو نشون میده. یعنی مشکل از سایت منه.
    میخواستم بدونم چیکار باید بکنم؟ اگه قراره کدی رو تو سایتم کپی کنم یا هرچی لطفا منو راهنمایی کنید
    ممنون



دیدگاه خود را بنویسید





نشانی ایمیل شما منتشر نخواهد شد.

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

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

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

برای قرار دادن کدهای نمونه می توانید از تگ های [php] ، [html] ، [css] و [js] استفاده کنید.
به عنوان مثال کدهای php را می توان به صورت زیر قرار داد:
[php] var $whoLoveIranians = "WebTarget!"; [/php]



کلیه حقوق مادی و معنوی برای وب سایت وب تارگت محفوظ است ©2017 وب‌تارگت

استفاده از مطالب وب سایت در سایر وب سایت‌ها و نشریات چاپی با ذکر منبع آزاد است.