ساخت وب سایت
اين مهمترين بخش هر فرآيند توسعه وب است. اگر به همه اين سؤالات به طور واضح در خلاصه پاسخ داده نشود، کل پروژه مي تواند در جهت اشتباه حرکت کند.
نوشتن يک يا چند هدف به وضوح مشخص شده، يا خلاصه اي از يک پاراگراف از اهداف مورد انتظار ممکن است مفيد باشد. اين به قرار دادن طرح در مسير درست کمک مي کند. اطمينان حاصل کنيد که مخاطبان وب سايت را درک مي کنيد، و دانش کاري در مورد رقابت ايجاد مي کنيد.
براي اطلاعات بيشتر در مورد اين مرحله طراحي، " فرايند طراحي وب مدرن: تعيين اهداف " را بررسي کنيد.
ابزارهاي مرحله شناسايي هدف وب سايت
شخصيت هاي مخاطب
خلاصه خلاقانه
رقيب تجزيه و تحليل مي کند
ويژگي هاي برند
2. تعريف محدوده
يکي از رايج ترين و دشوارترين مشکلاتي که پروژه هاي طراحي وب را با مشکل مواجه مي کند، خزش دامنه است. مشتري با يک هدف شروع مي کند، اما اين به تدريج در طول فرآيند طراحي گسترش مي يابد، تکامل مي يابد يا به طور کلي تغيير مي کند - و نکته بعدي که مي دانيد، شما نه تنها يک وب سايت طراحي و ايجاد مي کنيد، بلکه يک برنامه وب، ايميل ها نيز انجام مي دهيد. و اعلان‌هاي فشاري.
اين لزوما براي طراحان مشکلي ايجاد نمي کند، زيرا اغلب مي تواند منجر به کار بيشتر شود. اما اگر انتظارات افزايش يافته با افزايش بودجه يا جدول زماني مطابقت نداشته باشد، پروژه به سرعت مي تواند کاملا غير واقعي شود.
نمودار گانت
آناتومي نمودار گانت
نمودار گانت، که يک جدول زماني واقع بينانه براي پروژه، از جمله هر نقطه عطف مهم را شرح مي دهد، مي تواند به تعيين مرزها و ضرب الاجل هاي قابل دستيابي کمک کند. اين يک مرجع ارزشمند هم براي طراحان و هم براي مشتريان فراهم مي کند و کمک مي کند همه بر روي کار و اهداف در دست تمرکز داشته باشند.
ابزارهايي براي تعريف محدوده
يک قرارداد
نمودار گانت (يا ديگر تجسم خط زماني)
3. نقشه سايت و ايجاد فريم
نقشه سايت ساده
نقشه سايت براي يک وب سايت ساده. توجه داشته باشيد که چگونه سلسله مراتب صفحه را ثبت مي کند.
نقشه سايت پايه و اساس هر وب سايتي را فراهم مي کند که به خوبي طراحي شده باشد. اين به طراحان وب کمک مي کند تا ايده روشني از معماري اطلاعات وب سايت داشته باشند و روابط بين صفحات مختلف و عناصر محتوا را توضيح مي دهد.
ساختن سايت بدون نقشه سايت مانند ساختن يک خانه بدون نقشه است. و اين به ندرت خوب مي شود.
قدم بعدي يافتن الهام از طراحي و ساختن يک مدل از قاب سيمي است. Wireframes چارچوبي براي ذخيره طراحي بصري و عناصر محتواي سايت فراهم مي کند و مي تواند به شناسايي چالش ها و شکاف هاي احتمالي در نقشه سايت کمک کند.
کيت wireflow
Anton Balistsky يک کيت Wireframing Webflow ساخت که مي توانيد آن را به صورت رايگان سايت منبع شبيه سازي کنيد.
اگرچه يک قاب سيمي حاوي هيچ عنصر طراحي نهايي نيست، اما به عنوان راهنماي ظاهر سايت در نهايت عمل مي کند. همچنين مي تواند به عنوان الهام بخش براي قالب بندي عناصر مختلف عمل کند. برخي از طراحان از ابزارهاي نرمي مانند Balsamiq يا Webflow براي ايجاد وايرفريم هاي خود استفاده مي کنند. من شخصاً دوست دارم به اصول اوليه برگردم و از کاغذ و مداد اوله مطمئن استفاده کنم.
سفارش طراحی سایت - تحویل فوری