اصول وب طراحی شده است ، شاید بیش از این که با نگرش زیر آشنا باشد: "طراحی وب این روزها بسیار ساده است. با رعد و برق سریع اینترنت و مرورگرهای پیچیده ، طراحان با هر یک از محدودیت هایی که در روزهای ابتدایی وب شکل داده است ، کار سختی دارند. یک وب سایت ، بیش از هر زمان دیگری ، بوم طراح است. "
این ممکن است از منظر کسی که قبلاً با اصول اولیه راحت باشد صحیح باشد ، اما اگر عباراتی مانند "سیستم شبکه پاسخگو CSS" و "فونت های گوگل وب" برای شما بیگانه هستند ، پس از آن به دنیای ظاهرا "آه خیلی آسان" بروید. طراحی وب ممکن است هنوز هم یک پیشنهاد دلهره آور به نظر برسد.
به رسمیت شناختن این ، ما مجموعه ای اساسی از اصول اولیه طراحی وب را با توجه به مبتدی در کنار هم قرار می دهیم. البته ، هرگز بد نیست که اصول را مرور کنید ، حتی اگر خود را یک جادوگر در نظر بگیرید.
1. سیستم های شبکه.
از زمان اختراع کدکس در قرن اول ، این شبکه نحوه خواندن ما
را تعیین کرده است. هزاران تنوع ، شامل ترتیب های مختلف ردیف ها و
ستون ها ، با گذشت زمان پدیدار شده اند.
به
نحوه چیدمان متن و تصاویر در کتاب ها ، روزنامه ها و مجلات فکر کنید. این سیستم هایی هستند که کم و بیش مستقیماً روی
وب منتقل می شدند و کار می کنند. کلام به خردمندان: بسیاری از طراحان سعی کرده
اند از شبکه به نام "خلاقیت" جلوگیری کنند. بسیاری از این وب سایت ها
خوانده نشده اند.
در
دنیایی که مردم به احتمال زیاد اگر در اینترنت و تلفن ها و تبلت ها مرور می کنند
نسبت به رایانه های سنتی ، مسئله "طراحی پاسخگو" - طراحی هایی که به
اندازه صاف و عمدی به اندازه صفحه نمایش کوچکتر ترجمه شوند ، نیز مهم است. .
برای آسانتر کردن زندگی ما ، تعداد بسیار زیادی از سیستم
های شبکه پیش ساخته ساخته شده اند که دارای قابلیت پاسخگویی ، سازگار با زبان های
مهم برنامه نویسی و عموماً بارگیری رایگان هستند.
بعضی
از محبوب ترین ها 960.gs ، Simple Grid و
Golden Grid System هستند ، اما لیست گزینه های خوب واقعاً بسیار زیاد است و
بعضی از آنها پیچیده تر از سایرین هستند. در اینجا مقاله خوبی از WebDesignerDepot برای شروع کار وجود دارد.
البته
اگر احساس پرماجرائی دارید یا احساس می کنید پروژه شما یک راه حل واقعاً بی نظیر
را طلب می کند ، به هر طریق ، خودتان را ایجاد کنید.
ما اخیراً یک مقاله کامل در این باره نوشتیم ، بنابراین در اینجا مختصر
خواهیم بود. در اصل ، این یک
واقعیت شناخته شده است که در اکثر فرهنگ ها ، مردم چپ به راست و بالا به پایین را
می خوانند. با این حال ، این یک
واقعیت شناخته شده است که ، در این پارامترها ، رفتار خواندن از مجموعه قوانین
بسیار پیچیده تری پیروی می کند. این امر به ویژه در
اینترنت صادق است که در حقیقت مردم صفحات را بیش از آنچه "آنها را می
خوانند" اسکن می کنند.
با
قرار دادن عناصر مهم ، مانند آرم ، فراخوانی برای اکشن یا تصویر کلیدی ، در محور
محورهایی که انتظار می رود خواننده آن را اسکن کند ، صفحات وب خوبی در پاسخ به این
الگوهای خواندن اندازه گیری شده ساخته می شوند. اینها معمولاً از
"F" یا "Z" استفاده می کنند.
طراحی فروشگاه اینترنتی در تبریز
فراتر از آن ، سلسله مراتب تصویری در مورد سیگنال دادن به خوانندگان است که ابتدا باید خوانده شود و آنچه در مرحله بعد باید خوانده شود. پس از قرار دادن صفحه ، این ممکن است شامل استراتژی هایی مانند اندازه قلم ، فاصله ، جهت و جفت تایپ و همچنین استفاده از نکات برجسته رنگ باشد.
2. فونت های وب امن
در سال 2014 ، اصطلاح "فونت های وب ایمن" از قبل شبیه به آناکرون
بودن است. در اوایل اینترنت ،
مرورگرها تعداد بسیار محدودی از قلم ها را پشتیبانی می کردند - معمولاً فقط نسخه
هایی که قبلاً در نرم افزار پردازش کلمه کاربران نصب شده بودند - و اگر از این
موارد منحرف شوید ، برخی بازدید کنندگان فقط با دیدن نمادهای تصادفی از بین می
روند.
امروز
، هنوز هم صحیح است که فونت های خاص توسط اکثر مرورگرها پشتیبانی می شوند در حالی
که قلم های دیگر نیستند ، اما تعداد گزینه های امن در وب به لطف اتخاذ آنچه که در
اکثر مرورگرهای مدرن به عنوان تعبیه @ font-face معروف است ، منفجر شده
است. در واقع ، بسیاری از طراحان
از انتخاب زیاد شکایت دارند.
خدمات
فونت مبتنی بر هزینه شامل Typekit ، WebINK و
Fontspring است. اگر کمی از طریق سرویس
های رایگان مانند فونت های وب Google جستجو کنید ، می
توانید قلم های زیبا را نیز پیدا کنید. در اینجا گردآوری اخیر
قلمهای زیبا و وب رایگان توسط CreativeBloq آورده شده است.
اکنون که می دانید به کجا نگاه کنید ، فقط چند قانون کلی وجود دارد که باید
در خاطر داشته باشید:
فونت های سری برای
عناوین است
در طراحی وب ، فونت
های سری همیشه برای عناوین محفوظ است ، زیرا در اندازه های کوچکتر خواندن آنها سخت
می شود. متن بدن معمولاً باید
sans-serif باشد.
قلم ها را حداقل نگه
دارید
برای کاهش درهم و
برهمی ، تعداد قلمهای مختلف را در یک وب سایت به حداقل برسانید. حداکثر دو یا سه. برای اطلاعات بیشتر
مقاله اخیر ما در زمینه جفت کردن قلم هوشمند را بررسی کنید.
فضای زیادی نگیرید
به یاد داشته باشید که
برخی از پرونده های قلم می توانند بسیار زیاد باشند ، و این به طور بالقوه می
تواند باعث کاهش زمان بار یک وب سایت شود.
4. تصاویر و رنگ ها
اصول قرار دادن تصویر و قرار دادن رنگ مخصوص طراحی وب منحصر به فرد نیست ،
بنابراین ما در اینجا به عمق بیش از حد نمی خواهیم. حداکثر اصلی نگه داشتن
این است: بیش از حد از آن استفاده نکنید.
برای
رنگ ها:
پالت رنگ خود را حداقل
نگه دارید
مانند قلم ها ، فقط به
2 یا 3 بچسبید. آنها باید از مارک میزبان همگام شوند ، در حالی که برای برجسته
کردن مناطق مهم ، همانطور که در بخش "سلسله مراتب بصری" ذکر شد ، خدمت
می کنند.
کوری رنگ را در نظر
بگیرید
نکته مهم دیگری که
باید در ذهن خود بخاطر داشته باشید این واقعیت است که چیزی مثل 5٪ از جمعیت (مذکر) رنگ
آمیزی می کنند ، بنابراین با جفت شدن رنگ خود مراقب باشید. ما یک مقاله عمیق تر
درباره این موضوع نوشتیم.
طراحی وب سایت در تبریز
طراحی وب مربع
برای
تصاویر:
حرکت را حداقل نگه
دارید
از تصاویر متحرک
خودداری کنید. در برابر نیاز فلاش مقاومت کنید. حتی .gif ها بسیار سوال برانگیز
هستند ، مگر اینکه با حداکثر مهارت اجرا شوند. به طور کلی ، مطالعات نشان می دهد
که بینندگان وب سایتهایی را که هنوز هم حفظ می شوند ، ترجیح می دهند
.
تصاویر را با تفکر انتخاب کنید