انجمن برنامه نویس

خبر : ارائه ی پروتوتایپینگ یکی از مراحل اولیه ی طراحی سایت

شروع موضوع توسط minajafari ‏26/8/18 در انجمن سئو و بهینه سازی وب سایت

گنجینه های
برنامه نویسی
فیلم های آموزشی
زبان های برنامه نویسی
فیلم های آموزشی
پروژه محور C#
فیلم های آموزشی
برنامه نویسی اندروید
فیلم های آموزشی
طراحی سایت
فیلم های آموزشی
برنامه نویسی پایه
گنجینه برنامه نویسی C# آموزش برنامه نویسی C سیستم مدیریت بانک آموزش اندروید - مقدماتی آموزش زبان HTML اصول و مبانی برنامه نویسی
گنجینه آموزش ASP .Net آموزش برنامه نویسی C++‎ پیاده سازی مدیریت آتلیه آموزش اندروید - تکمیلی آموزش زبان CSS آموزش الگوریتم و فلوچارت
گنجینه برنامه نویسی PHP آموزش برنامه نویسی C# پیاده سازی سیستم هتلداری آموزش اندروید - پیشرفته آموزش زبان Java Script آموزش تبدیل فلوچارت به کد
گنجینه آموزش طراحی وب آموزش برنامه نویسی جاوا شبیه سازی دستگاه عابربانک آموزش ساخت لیست ایمیل آموزش زبان jQury برنامه نویسی اسمال بیسیک
گنجینه برنامه نویسی متلب آموزش برنامه نویسی PHP پیاده سازی مدیریت آموزشگاه آموزش ساخت گالری تصاویر آموزش زبان XML آموزش برنامه نویسی اسمبلی
گنجینه برنامه نویسی اندروید آموزش برنامه نویسی پایتون پیاده سازی سیستم صدور بلیت آموزش کنترل ربات با اندروید آموزش طراحی Responsive طراحی سایت ویژه کودکان
گنجینه برنامه نویسی VB .Net آموزش برنامه نویسی اندروید پیاده سازی سیستم نوبت دهی آموزش ارتباط با دیتابیس سرور ساخت سایت خبری کدنویسی سریع با Emmet
گنجینه زبان های برنامه نویسی آموزش برنامه نویسی زبان R سیستم حسابداری و انبارداری زبان بیسیک فور اندروید (B4A) ساخت سایت فروشگاه آموزش کار با پایگاه داده
  1. minajafari
    karbar Rank

    تاریخ عضویت:
    ‏28/11/17
    ارسال ها:
    106
    تشکر شده:
    1
    امتیاز دستاورد:
    22
    جنسیت:
    زن
    ارائه ی پروتوتایپینگ یکی از مراحل اولیه ی طراحی سایت: طراحی سایت هر روز دست خوش چالش های فراوانی می شود. و تلاش طراحان سایت هر روزه بر این است. که با صرف زمان و هزینه ی کم به رضایت مندانه ترین نتیجه دست پیدا کنند. یکی از تاکتیک هایی که بدین منظور استفاده می شود. استفاده از پروتوتایپینگ یا نمونه سازی اولیه است. با بکارگیری این روش، روند کاری ریسک تغییرات کاهش یافته و رضایت مندی بیشتری برای مشتریان حاصل خواهد شد. در این مقاله سعی بر آن شده که کلیاتی در این باره و رند کاری طراحی سایت توضیح داده شود.

    [​IMG]

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

    [​IMG]

    آماده سازی پروتوتایپینگ
    نرم افزار ادیت گرافیکی معمولا گزینه ها و امکانات زیادی برای ساخت یک پروتوتایپینگ دارد. اما در سال های اخیر برخی از طراحان سایت به سمت و سوی پروتوتایپینگ در مرورگر روی آورده اند. این به چه معناست؟ منظور از پروتوتایپینگ در مرورگر این است که ظاهر نهایی وب سایت در مرورگر را برای دمو به مشتریان آماده می نمایند. این امر برای شروع انجام و ایجاد یک پروژه بسیار سریع تر، تمیزتر و ساده تر است. اما از کجا می توان آغاز کرد؟ ضرورت داشتن مهارت برای طراحی UI/UX در طراحی سایت و تفاوت UI و UX در طراحی سایت چیست و تعاریف آنها را می توانید در این مطالب مطالعه بفرمایید.

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    مزایای پروتوتایپینگ در مرورگر
    اما نمونه سازی در مرورگر نیز مزایای فراوانی دارد:

    • تغییر گریدبندی و جایگاه ماژول ها بسیار ساده تر امکان پذیر خواهد بود.
    • بسیاری از جزئیات و موارد با صرف زمان بسیار ناچیز قابل تغییر می باشند.
    • بسیاری از افکت های وب سایت مثل اسلایدر، کروسل ها و دراپ دان ها باید به صورت زنده تست شوند.
    • شما با تعداد کمی کد شروع میکنید و به مرور زمان طی پروسه ی طراحی سایت آن را کامل می نمایید.
     
  2. یاری
    karbar Rank

    تاریخ عضویت:
    ‏5/9/18
    ارسال ها:
    14
    تشکر شده:
    0
    امتیاز دستاورد:
    5
    ممکنه در مورد مزایای پروتوتایپینگ در مرورگر بیشتر توضیح بدید

    :p