راهنمای ساخت سایت؛ همه آنچه که درباره طراحی وب‌سایت باید بدانید

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

البته، در حالي که اصول طراحي پذيرفته شده کلي وجود دارد ، زيبايي طراحي وب در اين است که يک شکل هنري است – نه يک علم. طراحي خوب از همه متمايز است، اما مطمئن باشيد که ريسک‌هايي که مي‌پذيريد محاسبه‌شده و قابل برگشت هستند، اگر آن‌طور که مي‌خواهيد پيش نيايند.

حالا وقت آن است که آن دفترچه طراحي را ورق بزنيد و شروع به طراحي کنيد! در اينجا شش عنصر مهم طراحي وجود دارد که مي‌خواهيد مطمئن شويد که درست انجام مي‌دهيد.

1. طرح کلي و ظاهر بصري
ظاهر کلي سايت شما، البته، يکي از اجزاي حياتي طراحي وب است. ما از اين اصطلاحات گسترده براي پوشش طيف وسيعي از واکنش‌هايي که مي‌خواهيد بازديدکنندگان وب‌سايت شما داشته باشند، استفاده مي‌کنيم. برداشت هاي اوليه بسيار مهم هستند، بنابراين مي خواهيد به محض بارگذاري صفحه وب، مخاطبان هدف خود را شگفت زده کنيد. کاربران تنها 50 ميلي ثانيه زمان مي‌برند تا درباره وب‌سايت يا کسب‌وکار شما نظر بدهند ، و اين تعيين مي‌کند که آيا آنها بمانند يا ترک کنند.

اين بدان معناست که طراحي شما بايد با تعدادي صفت آرامش بخش همسو باشد: بايد ساده، آشنا، شهودي، تميز و در دسترس باشد. از فضاي خالي زياد (يا بالشتک و حاشيه) استفاده کنيد تا به عناصر سايت خود فضايي براي تنفس بدهيد و از طرح هاي شبکه اي براي سازماندهي و منظم نگه داشتن موارد طراحي استفاده کنيد.


عکاسي قوي، نمادها يا گرافيک‌ها اطلاعات تکميلي را براي متن شما فراهم مي‌کنند، اما مطمئن شويد که تصاوير مکمل يکديگر و برندي هستند که مي‌خواهيد نشان دهيد.

هر قسمت از وب سايت شما بايد بر اساس سلسله مراتب بصري که مي خواهيد به آن اختصاص دهيد قرار گيرد. خواه الگوهاي F را هدف قرار دهيد يا الگوهاي Z ، مي‌توانيد نگاه و رفتار بازديدکنندگان را بر اساس طراحي خود هدايت کنيد. هر دو الگو بر ناحيه افقي بالاي سايت شما يا جايي که اکثر طراحان لوگوي برند، ناوبري و گاهي اوقات يک کادر جستجو را قرار مي دهند، تاکيد دارند. هر سه عنصر الهام بخش شناخت برند و تعامل با کاربر هستند.


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

در مورد انتخاب طرح رنگ، توجه به ديدگاه هاي برند يا صنعت شما - همراه با جمعيت شناسي مخاطبان هدف شما - اين فرآيند را تا حدودي بدون دردسر تبديل مي کند. هميشه به دنبال راه هايي براي محدود کردن دامنه خود از حدود 7 ميليون رنگ قابل تشخيصي باشيد که چشم مي تواند تشخيص دهد.


براي مثال، وکلا و حسابداران معمولاً بهتر است با رنگ آبي يا سبز تيره براي نشان دادن حرفه اي بودن استفاده کنند، در حالي که يک عکاس ممکن است بخواهد براي نشان دادن زنده بودن تصاوير خود به سياه و سفيد تکيه کند. فراتر از صنعت برند خود، به انتظارات خوانندگان خود توجه کنيد: والدين نوزادان از رنگ هاي صورتي ملايم و آبي و زرد قدرداني مي کنند، در حالي که کودکان K-6 انتظار رنگ هاي اصلي روشن را دارند. نوجوانان و بزرگسالان جوان جسور هستند، در حالي اينجا که بزرگسالان و پدربزرگ ها و مادربزرگ ها کمي ظريف تر و بالغ تر هستند.

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

3. تايپوگرافي
همان اصول صنعت و جمعيت شناسي را مي توان به طور کلي براي تايپوگرافي (يا فونت) که براي ارتباط پيام خود انتخاب مي کنيد، گفت. نقش‌هاي رسمي‌تر، مانند آن وکلا و حسابداران، احتمالاً مي‌خواهند به فونت‌هاي سريف متمايز (که قسمت‌هاي اضافي در انتهاي حروف آويزان است) بچسبند ، در حالي که تصور مي‌کنيم عکاس از يک سان سريف بسيار سبک و مطبوع استفاده کند (نه بيت هاي اضافي) تايپ فيس.


همانند طراحي و چيدمان کلي سايت، مي خواهيد بين عادي بودن و تازگي آن تعادل برقرار کنيد. علاقه مندان به طراحي فورا Arial يا Times New Roman را خواهند ديد. به دنبال چيز کمي متفاوت باشيد - اما هر کاري که انجام مي دهيد، Comic Sans را هم در نظر نگيريد .

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

البته، شما بايد مطمئن شويد که کنتراست زيادي بين متن شما و رنگ‌هاي پس‌زمينه سايت وجود دارد، که به طور کلي به معناي رنگ روشن همراه با تن تيره است - از چشم‌پوشي با فونت قرمز در پس‌زمينه سبز اجتناب کنيد.



طراحی و ساخت سایت آنلاین