Що таке стильний дизайн?, Web Design, Інтернет-технології, статті

Михайло Мельников

Стильний web-сайт – це коли кожна сторінка Вашої публікації має яскраво виражену приналежність до всього web-сайту. Коли легко орієнтуватися і пошук інформації не пов’язаний з небезпекою заблукати і втратити час. Коли сторіночки завантажуються менш, ніж за хвилину. Коли …

Стильність web-сайту досягається декількома прийомами. Можна виділити наступні елементи, що беруть участь у створенні стилю:



  • шрифт – В межах публікації він повинен мати однакові характеристики – такі, як гарнітура (накреслення), кегль (висота), колір.


  • абзац – Бажано, щоб переважав який-небудь один з видів вирівнювання на сторінці, наприклад, публікація зроблена з відступом від лівого краю і вирівнюванням вліво.


  • колірна схема web-сайта – вона починається з вибору тих трьох квітів сторінки, які використовуються для подання звичайного тексту, посилань і відвіданих посилань. Всі ці параметри вказуються в тегу .


  • Колірна схема повинна повторюватися на всіх сторінках публікації, це створить у відвідувача відчуття зв’язності сайту. Кольори посилань прагніть вибирати таким чином, щоб, з одного боку, читач бачив, що це посилання, а з іншого боку, вона б не заважала йому читати основний текст. З приводу посилань є два корисні зауваження: перше – як би Вам не хотілося зробити кольори посилань і відвіданих посилань однаковими (без вагомих на то причин), постарайтеся перебороти себе і додати їм трохи відмінності, для цього просто зробіть кольори вже відвіданих посилань трохи темніше; і друге – Так вже вийшло, що підкреслений текст в Web символізує посилання, тому подолайте спокуса використовувати підкреслений текст в публікації, скористайтеся іншим способом виділення. Ви ж знаєте, що дуже неприємно, якщо, припустимо, Ваша рука потягнулася до посилання з метою прочитати подробиці, а мишка на неї нуль уваги: ​​(.


  • графічне оформлення сайту – По-перше, воно має укладатися в загальну колірну схему по-друге, Ви повинні продумати загальну концепцію графічного оформлення. Всі графічні елементи можна розділити на два великі класи: мальовані і фотореалістичних. Постарайтеся не змішувати ці два типи в оформленні. Крім цього, у випадку, якщо Ви використовуєте на сайті фотографії в як ілюстрації, то перед використанням обробіть їх – зробіть в разі необхідності тонову і колірну корекцію, кадрування, виберіть зразковий розмір фотографій в публікації, знайдіть спосіб обробити краю фотографії. А потім використовуйте дане оформлення по всій публікації. І завжди пишіть пояснення до фотографій в параметрі ALT тега IMG – це сприйматиметься як підпис до фотографії і, крім того, позбавить користувача від очікування у випадку, якщо його не цікавить дана сторінка.


  • навігація по сайту – Саме вона не дає відвідувачеві заплутатися в нетрях Вашого сайту. Завжди залишайте для відвідувача можливість переходу на головну сторінку публікації. Крім цього, не забувайте, що дуже багато людей потрапляють на Ваші сторіночки через пошукові системи, тобто не на першу сторінку, і хороший сайт повинен дозволити читачеві перейти на першу сторінку; просто кажучи, дублюйте навігаційну систему на всіх сторінках або зробіть так, щоб вони, принаймні, мали перехід на основну сторінку. У випадку, якщо Ви виконуєте навігаційну панель графічними засобами, то обов’язково зробіть її текстову копію і помістіть де-небудь знизу (текст в будь-якому випадку завантажується швидше графіки
    :).

  • Можливо, я упустив деякі елементи, що беруть участь в створення стилю, але основні перерахував. Дотримання цих нехитрих правил дозволить надати Вашим сторіночкам професійний вид і зробити інформацію на Вашому сайті легкодоступній і бистронаходімой :).

    Схожі статті:


    Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

    Коментарів поки що немає.

    Ваш отзыв

    Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

    *

    *