مجموعه زیبا اشیاء طراحی سایت شامل انواع دکمه، منو و غیره

در این ارسال یک بسته بسیار شیک از عناصر مورد نیاز در طراحی واسط های کاربری را به شما تقدیم میکنم. این مجموعه حاوی تمامی اشیاء قابل استفاده در یک فرم مانند منو، انواع دکمه های فشاری، دکمه های رادیویی، برچسب، نوارهای کشویی، چک باکس، لیست های پائین افتادنی، تولتیپ، شمارنده و همچنین جعبه کامل جستجو است. این بسته با فرمت psd ارائه شده است که می توانید پس از باز کردن آن در برنامه فتوشاپ، بخش های مورد نیاز خود را از آن برداشته و تغییرات خود را اعمال نمائید.

ست دکمه و منو

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

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

  • فرمت فایل: Photoshop
  • حجم فایل: 762KB
  • رمز فایل فشرده: www.websiteha.com

نظرات (22) -

  • حامی

    10/21/1390 07:15:20 ب.ظ | پاسخ به این نظر

    خیلی قشنگ و سنگینه
    ممنون
    موفق باشید

    • Admin

      10/21/1390 07:54:18 ب.ظ | پاسخ به این نظر

      قابلی شما رو نداره، امیدوارم فرم های قشنگی باهاشون طراحی کنید...

  • محمدامین

    10/24/1390 01:44:46 ب.ظ | پاسخ به این نظر

    من همیشه با تبدیل psd به html مشکل داشتم!
    میشه  آموزش سفارشی کردن تکست باکس ها و چک باکس ها رو بذارید؟منظورم در رابطه با این پست نبود کلیشو دارم میگم.از ظاهر همیشگی تکس باکس ها خسته شدم چطور میشه فانتزیشون کرد؟

    • Admin

      10/24/1390 10:35:17 ب.ظ | پاسخ به این نظر

      سلام محمدامین جان
      برای تبدیل psd به html حالا که تو مسیرش هستید فقط و فقط تمرین و مطالعه میتونه به شما کمک کنه.
      در مورد تک باکس های فانتزی تر شما باید یه تکست باکس که مورد علاقتون هست رو (مثل همین که تو این فایل موجوده) تو فتوشاپ طراحی کنید و بعد بندازدی پس زمینه یه تکست باکس. بعدم border هاش رو بردارید. سر فرصت در این رابطه یه آموزش خواهم گذاشت.

      • محمدامین

        10/26/1390 02:01:13 ب.ظ | پاسخ به این نظر

        سلام.ممنون از پاسختون.
        برای چک باکس ها چه کنم؟مثل بعضی از سایت ها که یه تیک قرمز فانتزی میخورن.

  • amir

    10/26/1390 12:50:10 ب.ظ | پاسخ به این نظر

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

    • Admin

      10/26/1390 06:56:39 ب.ظ | پاسخ به این نظر

      مرسی امیرجان از لطفت، برای شما هم آرزوی سربلندی و شادکامی دارم...

  • محمد

    10/27/1390 11:48:17 ق.ظ | پاسخ به این نظر

    سلام
    اگه کدهای css سایت رو بزاریم ممکنه کمک کنین تا مثلا کادر جستجو رو مثل این نمونه که گذاشتین در بیاریم ؟

    • Admin

      10/27/1390 06:57:56 ب.ظ | پاسخ به این نظر

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

      • محمدامین

        10/29/1390 02:21:27 ق.ظ | پاسخ به این نظر

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

        • Admin

          10/29/1390 09:40:58 ق.ظ | پاسخ به این نظر

          سلام محمدامین، چشم، حتما برای دکمه های رادیویی و چک باکس ها هم این آموزش رو میزارم.
          چندتا نظر بالاتر به کامنت قبلیت یه پاسخ دادم، فکر میکنم هنوز نخوندیش!
          موفق باشی Smile

          • محمدامین

            10/29/1390 03:10:15 ب.ظ | پاسخ به این نظر

            سلام اونو که خوندم اما چون یه لقمه اماده بود نچسبید بم!دوست داشتم قدم به قدم یادش بگیرم.
            تشکر ویژه از شما دوست عزیز.راستی اسم کوچیکتون رو بگید اگه میشه

            • Admin

              10/30/1390 11:08:50 ب.ظ | پاسخ به این نظر

              مطلب در مورد پیاده سازی تکست باکس های گرافیکی نوشته شد و در سایت ارسال شد:
              www.websiteha.com/post.aspx

              مطلب بعدی در مورد پیاده سازی گرافیکی و سفارشی دکمه های رادیویی و چک باکس ها خواهد بود.

  • محمدامین

    10/29/1390 09:46:24 ب.ظ | پاسخ به این نظر

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

    • Admin

      10/30/1390 10:58:20 ب.ظ | پاسخ به این نظر

      این تکنیکی هست در CSS به نام CSS Sprite
      در این مورد هم یه آموزش کامل خواهم نوشت، چون تو بخش کامنت ها نمیشه پست نوشت! کُشتی تو منو محمدامین!
      فعلا این ارسال رو نگاه کن، توش از این تکنیک استفاده کردم:
      www.websiteha.com/post.aspx

  • محسن

    10/30/1390 09:29:10 ق.ظ | پاسخ به این نظر

    سلام.

    من هم جزو افرادی هستم که در تبدیل PSD به HTML مشکل دارم.

    بعضی طرحهای PSD خیلی ظاهر پیچیده و مشکلی دارن و واقعاً درمونده میشم که چرا با اینکه تقریباً کلیت HTML و CSS رو تسلط دارم، چرا نمیتونم یک PSD رو تبدیل کنم.

    • Admin

      10/30/1390 11:03:32 ب.ظ | پاسخ به این نظر

      سلام محسن جان
      همه تو این تبدیل psd به html مشکل دارن چون در واقع کل کار همینه! و حق با شماست برخی از طرح ها لایه بندی پیچیده ای دارن.
      من فقط میتونم بگم 3تا چیز هست که تو این زمینه بهتون کمک میکنه:
      تمرین، تمرین و تمرین.
      برای خودتون پروژه تعریف کنید و برای انجام هر مرحله که به مشکل بر می خورید وب رو جستجو کنید.

  • Admin

    10/30/1390 11:12:01 ب.ظ | پاسخ به این نظر

    ضمن تشکر از همه دوستان که مطلب رو مطالعه کردند، درخواست ها اجابت شد و آموزش چگونگی ساخت تکست باکس هایی گرافیکی و زیبا که نمونه ای از اون هم در این فایل psd وجود داره، در سایت بعد از همین ارسال قرار داده شد:

    www.websiteha.com/post.aspx

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

  • hidden

    05/12/1391 04:50:37 ق.ظ | پاسخ به این نظر

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

Loading