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

وایرفریم چیست؟ تعرفی جزئی خیس …
به طرح ابتدایی از مثال ی نخستین طراحی وب گفته می شود همانند اسکچ . این طرح غالبا در بالا با استعمال از قلم بر روی کاغد پباده سازی شده و آنگاه بعداز تایید اول وارد سطح پباده سازی به وسیله فتوشاپ می شود .

طراح UX وب سایت با به کار گیری از اپلیکیشن فتوشاپ ( یا این که هر اپلیکیشن دیگری که تخصص آن شخص است ) یک طرح کلی از ظواهر وب سایت را برای مشتری مهیا سازی کرده و در گردهمایی برای تایید به او نمایش می‌دهد .

این تصویر چهره یی مثال از یک وایر کادر پباده سازی شده است :

مثال وایر قاب تارنما
انگیزه از پباده سازی وایرفریم چیست؟
انگیزه کلی از پباده سازی وایرفریم تولید طراح اول از تارنما است . به لیست ذیل اعتنا فرمایید :

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

 

وایر فریم چیست؟ آموزش طراحی وایرفریم (Wireframe) - نمونه وایرفریم سایت

 

هم خوانی ایده نخستین با کالا خروجی
مشترک شدن با با ایده های مشتری در پروژه
سرعت بخشیدن به کامل شدن هر چه زوتر پروژه ساخت سایت یا این که تلفن همراه نرم افزار
از وایرفریم چطور به کار گیری می شود؟
برای استعمال از وایر کادر ابتدا یک گردهمایی مشترک بین گروه UX و مشتری اجرا می شود .
درین نشست مشتری مشخص و معلوم می نماید که به چه المان ( بخش ) هایی در وبسایت خویش نیاز داراست .
طرح اول کشیده شده .
در پایان فرآورده آخرین بر پایه ی دکورا سیون صورت گرفته در وایفرم ساخت میگردد .
مثال اول از وایر کادر
Prototype یک مثال اول و قابل تماشا هست .
به کار گیری از وایرفریم چه مزایایی دارد؟
رضایت مشتری
بالا رفتن سرعت انجام پروژه
معین شدن خوب تر هرمورد از قسمت های وبسایت
وجود یک پیش نمایش از مال آخری
عدم سردگمی گروه پباده سازی
وجود یک نقشه خط مش
این نکات را در هنگام پباده سازی وایرفریم رعایت نمایید
تحقیق در زمینه‌ی مایحتاج های مشتری پیشین و بعداز پباده سازی
طراح نخستین خوبتر است با به کار گیری از قلم به صورت اسکچ کشیده شود
خوب تر است طرح اول تا حد ممکن معمولی و قابل درک باشد
بعداز اتمام طرح اول , بر روی نیازهای استفاده کننده تمرکز بیشتری نمایید
طرح وایرفریم را تا حد ممکن راحت پباده سازی فرمایید تا برای کلیه قابل ادراک باشد
برنامه ای اول وایفریم را که با قلم پباده سازی کردید با ابزارهای گرافیکی به فرمت Jpg یا این که Png تغییر و تحول دهید
کمتر از رنگ ها به کارگیری فرمائید
معرفی یک سری اپلیکیشن پباده سازی وایرفریم
درپی سه ابزار مشهور و پر کاربرد در پباده سازی وایرفریم‌ ها را معرفی می کنیم .

۱ - باامیک ( Balsamiq )
اپلیکیشن Balsamiq
او‌لین ابزار باامیک ( Balsamiq ) است که در دونسخه مجانی و پلاس ( + ) دردسترس قرار عموم قراردارد .

برای آزمایش این اپلیکیشن می توانید از ورژن ابری ( + ) به کارگیری فرمایید که به دوران ۳۰ روز به صورت بدون‌پول در اختیار شما قرار میگیرد . در باامیک طراح های اسکپ از پیش‌ساخته‌ای موجود هست که می توان برای سرعت بخشیدن به عمل پباده سازی از آنان استفاده نمود .

۲ - اسکچ ( Sketch )

ابزار دوم اسکچ ( Sketch ) اسم داراست که در سال ۲۰۱۰ و برای پباده سازی وایرفریم های توسعه یافته و تخصصی بیان شده شده‌است این ابزار ویژه یوزرها مک می‌باشد .

اکنون اسکچ مطرح ترین حریف تولیدها شرکت دارای شهرت و خوش اسم ادوبی ( Adobe ) به شمار می ورد چرا ارزان خیس است , با وکتور پباده سازی شده و از فرمت های تازه مثل SVG هم پشتیبانی می نماید .

۳ - ادوبی ایکس دی ( Adobe XD )

سو‌مین اپلیکیشن برای پباده سازی وایر کادر وب سایت ادوبی اکس‌دی ( Adobe XD ) اسم دارااست ; XD مخفف عبارت ( Experience Design ) بوده و این ابزار اولی نرم‌افزار کمپانی ادوبی برای پباده سازی وایرفریم اپلیکیشن‌ و وب‌سایت‌ها محسوب می‌ شود .

چندین مثال وایرفریم تارنما

 


مشخصات

آخرین مطالب این وبلاگ

آخرین جستجو ها