آیلین وب

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

طرحی که ما در این ویدئو در نرم افزار فتوشاپ رسم میکنیم :

wireframe - ساخت طرح اولیه قالب وردپرس رو کاغذ (Wireframe)
تصویر نهایی

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

منظور از رسم روی کاغذ (Wireframe) چیه؟

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

مثال : 

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

چرا باید طرح رو روی کاغذ بکشیم؟

سوال اینه که چرا ما باید طرح رو اول هز همه رو کاغذ پیاده کنیم؟ سوال بجا و خوبیه، دلیل این که ما طرح Wireframe رو میکشیم اینه که کلا یک طرح و یک قالب و ساختار کلی از قالبی که میخواهیم طراحی کنیم داشته باشیم، اگر شما میخواهید یک طراح قالب شوید اولین کاری که می کنید اینه که باید یک طرح اولیه به مشتری بدید و بعد رضایت باید پروژه رو شروع کنید. این طرح نامش هست Wireframe.

wireframe aylinweb - ساخت طرح اولیه قالب وردپرس رو کاغذ (Wireframe)
نمونه طرح wirefram قالب

آیا باید حتما رو کاغذ بکشیم؟

شاید من زیاد گفتم که طرح روی کاغذ، شاید فکر کنید که حتما باید روی کاغذ بکشید! نه دوستان عزیز من این طور نیست و اتفاقا ابزارهای آنلاین (همانند https://www.mockflow.com ) بسیار زیادی وجود دارد که میتوانید این کار رو انجام بدید و حتی میتوانید از نرم افزار Paint در ویندوز استفاده کنید و یا از نرم افزار هایی همانند فتوشاپ و … .

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

ویدئوی آموزش طراحی Wireframe

جمع بندی

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

2 دیدگاه دربارهٔ «ساخت طرح اولیه قالب وردپرس رو کاغذ (Wireframe)»

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پیشنهاد میکنیم این مقالات را هم بخوانید
آموزش انتخاب بهترین کلمات کلیدی (Keywords) برای محتوا + فیلم آموزشی

آموزش انتخاب بهترین کلمات کلیدی

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

هاست ویندوز و هاست لینوکس : کدوم رو انتخاب کنم؟

هاست ویندوز و هاست لینوکس

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

آموزش ساخت مگامنو در المنتور (رایگان) + 📽فیلم آموزشی

آموزش ساخت مگامنو در المنتور

با آموزش ساخت مگامنو در المنتور در خدمت شما عزیزان هستم و

کپی کردن صفحات المنتور به صورت کامل از یک سایت به سایت دیگر + (فیلم آموزشی)

کپی کردن صفحات المنتور به

شاید برای خیلی از شماها پیش اومده که توی طراحی صفحات با

مطالب داغ
اسکرول به بالا