امین بهشتی

Design Tutorials

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

گسترش ویرایشگر دیداری وردپرس

در ویرایشگر دیداری وردپرس مواردی هستند که نیازشان دیده می‌شود ولی به‌صورت پیش‌فرض وجود ندارند.

مواردی مانند دکمه‌های hr، انتخاب فونت و اندازه فونت . اما اینها را می‌توان بسادگی با چند تکه کد به ویرایشگر وردپرس اضافه کرد.

گرافیکِ رابط کاربری برای iPhone 5 در قالب PSD (کاری از Teehan و Lax)

Teehan+Lax سابغه طولانی در ارائه قالب‌های گرافیکیِ رابط کاربری دارند که این قالب‌ها همراه با توضیحات زیادی ارائه می‌شوند.

اندکی بعد از ارائه شدن iPhone 5 و iOS 6 آنها نسخۀ جدیدی از قالب PSD این محصولات را منتشر کردند. با معرفی آی‌فون جدید (و صفحۀ نمایش 1136 پیکسلی آن) طرّاحان موارد تازه‌ای را باید مد نظر داشته باشند، که در این قالب آنها پوشش داده شده‌اند.

گالری عکس CSS3 با اِفِکت Lightbox

در این آموزش ما تنها با کُدهای CSS3 یک گالری عکس ساده با اِفِکت Lightbox خواهیم ساخت. ایدۀ ما این است که یک سری تصاویر بندانگشتی در گالری داشته باشیم که قابل کلیک کردن باشند و زمانی که روی آنها کلیک می‌کنیم، عکس مربوطه در اندازۀ بزرگ‌تری در استایل Lightbox نمایش یابد. این نمایش به‌صورت یک پنجرۀ pop-in با یک لایۀ semi-transparent می‌باشد که بقیه صفحه را می‌پوشاند و با کلیک کردن بر روی لایه، از وضعیت نمایش تصویر درمی‌آید و به صفحۀ قبلی (گالری) بازمی‌گردد.

۳۰ طرح زیبا از سایت Dribbble

احتمالاً با سایت Dribbble آشنا هستید. وب‌سایت Dribbble یک مرجع بسیار بزرگ و مفیدی برای الهام گرفتن می‌باشد. از textureها گرفته تا PSDهای کیفیت بالا، از آیکون‌ها گرفته تا تصاویر و بسیاری موارد دیگر، می‌توانید تقریباً هر چیزی در آن پیدا کنید! همیشه مرور گالری‌های آن که شامل طرح‌های مختلفی از طرّاحان بسیار ماهر است، الهام‌بخش می‌باشد. در این مطلب نمونه‌هایی از این طرح‌های الهام‌بخش را برای‌تان آماده کرده‌ایم تا در گرفتن ایده‌های جدید کمک‌تان کنند. این طرح‌ها به راحتی می‌توانند در پروژۀ خلاقانۀ بعدی‌تان الهام‌بخش شما باشند.

۲۳ آرمِ الهام‌بخش

آرم‌ها (لوگوها) می‌توانند یک منبع بزرگی برای طرّاحان جهت الهام‌ گرفتن باشند. از آنجایی که آرم‌ها باید در معرفی و بیان هدف و پیام یک مارک، بسیار دقیق باشند، مشاهدۀ روش‌های طرّاحان برای رسیدن به این هدف همیشه جالب می‌باشد. در این مطلب ۲۳ نمونه از آرم‌های الهام‌بخش برای‌تان آماده شده است که استایل‌های مختلفی در بین‌شان وجود دارد.