Дизайнерска бележка - Всичко за разработването на уебсайтове
Памет за дизайнера
Първо мислим, а след това го правим
Това е много просто и често нарушено правило. Особено млади дизайнери.
Такъв прост ход е в пъти по-продуктивен, спестява много време и помага да се намерят по-интересни решения.
Пример за бърза скица и получения резултат
От повече към по-малко, от общо към конкретно
Това е второто просто правило. И също често се нарушава.
Класическото преподаване на рисуване и рисуване учи: „Преминавайте от повече към по-малко, от общо към конкретно. Първо, разработете общия състав, най-големите маси и обеми, най-големите петна и след това усъвършенствайте, изяснявайте, насищайте с подробности. "
Това правило е напълно приложимо за всички аспекти и жанрове на дизайна.
Пример за поетапно усъвършенстване и усъвършенстване на оформлението от общо към конкретно.
Трябва да призная, че често съм виждал самоуки художници-самородки да започват да рисуват портрет на човек от окото или от левия крак. И неведнъж видях как някои дизайнери започват да рисуват сайт от една частна икона. И в двата случая за моя изненада се получи интересен резултат.
Но това е дълго пътуване, което често изисква много корекции и преработка в процеса на проектиране. Може би е приложимо за творчество, но в професията на дизайнера, когато трябва да постигнете добър резултат в определен момент, мисля, че такъв подход е неприемлив. Нуждаете се от гарантирана технология на процеса, за да получите гарантирани резултати своевременно. И не само "ще работи, няма да работи".
Модулна мрежа
Едно от първите решения в процеса на проектиране е модулната мрежа. Един кадър и оформление на всички основни блокове и елементи, преминаващи през всички страници на сайта.
Решетките могат да бъдат прости и сложни, гъвкави за използване и не много гъвкави. Не е толкова важно. Важното е, че ако сте задали определена мрежа от модули при проектирането на дизайна, бъдете толкова любезни, че да го следвате. От първата до последната страница на вашия проект. И ако в процеса на изчертаване на вътрешни страници имате елементи, които не се вписват в приетата решетка, тогава не сте отделили достатъчно време за нейното проектиране.
Следването на една модулна мрежа в рамките на проекта не само ще увеличи целостта и последователността на възприятието на сайта, но и значително ще опрости работата на разработчиците.
Пример за използване на модулна мрежа
Мащабируемост
В днешно време, когато всички потребители имат много различни монитори, има смисъл да се създават предимно "гумени" сайтове. Тези. сайтове, които се мащабират до разделителната способност на монитора на потребителя.
Показване на еластичен сайт на различни монитори
Така че, когато правите "гумен" дизайн, не забравяйте, че:
"Компресия-разтягане"
Така нареченият "полукаучук" е оптимален за използване, т.е. сайтът се разтяга и свива до определена граница.
Първото нещо, с което трябва да започнете, е да намерите минималната компресия на сайта.
Минималната ширина на сайта, разбира се, се определя от задачите на сайта и неговата целева аудитория. Всъщност сега има само два минимални параметъра: 760 px и 990 px. Първият е оптимален за корпоративни уебсайтове или ресурси, предназначени за най-масивната и разнообразна аудитория (например масови услуги: поща, търсене, новини и т.н.). Вторият е подходящ за сайтове за имиджови и промоционални цели.
Проверяваме и ако е необходимо коригираме всеки елемент от модулната мрежа, така че да няма сблъсъци/припокривания на елементи един върху друг с минимална компресия на сайта.
Максималната ширина на сайта може да варира, но като правило препоръчителният обхват на разтягане не е по-висок от един и половина до два пъти минималния размер на компресия. Това се дължи на факта, че когато мястото се разтяга повече от един и половина пъти, съставът обикновено се срутва.
Трябва да определим какво се случва с целия сайт, когато мониторът на потребителя е по-голям от максималната ширина. Ние решаваме къде ще се подреди. Нали? Наляво? Център?