امین بهشتی

Design Tutorials

طراحی وِب و گرافیک

۲۵ سِت از آیکون‌های جدید و رایگان برای طرّاحان وِب

در این مطلب قصد داریم که تعدادی سِت از آیکون‌های مختلف برای طرّاحان وِب معرفی کنیم که اخیراً منتشر شده‌اند و رایگان نیز می‌باشند. در بین این سِت‌ها، آیکون جدید سایت تویتر نیز وجود دارد!

نحوۀ ایجاد اسلایدر تصویر با استفاده از jQuery و CSS3

در این آموزش ما یک اسلایدر تصویر را با استفاده از اسکریپت جی‌کوئری اسلایدر Nivo خواهیم ساخت. دلیل استفادۀ ما از این اسکریپت، قدرت و کارآیی بالا و همچنین رایگان بودن آن می‌باشد. این اسکریپت ۱۶ اِفکت transition دارد، ساده است، انعطاف‌پذیر است و بسیاری امکانات مناسب دیگری نیز دارد. تقریباً می‌شود در هر جا و هر نوع پروژه‌ای شامل وب‌سایت‌ها و پوسته‌های شخصی و تبلیغاتی از آنها استفاده کرد. در این آموزش کدنویسی اسلایدر تصویری را انجام خواهیم داد که توسط Vladimir Kudinov ساخته شده است.

۲۱ نمونه الهام‌بخش از آیکون‌ها در طرّاحی وب

آیکون‌ها از عناصر بسیار مهم در یک وب‌سایت جذاب و مؤثر بشمار می‌آیند. اینکه آیکونی از یک پک مجانی استفاده کنید یا از آیکونی که خودتان طرّاحی کرده‌اید زیاد مهم نیست، اگر از آنها به درستی استفاده کنید تفاوت‌ها را خواهید دید.

امروز در این پست برایتان چند نمونۀ الهام‌بخش از موارد استفاده شده از آیکون‌ها آماده کرده‌ام تا کمک کند ایده‌های تازه و جذابی پیدا کنید!

از آیکون‌های معمولی شبکه‌های اجتماعی گرفته تا طرّاحی‌های دستی، شما خواهید دید که ساده و کوچک یا رنگارنگ و بزرگ، آیکون‌های مناسب می‌توانند تعامل بیشتری به رابط کاربری بدهند.

طرّاحی سریع یک صفحۀ تیزر جذاب

در این آموزش، شما نحوۀ طرّاحی یک صفحۀ تیزر را یاد می‌گیرید که تنها با CSS طراحی شده است و هیچ عکس یا طرح Photoshop در آن استفاده نشده است. اکثر وب‌سایت‌ها و برنامه‌های آینده از طریق صفحات تیزر عمومیت زیادی کسب می‌کنند، بنابراین صفحات تیزر یک ابزار مفیدی می‌باشند که به جعبه ابزار خود اضافه کنید. می‌توانید از این صفحات در هر برنامه و یا وب‌سایت که آماده راه‌اندازی است استفاده کنید.

آموزش ساخت منوی کِشویی با استفاده از CSS3

در این آموزش به شما یاد می‌دهیم که چطور با استفاده از تکنیک‌های CSS3 یک منوی کِشویی مرتب و تمیزی بسازید!