مطلب مهم

طراحي سايت

مفهوم طراحي و توسعه وب تقريباً از زماني كه وب سايت وجود داشته است وجود داشته است. قبلاً تعريف بسيار ساده تري داشت زيرا ايجاد وب سايت يك فرايند بسيار ساده تر بود.
وقتي اولين وب سايت كه در سال 1991 منتشر شد را با وب سايت هاي مدرن مقايسه كنيد ، واقعاً مي توانيد ببينيد چقدر وب سايت ها تكامل يافته اند. امروزه ايجاد و نگهداري يك وب سايت پيچيده تر است و شامل تمام اكوسيستم نقش ها و مجموعه مهارت ها مي شود.
براي طراحان ، دشوار است كه بدانيد دقيقاً در كجا در اين اكوسيستم قرار مي گيريد. اين مقاله جنبه هاي اصلي فرايند ايجاد وب سايت را تشريح مي كند و تصويري واضح از نقش شما ، نقش ديگران و مجموعه مهارت هاي مربوطه ارائه مي دهد.

طراحي سايت و توسعه وب چيست؟

طراحي سايت و توسعه وب يك اصطلاح چتري است كه روند ايجاد يك وب سايت را توصيف مي كند. همانطور كه از نامش پيداست ، شامل دو مجموعه مهارت اصلي است: طراحي وب و توسعه وب. طراحي وب ظاهر و احساس يك وب سايت را تعيين مي كند ، در حالي كه توسعه وب نحوه عملكرد آن را تعيين مي كند.
از آنجا كه هميشه خط سختي بين دو نقش وجود ندارد ، عناوين اغلب به جاي يكديگر استفاده مي شوند. همانطور كه وب همچنان در حال تكامل است ، نقش ها نيز تكامل مي يابند.
در تقريباً 30 سال از ايجاد اولين وب سايت ، عناوين شغلي متعددي براي توصيف مجموعه مهارت هاي مختلف مورد استفاده براي ايجاد وب سايت ظاهر شده است ، كه هر سال تعداد بيشتري از آنها منتشر مي شود . اين عناوين اغلب با هم تداخل دارند و معاني آنها از شركتي به شركت ديگر تغيير مي كند. كافي است سر خود را بچرخانيد.
طراحي در مقابل توسعه جلو در مقابل توسعه در عقببراي ساده تر نشان دادن ، اجازه دهيد ايجاد وب سايت را به دو دسته تقسيم كنيم: آنچه كاربران مشاهده مي كنند و آنچه كاربران نمي بينند.
آنچه كاربر مي بيند در يك مرورگر اتفاق مي افتد و شامل طراحي و توسعه نهايي است. طراحي رنگ ، طرح بندي ، فونت و تصاوير وب سايت را تعريف مي كند - همه مواردي كه در مارك تجاري و قابليت استفاده وب سايت وجود دارد - و به ابزارهايي مانند Photoshop ، Illustrator ، Fireworks و Sketch نياز دارد.
استفاده از زبان هاي برنامه نويسي مانند HTML ، CSS و Javascript براي پياده سازي آن طراحي ، توسعه جلو ناميده مي شود. اين زبانها امكان تعامل با دكمه ها ، تصاوير ، متن ، فرم هاي تماس و منوهاي ناوبري را براي كاربران فراهم مي كنند. و آنها در طراحي پاسخگو و تطبيقي جدايي ناپذير هستند .
برخي از طراحان كدگذاري مي كنند و برخي توسعه دهندگان اصلي طراحي مي كنند. برخي از طراحان يك قطعه كد را لمس نمي كنند. و برخي از توسعه دهندگان اصلي به برنامه نويسي پايبند هستند و هيچ چيز ديگري. مفيد است ، درست است؟
آنچه كاربر نمي بيند در سرور اتفاق مي افتد و شامل توسعه پشتيبان مي شود.
يك وب سايت براي ذخيره و سازماندهي تمام داده هايي كه از طريق قسمت جلويي وارد مي شود ، به يك قسمت پشتي نياز دارد. بنابراين اگر كاربر چيزي بخرد يا يك فرم را پر كند ، اطلاعات را در يك برنامه در قسمت جلويي وب سايت وارد مي كند. و اين اطلاعات در پايگاه داده اي كه روي سرور زندگي مي كند ذخيره مي شود.
يك وب سايت همانطور كه مي خواهيد كار مي كند زيرا قسمت هاي جلويي و عقب يك وب سايت هميشه در حال برقراري ارتباط هستند. توسعه دهنده عقب مانند هادي است. آنها اطمينان حاصل مي كنند كه برنامه ها ، پايگاه هاي داده و سرورها به طور هماهنگ با استفاده از زبان هايي مانند Ruby ، ​​PHP ، .Net و Python همراه با چارچوب هايي كار مي كنند.
عناصر طراحي وبطراح برجسته پل رند در مقاله خود با عنوان "اين نام مجاز نمي باشد طراحي " نوشت: "طراحي يك فعاليت حل مسئله است. اين وسيله شفاف سازي ، تركيب و نمايشنامه سازي يك كلمه ، يك تصوير ، يك محصول يا يك رويداد را فراهم مي كند. "
طراحان وب دائما در حال حل مشكلات كاربران خود هستند. وب سايت ها بايد به راحتي كاربران را در جايي كه مي خواهند بروند و كاري را كه مي خواهند انجام دهند. يك كاربر نااميد كمتر احتمال دارد كه در اطراف خود بماند ، چه برسد به اينكه دوباره به يك وب سايت بازگردد.
به همين دليل است كه هر يك از عناصر طراحي وب در خدمت سهولت استفاده از وب سايت در صورت امكان است: بنابراين مردم بارها و بارها از وب سايت بازديد مي كنند و با آن ارتباط برقرار مي كنند.

چيدمان: طرح بندي عبارت است از سرصفحه وب سايت ، منوي ناوبري ، پاورقي ، محتوا و گرافيك. طرح بندي بستگي به هدف وب سايت و نحوه طراح وب دارد كه كاربر بخواهد با وب سايت تعامل داشته باشد. به عنوان مثال ، يك وب سايت عكاسي تصاوير زيبا بزرگ را در اولويت قرار مي دهد ، در حالي كه يك سايت تحريريه فاصله بين متن و حروف را در اولويت قرار مي دهد.
سلسله مراتب بصري: يك كاربر بايد بتواند با نگاهي به يك وب سايت به اطلاعات مورد نياز خود دسترسي پيدا كند. اين جايي است كه سلسله مراتب بصري در مي آيد. سلسله مراتب بصري روند تعيين كه جنبه زيبايي شناسي از وب سايت بايد ايستادگي كردن با استفاده از اندازه، رنگ، فاصله، و بيشتر است.
عناوين اين مقاله يك مثال اساسي از سلسله مراتب بصري است. آنها به سرعت به شما خواننده اجازه مي دهند بدانند اين مقاله درباره چيست.
ناوبري: ناوبري به كاربر كمك مي كند تا از نقطه A به نقطه B با استفاده از ابزارهاي ناوبري مانند معماري سايت ، منوها و نوارهاي جستجو برسد. ناوبري ساده و موثر به كاربران كمك مي كند تا اطلاعات مورد نياز خود را سريع و آسان بيابند.
رنگ: رنگ به وب سايت شخصيت مي بخشد ، آن را برجسته مي كند و نحوه عمل را به كاربر نشان مي دهد. پالت رنگ ممكن است بر اساس هويت موجود يك مارك تجاري يا محتواي يك وب سايت تعيين شود . يك پالت رنگي ثابت به نظم دادن به يك وب سايت كمك مي كند.

منبع: <فونيكس وب>