????? ????

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

زمانی که یک محصول بیش از حد شفاف باشد احتمال اینکه کاربر صادقانه نظرش را بگوید بسیار کم است. اما با وجود طرح اولیه، به راحتی می تواند ایرادات و اشکالات طرح بندی را متوجه شده و نظرش را ابراز کند. بنابراین هزینه (زمان و پول) بسیار کمی بابت شناسایی و رفع اشکالات متحل می شوید. در نتیجه هر چه دیرتر متوجه تغییرات و یا اشکالات شوید به همان اندازه ویرایش سخت تر و هزینه برتر خواهد بود
طراحی وب چیست و به چه کسی طراح وب گفته می شود؟
طراحان وب علاوه بر مهارت های گرافیکی باید بهhtml و جاوا اسکریپت نیز تسلط داشته باشند. در واقع طراحی وب سمت مشتری یا Client-Side است و طراح وب فردی است که مسئولیت طراحی چیدمان سایت و ظاهر بصری سایت را برعهده دارد. این فرد برای آنکه موفق باشد باید علاوه بر تسلط به مفاهیم گرافیک و خلاقیت، مجموعه ای از مهارت های فنی را نیز دارا باشد زیرا وظایف مختلفی برعهده وی است. با این حال وظیفه اصلی وی طراحی بصری سایت است. در واقع طراح سایت باید سایت زیبا و کاربرپسند طراحی کند که هم برای کاربر زیبا و جذاب باشد و هم او را در سایت نگه دارد. همچنین علاوه بر چارچوب کلی و چیدمان اصلی، طراحی باید به نحوی انجام شود که تمام عناصر در دستگاه های مختلف به درستی نمایش داده شوند. طراحان وب باید همیشه به روز باشند و از ترندهای روز طراحی اطلاع داشته و استانداردها را رعایت کنند. طراح وب غالبا با تصویرسازی برند، پالت های رنگ، فونت و ... سروکار دارند. حقیقت این است که طراح وب با استفاده از ابزار طراحی مانند فتوشاپ، فیگما و ... پروتوتایپ یک سایت را ایجاد می کنند و پس از طراحی نمونه اولیه، برای آنکه بتوانند ان را به طرح پویا تبدیل کنند باید CSS، HTML و جاوا اسکریپت بدانند. فردی که از این ابزار استفاده می کند و یک صفحه وب می سازد توسعه دهنده Front – end است که برای سرعت بخشیدن به روند طراحی می توانند از فریمورک ها و کتابخانه هایی مانند Jquery استفاده کند. لازم به توضیح است که کتابخانه ها را نمی توان به عنوان جایگزین زبان برنامه نویسی دانست و تنها به این دلیل استفاده می شوند که فرایند طراحی سریعتر انجام شود. انگولار و ری اکت از جمله فریمورک های محبوب برای طراحی سایت هستند. طراحان وب علاوه بر طراحی ظاهر سایت وظیفه دارند اطمینان حاصل کنند که طرح شان کاربرپسند است و انتظارات آنها را براورده می سازد. چگونگی طراحی سایت بر کدنویسی آن تاثیر می گذارد، زیرا طراحان یک ماکت می سازند که توسعه دهندگان آن را به یک نمونه پویا تبدیل می کنند. طراحان وب خود به سه گروه طراح تجربه کاری (UX)، طراح رابط کاربری (UI) و طراح بصری تقسیم می شوند.

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

طراح سایت و طراح وب

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

فرانت اند چیست و چه کاربردی دارد؟
متخصصین فرانت با در نظر گرفتن کاربر و نیازهایش دست به کدنویسی می زنند. وظیفه این گروه از برنامه نویسان کد زنی عناصر بصری سایت است که توسط کاربر دیده می شوند. در واقع طرح و ایده ای که طراح سایت ارائه کرده است را به صورت عناصر دیدنی اجرا می کند. بنابراین باید از کاربردی بودن این عناصر اطمینان حاصل کند. همچنین به فرانت-اند برنامه نویسی سمت مشتری یا Client-side نیز گفته می شود. بنابراین کار توسعه دهنده فرانت این است که به عناصر بصری سایت پویایی می بخشد به همین دلیل تمرکز این فرد بر روی مواردی است که کاربر پس از ورود به سایت یا برنامه مشاهده می کند. باید مطمئن شود که تعامل با سایت ساده است و روان کار می کند. متخصص فرانت اند، عناصری مانند دکمه ها، ناوبری ها، عکس ها، گرافیک ها، تصاویر متحرک و سازماندهی محتواهاست. Frontend ترکیبی از فناورهایی همچون HTML، جاوا اسکریپت و CSS است.

HTML هسته مرکزی یک سایت است و طراحی و عملکرد کلی سایت را مشخص می کند. نسخه اپدیت شده ابزارهای زیادی در اختیار توسعه دهندگان قرار داده است تا برنامه هایی که اجرا می کنند کاربردی تر و کاربر پسندتر باشد. .CSS به توسعه دهندگان امکان می دهد انعطاف پذیری لازم برای طراحی سایت های جذاب و تعامل پذیر را داشته باشند. جاوا اسکریپت به عنوان یک زبان رویداد محور به دولوپر امکان می دهد تا عناصر پویا بر روی صفحات HTML استاتیک ایجاد کنند. انگولار، امبر، ری اکت و بک بون فریمورک های محبوب Front end به شمار می روند.

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

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

زمانی که یک محصول بیش از حد شفاف باشد احتمال اینکه کاربر صادقانه نظرش را بگوید بسیار کم است. اما با وجود طرح اولیه، به راحتی می تواند ایرادات و اشکالات طرح بندی را متوجه شده و نظرش را ابراز کند. بنابراین هزینه (زمان و پول) بسیار کمی بابت شناسایی و رفع اشکالات متحل می شوید. در نتیجه هر چه دیرتر متوجه تغییرات و یا اشکالات شوید به همان اندازه ویرایش سخت تر و هزینه برتر خواهد بود
طراحی وب چیست و به چه کسی طراح وب گفته می شود؟
طراحان وب علاوه بر مهارت های گرافیکی باید بهhtml و جاوا اسکریپت نیز تسلط داشته باشند. در واقع طراحی وب سمت مشتری یا Client-Side است و طراح وب فردی است که مسئولیت طراحی چیدمان سایت و ظاهر بصری سایت را برعهده دارد. این فرد برای آنکه موفق باشد باید علاوه بر تسلط به مفاهیم گرافیک و خلاقیت، مجموعه ای از مهارت های فنی را نیز دارا باشد زیرا وظایف مختلفی برعهده وی است. با این حال وظیفه اصلی وی طراحی بصری سایت است. در واقع طراح سایت باید سایت زیبا و کاربرپسند طراحی کند که هم برای کاربر زیبا و جذاب باشد و هم او را در سایت نگه دارد. همچنین علاوه بر چارچوب کلی و چیدمان اصلی، طراحی باید به نحوی انجام شود که تمام عناصر در دستگاه های مختلف به درستی نمایش داده شوند. طراحان وب باید همیشه به روز باشند و از ترندهای روز طراحی اطلاع داشته و استانداردها را رعایت کنند. طراح وب غالبا با تصویرسازی برند، پالت های رنگ، فونت و ... سروکار دارند. حقیقت این است که طراح وب با استفاده از ابزار طراحی مانند فتوشاپ، فیگما و ... پروتوتایپ یک سایت را ایجاد می کنند و پس از طراحی نمونه اولیه، برای آنکه بتوانند ان را به طرح پویا تبدیل کنند باید CSS، HTML و جاوا اسکریپت بدانند. فردی که از این ابزار استفاده می کند و یک صفحه وب می سازد توسعه دهنده Front – end است که برای سرعت بخشیدن به روند طراحی می توانند از فریمورک ها و کتابخانه هایی مانند Jquery استفاده کند. لازم به توضیح است که کتابخانه ها را نمی توان به عنوان جایگزین زبان برنامه نویسی دانست و تنها به این دلیل استفاده می شوند که فرایند طراحی سریعتر انجام شود. انگولار و ری اکت از جمله فریمورک های محبوب برای طراحی سایت هستند. طراحان وب علاوه بر طراحی ظاهر سایت وظیفه دارند اطمینان حاصل کنند که طرح شان کاربرپسند است و انتظارات آنها را براورده می سازد. چگونگی طراحی سایت بر کدنویسی آن تاثیر می گذارد، زیرا طراحان یک ماکت می سازند که توسعه دهندگان آن را به یک نمونه پویا تبدیل می کنند. طراحان وب خود به سه گروه طراح تجربه کاری (UX)، طراح رابط کاربری (UI) و طراح بصری تقسیم می شوند.

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

طراح سایت و طراح وب

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

فرانت اند چیست و چه کاربردی دارد؟
متخصصین فرانت با در نظر گرفتن کاربر و نیازهایش دست به کدنویسی می زنند. وظیفه این گروه از برنامه نویسان کد زنی عناصر بصری سایت است که توسط کاربر دیده می شوند. در واقع طرح و ایده ای که طراح سایت ارائه کرده است را به صورت عناصر دیدنی اجرا می کند. بنابراین باید از کاربردی بودن این عناصر اطمینان حاصل کند. همچنین به فرانت-اند برنامه نویسی سمت مشتری یا Client-side نیز گفته می شود. بنابراین کار توسعه دهنده فرانت این است که به عناصر بصری سایت پویایی می بخشد به همین دلیل تمرکز این فرد بر روی مواردی است که کاربر پس از ورود به سایت یا برنامه مشاهده می کند. باید مطمئن شود که تعامل با سایت ساده است و روان کار می کند. متخصص فرانت اند، عناصری مانند دکمه ها، ناوبری ها، عکس ها، گرافیک ها، تصاویر متحرک و سازماندهی محتواهاست. Frontend ترکیبی از فناورهایی همچون HTML، جاوا اسکریپت و CSS است.

HTML هسته مرکزی یک سایت است و طراحی و عملکرد کلی سایت را مشخص می کند. نسخه اپدیت شده ابزارهای زیادی در اختیار توسعه دهندگان قرار داده است تا برنامه هایی که اجرا می کنند کاربردی تر و کاربر پسندتر باشد. .CSS به توسعه دهندگان امکان می دهد انعطاف پذیری لازم برای طراحی سایت های جذاب و تعامل پذیر را داشته باشند. جاوا اسکریپت به عنوان یک زبان رویداد محور به دولوپر امکان می دهد تا عناصر پویا بر روی صفحات HTML استاتیک ایجاد کنند. انگولار، امبر، ری اکت و بک بون فریمورک های محبوب Front end به شمار می روند.

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