X
دعوت به همکاری - گوینده
انتشارات و موسسه فرهنگی نوین پندار از علاقه مندان به گویندگی دعوت به همکاری مینماید. جهت کسب اطلاعات بیشتر به صفحه همکاری با ما مراجعه نمایید.
:: :: :: :: :: اطلاعیه :: :: :: :: ::
 
 
 
width: px
height: px

چگونه می‌توانید با استفاده از نرم‌افزار Balsamiq Mockups طرح اولیه دینامیک وب‌سایتتان را بسازید!

13:23   |   سه شنبه 30 تیر ماه 94   |   تعداد بازدید : 10884
چگونه می‌توانید با استفاده از نرم‌افزار Balsamiq Mockups طرح اولیه دینامیک وب‌سایتتان را بسازید!,Balsamiq  ،  Mockups  ،  Balsamiq Mockups  ،  نرم‌افزار  ،  طراحی  ،  ساخت پیش‌نمایش  ،  پیش‌نمایش  ،  سایت‌  ،  ساخت پیش‌نمایش سایت‌  ،  اپلیکیشن  ،  اپلیکیشن برای وب  ،  نرم‌افزار Balsamiq Mockups  ،  ایجاد وب‌سایت  ،  اپلیکیشن موبایل  ،  اپلیکیشن دسکتاپ  ،  اپلیکیشن تبلت  ،  توسعه‌دهنده‌ وب  ،  نرم‌افزار طراحی  ،  فرمت‌ PNG  ،  فرمت‌ PDF  ،  اشتراک‌گذاری  ،  محیط  ،  Sketch  ،  Wireframe  ،  قابلیت‌  ،  نرم‌افزار بالزامیک ماک ‌آپ  ،  فایل Balsamiq  ،  دراپ باکس  ،  Dropbox  ،  آدرس اینترنتی  ،  پروژه  ،  پیاده‌سازی  ،  مقاله  ،  معرفی نرم‌افزار  ،  طرح سایت  ،  سوئیچ  ،  اشکال هندسی  ،  نمادها  ،  رابط کاربری  ،  طراحان  ،  الگو  ،  کنترلر  ، ایجاد ماک آپ , استفاده از Balsamiq Mockups , طرح اولیه , دینامیک , چگونگی استفاده از Balsamiq Mockups , راهنمای استفاده , صفحه اصلی سایت , ساخت Mockups , طرح دینامیک سایت , طرح سایت ,
Balsamiq  ،  Mockups  ،  Balsamiq Mockups  ،  نرم‌افزار  ،  طراحی  ،  ساخت پیش‌نمایش  ،  پیش‌نمایش  ،  سایت‌  ،  ساخت پیش‌نمایش سایت‌  ،  اپلیکیشن  ،  اپلیکیشن برای وب  ،  نرم‌افزار Balsamiq Mockups  ،  ایجاد وب‌سایت  ،  اپلیکیشن موبایل  ،  اپلیکیشن دسکتاپ  ،  اپلیکیشن تبلت  ،  توسعه‌دهنده‌ وب  ،  نرم‌افزار طراحی  ،  فرمت‌ PNG  ،  فرمت‌ PDF  ،  اشتراک‌گذاری  ،  محیط  ،  Sketch  ،  Wireframe  ،  قابلیت‌  ،  نرم‌افزار بالزامیک ماک ‌آپ  ،  فایل Balsamiq  ،  دراپ باکس  ،  Dropbox  ،  آدرس اینترنتی  ،  پروژه  ،  پیاده‌سازی  ،  مقاله  ،  معرفی نرم‌افزار  ،  طرح سایت  ،  سوئیچ  ،  اشکال هندسی  ،  نمادها  ،  رابط کاربری  ،  طراحان  ،  الگو  ،  کنترلر  ، ایجاد ماک آپ , استفاده از Balsamiq Mockups , طرح اولیه , دینامیک , چگونگی استفاده از Balsamiq Mockups , راهنمای استفاده , صفحه اصلی سایت , ساخت Mockups , طرح دینامیک سایت , طرح سایت ,


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

مرحله اول: ایجاد ماک آپ برای صفحه اصلی سایت
به‌منظور ایجاد صفحه اصلی سایت خود باید از عناصری نظیر: مستطیل، تصاویر و جعبه متن استفاده کنید. به این منظور از بالای صفحه بر روی ابزار موردنظرتان کلید کنید. پس از اتمام کار با استفاده از عنصر button bar یک نوار پیمایش یا navigation bar بر روی صفحه قرار داده و با دو بار کلیک کردن بر روی button bar و تایپ آدرس‌های متفاوت صفحات جداگانه‌ای ایجاد نمایید. برای جدا کردن نام هر صفحه از دیگری از کاما استفاده کنید. به‌عنوان مثال: صفحه اول، صفحه دوم، صفحه سوم!
 


مرحله دوم: یک صفحه فرعی بسازید 
برای ایجاد یک صفحه فرعی از File → New Clone of Current Mockup را انتخاب کرده، سپس این صفحه را به‌عنوان صفحه فرعی ویرایش کنید. صفحه فرعی را با نامی مناسب (در این مثال صفحه دوم) در button bar ذخیره نمایید.
 


مرحله سوم: بر روی button bar کلیک و آن را ویرایش نمایید
بر روی button bar کلیک کنید تا پنجره محاوره‌ای خاکستری رنگ " Button Bar / Tab Bar" باز شود. 
 


مرحله چهارم: به نام صفحات در Button Bar  لینک کنید
در قسمت لینک از پنجره Button Bar / Tab Bar، نام هر صفحه را در button bar به فایل ذخیره و ایجاد شده لینک کنید. سپس گزینه " Selection" در  Button Bar / Tab Bar را به صفحه‌ای که در حال حاضر در آن قرار دارید لینک کنید.



مرحله پنجم: مراحل مذکور را تکرار کنید
 مراحل فوق را برای لینک کردن صفحات در button bar تکرار کنید.



مرحله ششم: تغییرات انجام شده را ذخیره کرده و نمونه اولیه را مشاهده نمایید
تمامی مراحل و تغییرات انجام شده را ذخیره کرده، حالا  با کلیک کردن بر روی آیکون Full Screen Presentation در گوشه سمت راست بالزامیک می‌توانید پیش‌نمایش طرح خود را مشاهده نمایید.
 


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




:: تبلیغات

آموزش جامع کسب مهارتهای هفتگانه ICDL 2016

سایر خبرهای این گروه ...
 
بحث ها و نظرها
0
نظر
برای شرکت در بحث و تبادل نظر در سایت Login نموده، یا ثبت نام کنید.


:: تبلیغات
آموزش پیشرفته AutoCAD 2017 - Part 2
آموزش جامع ماکرو نویسی در اکسل 2016



 
 
تمامي كالاها و خدمات اين فروشگاه، حسب مورد داراي مجوزهاي لازم از مراجع مربوطه مي‌باشند و فعاليت‌هاي اين سايت تابع قوانين و مقررات جمهوري اسلامي ايران است.
Copyright © 1998 - 2016 NovinPendar Co. Ltd. All rights reserved.