فایل لایه باز طراحی مجدد (redesign) زرین پال را دریافت کنید!

سلام به همه میهن وردپرسی‌ها! امروز با یه فایل باحال اومدم خدمتتون. یه فایل لایه باز (PSD) از طراحی مجدد پنل کاربری زرین‌پال که خودم درستش کردم و دارم رایگان می‌ذارمش برای دانلود. اگه رو طراحی سایت و UI کار می‌کنید، این فایل هم می‌تونه یه نمونه خوب برای الگو گرفتن باشه، هم یه تمرین حسابی. بذارید اول یه کم از پشت‌صحنه‌ش بگم، بعد لینک دانلودو می‌دم.

اهمیت فایل لایه باز

راستش من همیشه سر طراحی گرافیکی سایت با بچه‌های سایت برتر بحثمون می‌شد. مشکل اکثر دوستان هم دقیقاً یه چیز بود: نمی‌دونستن اصلاً فایل‌های لایه باز خوب رو از کجا پیدا کنن که باهاش ایده بگیرن و یاد بگیرن یه طرح حرفه‌ای چطوری چیده می‌شه.

از این هم مهم‌تر، یه سؤال بزرگ‌تر وسط بود: خب فرض کنید می‌خواید یه قالب طراحی کنید، فایل PSDش باید چه ساختاری داشته باشه؟ لایه‌هاش چطوری دسته‌بندی بشن؟ گروه‌بندی‌ها چطوری باشه که خودتون یه هفته بعد توش گم نشید؟ همین چیزاست که وقتی یه فایل تمیز و مرتب رو باز می‌کنید، خیلی سریع دستتون میاد.

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

ماجرا از کجا شروع شد

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

منم همین‌طوری کم‌کم موضوع رفت سمت درگاه پرداخت آنلاین. تا اومدم به خودم بجنبم دیدم دارم پنل کاربری زرین‌پال رو ریدیزاین می‌کنم. گفتم عه، این که خودش شد یه پروژه کامل! پس تصمیم گرفتم تا آخرش برم.

چرا زرین‌پال؟

دو تا دلیل داشت. اول این که خب زرین‌پال یه تیم خوب داره و کارشون واقعاً درسته، این کار می‌تونست یه جور تشکر از اون‌ها باشه. دوم و مهم‌تر برای شما، این که یه درگاه پرداخت المان‌های زیادی داره؛ فرم، دکمه، جدول تراکنش‌ها، کارت‌های اطلاعاتی و کلی چیز دیگه. یعنی یه فایل عالی برای تمرین که کلی چیز توش هست که یاد بگیرید. برای همین گفتم دقیقاً همین می‌تونه به کار شما برای طراحی سایت و UI/UX بیاد.

یه نگاه به خود طرح

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

پیشنهاد من: اینجا یکی دو تا اسکرین‌شات از خود طرح بذارید که خواننده قبل از دانلود ببینه دنبال چی داره می‌ره. یه پیش‌نمایش خوب کلی به نرخ دانلود کمک می‌کنه.

محتویات فایل

قبل از این که دانلود کنید، بذارید بگم با چی طرفید:

• فرمت فایل: PSD (فایل لایه باز فتوشاپ)
• نرم‌افزار موردنیاز:ادوبی فتوشاپ
• لایه‌ها: دسته‌بندی و گروه‌بندی شده که راحت بتونید هر بخشو پیدا کنید
• کاربرد: الگو گرفتن، تمرین طراحی UI، یادگیری ساختار درست یه فایل قالب

اگه دوست داشتید، حجم فایل و اسم فونت‌هایی که استفاده کردید رو هم همین‌جا اضافه کنید؛ همون سؤالاییه که ملت قبل دانلود می‌پرسن.

دریافت فایل لایه باز زرین‌پال

خب رسیدیم به قسمت اصلی ماجرا. فایل رو کاملاً رایگان گذاشتم، فقط برید دانلودش کنید و حال کنید:

نحوه استفاده

اگه تازه‌کارید، پیشنهادم اینه که اول کل فایلو باز کنید و فقط بین لایه‌ها و گروه‌ها بچرخید. ببینید هر المان کجاست، اسم‌گذاری‌ها چطوریه، رنگ‌ها از کجا میان. همین گشتن ساده کلی بهتون یاد می‌ده.

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

جمع‌بندی

خلاصه که این بود یه سوغاتی کوچیک از یه بعدازظهر آزاد من. امیدوارم به کارتون بیاد و ازش لذت ببرید. اگه استفاده کردید یا حتی روش کار کردید و تغییرش دادید، حتماً برام کامنت بذارید، دوست دارم ببینم چیکارش کردید.

راستی، یه سؤال: دوست دارید سری بعد سایت کدوم سرویس ایرانی رو ریدیزاین کنم؟ تو کامنت‌ها بگید تا بعدی رو رو همون کار کنیم. 😊

تیم تولید محتوا

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