اصول طراحي سايت | ۱۰ اصل طراحي فوق العاده وب سايت

پباده سازي اول وبسايت طراح اينترنت! آيا اين تيتر حقيقتا يك رشته و تيتر شغلي ميباشد طراحي سايت در مشهد يا اين كه تنها يك اسم دهان‌پركن ميباشد؟ در جواب بايستي بيان كنم كه ساخت وب سايت صرفا نامي ديدني وجود ندارد بلكه يادگيري آن قادر است شما‌را به سمت رشته‌اي هيجان‌انگيز و خارق‌العاده برنده شود؛ به‌ويژه در شرايطي‌كه دلداده حل زمينه باشيد و خلاقيت نحوه شما باشد.
ولي شمايي كه در جديد در مسير طراحي وب گام گذارده‌ايد يا اين كه هنوز قدمي برنداشته‌ايد ممكن ميباشد يه خرده حيران و سردرگم باشيد. شايد با خودتان تصور كنيد: اصول طراحي وب سايت چه چيزي است؟ طراحان اينترنت چه مي‌نمايند؟ شايد حتي بپرسيد: به هيچ عنوانً ساخت سايت چه چيزي است؟ (آري ما تقارن زماني در همين مرحله بوديم.)
جدول محتويات
1 اصول طراحي وب1.1 1- پباده سازي بصري خاطر بگيريد1.2 2- يو ايكس (UX) يا اين كه تجربه كاربري را بياموزيد1.3 3- با پباده سازي اپ آشنا گرديد1.4 4- اچ‌تي‌ام‌ال (HTML) حافظه بگيريد1.5 5- سي‌اس‌اس (CSS) خاطر بگيريد1.6 6- حال نوبت جاوا اسكريپت ميباشد1.7 7- مدير بازه1.8 8- ارتباطات1.9 9- با بهينه سازي/ بازاريابي ديجيتالي/ رسانه‌هاي اجتماعي آشنا گرديد1.10 10- رئيس كسب‌وكار/ مشتري را حافظه بگيريداصول طراحي وبهنگامي بدين فيض مي سيد كه ساخت سايت، رشته‌ي مطلوب شماست يا اين كه خير ما يحتاج ميباشد به سؤالات اساسي‌تري پاسخ دهيد: حقيقتاً مايحتاج چه چيزهايي را بدانيد؟ مايحتاج ميباشد كد نويسي حافظه بگيريد؟ چه ابزارهايي مي بايست داشته باشيد؟ آيا موردنياز ميباشد بدانيد مشتري‌ها را چطور مي بايست مدير كرد؟
نگران نباشيد! استارت ساخت سايت‌تارنما از آنچه فكر مي كنيد بي آلايش‌خيس ميباشد. صرفا كاري كه ما يحتاج ميباشد انجام دهيد اين ميباشد كه با اصول ساخت وب سايت آشنا گرديد تا به‌زودي در مسير صحيح قرار بگيريد.
 
نكتهنخست درباره ي جنبه‌هاي فني شغل طراح اينترنت سخن مي كنيم آن گاه بعضا مهارت‌هاي مديريتي را توضيح مي دهيم. كل اين اختصارها و كلمات خيره كننده ميتواند ترسناك به حيث بيايد البته در حالتي كه با معنا آن ها آشنا گرديد و مقاله ها ديگر آران را هم بخوانيد خيلي شل (و ولي مفرح!) خواهند بود.1- پباده سازي بصري خاطر بگيريدبراي تبديل‌شدن به يك طراح اينترنت موردنياز ميباشد علم پباده سازي داشته باشيد؛ ولي پباده سازي بصري با آنچه پيش از اين از پباده سازي بصري در ذهن داريد يه خرده گوناگون ميباشد.
در اين باره اصول پباده سازي به عبارتي چيزي ميباشد كه ظواهر و روح وبسايت را تشكيل ميدهد. اين اصول مشتمل بر نسبت‌ها، تايپوگرافي، سيستم گريد (Grid) و تئوري رنگ‌ها ميباشد؛ به‌عبارت‌ديگر، پباده سازي بصري، شما‌را در خلق و خوي مودبوردها (moodboards)، روش استعمال از فونت‌هاي مطلوب اينترنت و پالت رنگي پند مي‌نمايد.
2- يو ايكس (UX) يا اين كه تجربه كاربري را بياموزيديو ايكس مخفف user experience يا اين كه تجربه مخاطب ميباشد؛ به‌اين معنا كه زماني فردي از يك اينترنت‌وب سايت بازديد مي‌نمايد چه حسي (لذت، متانت، نااميدي و غيره) به وي دست مي دهد.
از همگي اصلي‌خيس يو ايكس يعني مجاورت كردن پباده سازي‌هايتان به بينش استفاده كننده؛ يعني به چه شكل مي توانيد يك اينترنت‌تارنما را طوري پباده سازي فرماييد كه به مخاطب به عبارتي چيزي را بدهد كه نياز دارااست.
براي انجام اين عمل مايحتاج ميباشد در زمينه ي يوزرها خويش تحقيق فرماييد و پرسونا ساخت فرماييد (خلاصه ويژگي ها استفاده كننده مقصود ذهني). آنگاه صفحه هاي و نقشه تارنما را تدوين ميكنيد. مسيري را كه يوزرها در وب سايت شما پيش ميگيرند در جريان كاربري گزينش مي كنيد (به عنوان مثالً آيا مدام مستقيماً چهت نيل به كانال‌هاي اجتماعي كليك مي‌نمايند؟ يااينكه تنها به‌دنبال داده ها تماس مي‌باشند؟).
3- با پباده سازي اپليكيشن آشنا گرديدمثل هر معلم ديگري براي اينكه بتوانيد كارتان را انجام دهيد به ابزار مطلوب نياز داريد. يك كدام از اصول طراحي وب سايت همين ميباشد كه در خصوص استانداردهاي صنعت مدنظرتان داده ها داشته باشيد. اين عمل مدام اثر گذار و اكثر زمان ها زمان ها حياتي ميباشد.
اگرچه پباده سازي يك اينترنت‌وبسايت را مي‌قدرت مستقيماً در مرورگر انجام اعطا كرد البته ابزارهايي مثل فتوشاپ، ايلوستريتور و اسكچ از آن دسته ابزارهايي ميباشند كه به طور تقريبً مجموع طراحان براي بخش‌هاي اساسي كارشان مثل كردار موكاپ‌ها، عنصرها اينترنت (به عنوان مثالً لوگوها و تصاوير) و صدالبته تغيير‌و تحول و تقويت تصاوير از آنان استعمال مي‌نمايند. شما نيز بايستي حافظه بگيريد چه‌طور از آن ها به كار گيري نمائيد.
4- اچ‌تي‌ام‌ال (HTML) حافظه بگيريدممكن ميباشد تصور كنيد طراح تارنما نيازي به يادگيري كد نويسي ندارد البته امروزه داشتن اين مهارت علاوه بر اصول ساخت سايت، جزو انتظارات كارفرماها براي اكثر اوقات شغل‌هاي پباده سازي ميباشد.
اچ‌تي‌ام‌ال عبارت اختصاريافته‌ي لهجه علامت‌گذاري ابرمتني (Hyper Text Markup Language) ميباشد كه يعني لهجه كد نويسي كه از آن براي قرار دادن محتوا در كاغذ‌ي اينترنت استعمال ميشود و به آن شيت ساختار ميدهد.
اين يعني شيوه‌ي تبديل لغات به عنا وين، جمله، پانويس و همينطور طرز‌ي قرار دادن محتواهايي مثل تصاوير، ويدئوها و گرافيك‌ها در اينترنت‌وب سايت‌ها.
5- سي‌اس‌اس (CSS) خاطر بگيريدحال نوبت به همكار و ياروهمدم اچ‌تي‌ام‌ال ميرسد كه به عبارتي سي‌اس‌اس يا اين كه شيت‌هاي پشت سر هم و مشبك (Cascading Style Sheets) ميباشد.
سي‌اس‌اس، كدهايي ميباشد كه به جستجوگرها ميگويد چه گونه اچ‌تي‌ام‌ال را براي يك كاغذ اينترنت فرمت‌دهي نمايند و به آن مدل بدهند؛ به‌عبارت‌ديگر چيزي ميباشد كه منجر مي گردد كل متون و ديگر محتواها خوب و خوشگل به لحاظ برسند.
با سي‌اس‌اس مي توانيد رنگ‌ها را تهيه نمائيد، فونت‌ها را تغيير و تحول دهيد يا اين كه پس‌قضيه‌اي شگفت‌انگيز اضافه فرمائيد؛ حتي ميتوانيد شغل هاي ديگري را نيز انجام دهيد.
اينجا دقيقاً به عبارتي مرحله‌اي ميباشد كه مهارت پباده سازي شما مورداستفاده قرار ميگيرد و ميتوانيد ردپاي خلاقانه خويش را در هر سايتي كه اخلاق مي كنيد به‌جا بگذاريد.
6- درحال حاضر نوبت جاوا اسكريپت ميباشددرحالي‌كه مي توانيد پباده سازي‌هايتان را فقط با به كارگيري از اچ‌تي‌ام‌ال و سي‌اس‌اس انجام دهيد البته چنانچه بتوانيد با جاوا اسكريپت هم كاركنيد دراين باره رقابتي يك‌گام جلو مي‌باشيد.
جاوا اسكريپت به شما اذن مي دهد مؤلفه‌هاي استاتيك وبسايت‌تان را تعاملي نمائيد؛ از جملهً به اينترنت‌وبسايت‌هايي كه زماني وارد آنها ميشويد ظواهر متفاوتي دارا‌هستند و زيباتر از ساير وب سايت‌ها به لحاظ مي‌رسند را نگاه نماييد؛ اسلايدرها، بلوك‌هاي متحرك، كاروسل‌ها و غيره با استعمال از اين لهجه به وجود ميايند.