آموزش كامل طراحي سايت

آموزش كامل طراحي سايت : اگر مي‌خواهيد يك وب‌سايت طراحي كنيد اين مطلب مي‌تواند به شما كمك بسياري كند.

كاري كه شما بايد انجام دهيد اين است كه قدم به قدم از طريق يك راهنماي مناسب جلو برويد تا بتوانيد يك سايت را طراحي كنيد. در اين مقاله ۷ قدم اساسي براي شما آورده شده است تا بتوانيد يك سايت را به خوبي طراحي كنيد.

اگر مي‌خواهيد يك وب‌سايت جديد بسازيد يا وب‌سايت موجود را به روزرساني كنيد، پس اين مطلب براي شما مفيد خواهد بود. با ما همراه باشيد.

1. ۱. يك نقشه براي پروژه ايجاد كنيد

آموزش كامل طراحي سايت : اولين نكته‌اي كه بايد در نظر داشته باشيد اين است كه يك نقشه و طرح براي پروژه خود ايجاد كنيد. يادگيري طراحي وب‌سايت بدون طرح و نقشه مانند نقاشي روي پارچه كرباس بدون داشتن طرح نقاشي است.

پيش از شروع كار، از خود اين چهار سؤال را بپرسيد:

1. چه نوع برندي را مي‌خواهيد ايجاد كنيد؟ يك خودكار برداريد و صفات برندي كه مي‌خواهيد ايجاد كنيد را يادداشت كنيد.
2. دنبال چه چيزي هستيد‌؟ مي‌خواهيد چيزي بفروشيد؟ برندي را مطرح كنيد‌؟ يا اينكه صرفاً براي سرگرمي اين وب‌سايت را طراحي مي‌كنيد؟
3. به چه ويژگي‌هايي نياز داريد‌؟ وب‌سايت شما مي‌تواند داراي دكمه‌هاي ثبت‌نام در خبرنامه و شبكه‌هاي اجتماعي باشد. زماني كه پلتفرم وب‌سايت خود (گام دوم) را انتخاب مي‌كنيد، بايد بدانيد كه آيا وب‌سايت ويژگي‌هاي مورد نظر شما را دارد يا خير.
4. اين سايت براي چه كساني است؟ درباره افرادي كه مي‌خواهيد سايت شما را بخوانند و ببينند فكر كنيد. آنها دنبال چه چيزي هستند؟

سايت شما بايد جواب اين سؤالات را در خود داشته باشد. به عنوان مثال، اگر يك سايت رسمي و حرفه‌اي مي‌خواهيد بايد از رنگ‌هاي جدي مانند سفيد و خاكستري استفاده كنيد‌.

اين پروسه سؤالات به شما كمك مي‌كند تا از طراحي غلط اجتناب كنيد.

قدم بعدي اين است كه به سايت‌هاي مشابه خود نگاه كنيد. چه چيزي را دوست داريد؟ چه چيزي را دوست نداريد؟ انگيزه داشته باشيد. اين موارد قدمي كليدي در يادگيري طراحي يك وب‌سايت هستند.

1. ۲. پلتفرم خود را انتخاب كنيد

آموزش طراحي سايت : پيش از طراحي سايت بايد يك پلتفرم براي سايت خود انتخاب كنيد.

انتخاب شما مي‌تواند بين يك سازنده وب‌سايت هاست‌شده مانند Wix يا گزينه اپن سورس و كدنويسي توسط خود شما مانند وردپرس يا يك كمپاني طراحي وب‌سايت فول سرويس مانند Exai.com باشد. هر كدام از اين موارد مزاياي خاص خود و معايبي را دارند. شما بايد با توجه به نيازهاي خود يكي را انتخاب كنيد.

توجه داشته باشيد كه سايت‌ها و شركت‌هاي مختلفي وجود دارند كه به شما براي ساخت وب‌سايت خدمات مي‌دهند و مثال‌هاي بالا تنها چند مورد از آنها بودند.

1. صفحه اصلي (homepage)

آموزش كامل طراحي سايت : زماني كه پلتفرم خود را انتخاب كرديد نوبت تمركز روي هدايت، طرح و شكل‌بندي است. اين اولين قدم خلاقانه چگونگي طراحي يك وب‌سايت مي‌باشد.

صفحه اصلي(homepage) شما مانند ويترين مغازه شما است، بنابراين اهميت بالايي دارد. بازديدكنندگان از سايت با ديدن صفحه اصلي بايد بفهمند كه سايت شما در چه حوزه‌اي فعاليت مي‌كند.

يك وب‌سايت خوب استايل مناسبي دارد، اما جوهره خوبي نيز دارد. صفحه اصلي (homepage) كار بازديدكنندگان را براي گشتن در وب‌سايت آسان مي‌كند.

آموزش كامل طراحي سايت

طرح و شكل صفحه اصلي (homepage)

آموزش كامل طراحي سايت : در سطح ساده بايد گفت كه يك homepage دو بخش دارد: نيمه بالايي و نميه پائيني.

نيمه بالايي: محتواي اين بخش بايد شامل موارد اساسي باشد تا بازديدكنندگان مجبور نشوند براي ديدن مطلب مورد نياز خود به پائين صفحه مراجعه كنند.

نيمه پاييني: اين بخش در واقع از نيمه بالايي پشتيباني مي‌كند. براي مثال اگر شما هنرمند هستيد، اين بخش براي بازديدكنندگان توضيح مي‌دهد چرا بايد از سايت شما بازديد كنند.

نكته: سايت خود را شلوغ و پيچيده نكنيد. پيام اصلي را در صفحه اصلي بگذاريد تا با بازديدكنندگان ارتباط بگيريد.

اگر يك لوگو داريد مي‌توانيد آن را در جاهاي مختلفي بگذاريد. اگر روي برند تمركز داريد، آن را در وسط و زير منو قرار دهيد.

گشت‌زني در صفحه اصلي

منوي گشت‌وگذار به بازديدكنندگان اجازه پرسه‌زني در سايت شما را مي‌دهد.

نكات طراحي براي گشت‌زني در وب‌سايت:

• تنها صفحات ضروري را قرار دهيد.
• فهرستي از لينك‌هاي مربوطه بسازيد.
• مطمئن شويد كه عنوان صفحه‌ها كوتاه و واضح و درشت هستند.
• مطمئن شويد كه منو و قسمت هدايت و پرسه‌زني (navigation) در معرض ديد و خوانا هستند.

منوي نويگيشن يا پرسه‌زني را در قسمت بالاي صفحه قرار دهيد. اين منو بايد شامل گزينه‌هاي تماس و توضيح درباره وب‌سايت است. زماني كه كار تمام شد، آن را به دوستان يا اقوام خود نشان دهيد و نظر آنها را جويا شويد. اگر آنها سايت شما را گيج‌كننده ديدند، برگرديد و آن را اصلاح كنيد.

1. ۴. يك قالب (تم) انتخاب كنيد

آموزش كامل طراحي سايت : براي ارائه صفحه اصلي خود بايد يك قالب (تم) انتخاب كنيد. سازندگان وب‌سايت، گستره بزرگي از قالب‌هاي مناسب را براي انتخاب شما دارند. به علاوه آنها اين قالب‌ها را فهرست‌بندي كرده‌اند و مي‌توانيد يك تم يا قالب را كه با صنعت شما هماهنگ است، انتخاب كنيد. بيشتر پلتفرم‌ها گستره‌اي از قالب‌هاي پولي و رايگان را ارائه مي‌دهند. قالب انتخابي خود را با اضافه كردن ويژگي‌ها و مؤلفه‌هاي گوناگون امتحان كنيد. بعضي از قالب‌هاي پولي را نمي‌توان شخصي‌سازي كرد و تغيير داد، پس پيش از انتخاب مراقب باشيد. يادتان باشد شايد شما نتوانيد قالبي عالي پيدا كنيد، اما با رويكردي سيستماتيك مي‌توانيد محدوده انتخاب خود را از صدها قالب به چند عدد كاهش دهيد.

بيشتر قالب‌ها داراي يك هِدِر (Header) از پيش طراحي شده هستند. آنها مي‌توانند حاوي تصاوير، گالري‌ها و حتي ويدئوها باشند. واضح‌ترين گزينه را انتخاب نكنيد. هدري را انتخاب كنيد كه به كار شما بيايد و با پيام اصلي سايت شما ارتباط بگيرد. هدرهاي گوناگوني وجود دارند كه هر كدام از آنها براي انواع مختلفي از سايت‌ها مناسب هستند.

امن‌ترين انتخاب يك هدر تصويري ثابت با محتوا مي‌باشد. شما با آن عناصري كليدي مانند هدلاين، پاراگراف اصلي و تصوير حمايتي را خواهيد داشت.

سايت‌هاي پيچيده‌تر كه تبليغات و سرويس‌هاي بيشتري دارند، شايد هدر ديگري بخواهند.

1. يك شماي رنگي انتخاب كنيد

آموزش كامل طراحي سايت : ۸۵ درصد خريداران مي‌گويند رنگ، عاملي كليدي در خريد يك محصول خاص است.

بنابراين جاي تعجب نيست كه انتخاب رنگ مناسب، قدمي بزرگ در طراحي يك وب‌سايت است. اين مرحله به شما كمك مي‌كند تا براي سايت خود يك رنگ مناسب و عالي انتخاب كنيد.

استراتژي رنگ خوب شامل ۳ چيز است:

• يك رنگ مسلط و چيره كه با يك رنگ تعريفي تركيب شده است.
• يك رنگ پس زمينه.
• يك رنگ پايدار و ثابت در سراسر سايت.

رنگ چيره و مسلط شما بايد رنگي باشد كه شما مي‌خواهيد در ذهن مردم باقي بماند. اگر يك لوگو داريد از يك رنگ اوليه لوگوي خود به عنوان رنگ چيره و مسلط استفاده كنيد. مفهوم يك رنگ را پيش از انتخاب درك كنيد. براي مثال رنگ قرمز نشانه ضرورت، هيجان و احساسات شديد است. اين رنگ خريداران لحظه‌اي را جذب مي‌كند و براي فست فودها و حراجي‌ها مناسب است. بايد بدانيد كه هر رنگ نشانه و مفهمومي دارد تا رنگ مناسب سايت خود را بيابيد.

انتخاب يك رنگ روشن و شاد براي يك سايت خدمات‌دهي رهن و اجاره انلاين مناسب نيست. رنگ پس زمينه‌تان ساده باشد. نبايد اين رنگ حواس‌ها را از محتواي سايت پرت كند. هر رنگي انتخاب مي‌كنيد يادتان باشد كه ثابت باقي بماند. براي صفحات گوناگون، رنگ‌هاي مختلف انتخاب نكنيد. اين كار بازديدكنندگان سايت شما را گيج خواهد كرد.

1. محتواي خود را اضافه كنيد: فونت‌ها، تصاوير و محتوا

آموزش كامل طراحي سايت : حال نوبت محتوا است

فونت‌ها:

قانون طلايي فونت‌ها اين است: هيچ وقت خوانا بودن را فداي استايل فونت نكنيد. يك فونت عالي و جذاب چه فايده‌اي دارد اگر نتوان آن را خواند.

مانند رنگ، فونت نيز بايد ثابت باشد. مطمئن شويد كه تيترها نيز داراي همان فونت باشند. يادتان باشد ثبات داشته باشد. بيشتر از دو  فونت براي سايت خود انتخاب نكنيد و رنگ آن نيز همين گونه باشد يعني بيشتر از دو رنگ براي فونت استفاده نكنيد.

مانند رنگ، فونت نيز بايد محتوا و هدف سايت شما را منعكس كند. فونت‌هاي مختلف چيزهاي مختلفي ارائه مي‌دهد. فونت Times New Roman قديمي و سنتي است. Calibri شفاف و بدون انشعاب است. اگر يك سايت حرفه‌اي هستيد فونت Comic Sans را انتخاب نكنيد.

محتوا:

مطالب شما بايد جذاب و گيرا باشند تا بازديدكنندگان را درگير كنند كه مطالب را بخوانند. مطالب و محتوا بايد هدفمند نوشته شوند.

سئو را نيز در ذهن داشته باشيد. سئو بهينه مطالب براي موتورهاي جستجوگر است و باعث مي‌شود تا در سايت‌هاي جستجويي مانند گوگل بيشتر ديده شويد. از كلمات كليدي استفاده كنيد. يادتان باشد بخش مهمي از سئو نوشتن مطالب هدفمند است.

تصاوير:

تصاوير وسيله/ هايي هستند كه يك وب‌سايت معمولي را به يك مهماني بصري تبديل مي‌كنند. يادتان باشد تصاوير در ذهن مي‌مانند . اگر شما چيزي را بشنويد تنها ۱۰ درصد آن را به خاطر خواهيد داشت اما يك تصوير تا ۶۵ درصد در ذهن مي‌ماند.

اما دقت كنيد كه بيش از حد تصوير را روي سايت خود بارگذاري نكنيد. تعداد زيادي تصاوير باكيفيت شايد عالي باشد اما سرعت سايت شما را پايين مي‌آورد. استفاده‌كنندگان اينترنت به سرعت علاقه دارند و دوست دارند تا هر چه سريع‌تر يك سايت را واكاوي كنند.

۷.آزمايش، انتشار و اپديت

آموزش كامل طراحي سايت : پيش از انتشار وب‌سايت خود بايد آن را تست كنيد. سايت شما بايد همانگونه كه روي دسكتاپ خوب عمل مي‌كند روي موبايل نيز به خوبي جواب دهد. سايت بايد روي مرورگرهايي مانند گوگل و فايرفكس دلچسب باشد.

بار ديگر سازندگان وب‌سايت به كمك مي‌آيند . شما مي‌توايند پيش نمايشي از سايت خود را در آنها مشاهده كنيد. سايت خود را به خوبي چك كنيد و مطالب آن را بخوانيد و در صورت نياز غلط‌هاي گرامري و املايي مطالب را اصلاح كنيد. همه كارها را خودتان انجام ندهيد. از دوستان و اطرافيانان بخواهيد تا سايت شما را پيش از فرستادن آن روي اينترنت چك كنند. زماني كه ديگر همه چيز كامل بود مي‌توانيد آن را منتشر كنيد.

نكته آخر اين كه يادتان باشد سايت خود را به صورت منظم آپديت كنيد. جهان اينترنت مدام در حال تغيير است و شما نيز نياز داريد كه به روز و آپديت باشيد. آپديت كردن باعث رتبه‌بندي بالاتر شما در سايت‌هايي مانند گوگل مي‌شود و ترافيك سايت شما را افزايش مي‌دهد.

مطالب، رنگ‌ها، دكمه‌ها و گزينه‌ها را به درستي آپديت كنيد تا بازديدكنندگان از سايت شما لذت ببرند.