Дизайн сайта с внутренним личным кабинетом по ТЗ
Разработка и дизайн основной страницы сайта и личного кабинета по ТЗ закачика
В целом это все, готовы обсудить детали при личном общении с кандидатом.
При отклике просьба предварительно скидывать примеры выполненных работ.
Разработка командой приветствуется и желательна.
Озвучивайте примерные сроки и стоимость работ, удобным для Вас способом.
Техническая часть:
- макетная сетка - по Twitter Bootstrap 3 (максимальная ширина 1170px, 12 колонок, внутри каждой колонки слева и справа отступы по 15px) - все элементы страницы, располагаются относительно этой сетки.
вот тут инструкция:
http://getbootstrap.com/css/#grid
- все слои в макете сгруппированы по группам в том же порядке, как идут на странице, с названиями по-русски, чтобы не приходилось искать нужный слой, перебирая весь макет.
- векторные слои в макете (если такие есть), который уходит на верстку - растрировать (макет с векторной графикой (если такая имеется) тоже оставлять в наличии), маски слоя объединять, чтобы верстальщиук не приходилось превращаться в дизайнера. Верстальщик должен выбрать слой, скопировать его на новый документ, сделать тримминг и сохранить для web.
- проработать состояние интерактивных элементов (например состояние кнопок при наведении, нажатии + показ ошибок в полях форм при неправильном заполнении данных и т.д.)
Адапитивный дизайн: должно быть несколько макетов для разной ширины экрана браузера:
— Large devices (Desktops): ≥1200px;
— Medium devices (Desktops): ≥992px;
— Small devices (Tablets): ≥768px;
— Extra small devices (Phones):
- использовать размеры шрифтов в пикселях целыми числами (14x - да, 14.74px - нет).
- размеры шрифтов должны быть четко определены, как здесь:
http://getbootstrap.com/css/#type
размеры можно использовать другие, главное чтобы на всем сайте, например, для заголовка H3 был шрифт одинаковый везде, для параграфа
- тоже, если нужно меньше, значит добавить отдельный вариант шрифта (small) и он должен тоже быть везде одинокого размера. Если используются разные кнопки, то тоже их систематизировать, сделать 3-4 варианта цветов, 3-4 варианта размеров, но не по 10 кнопок на каждой странице и все разные. В общем повторяющиеся элементы, такие как тексты, кнопки, поля ввода и тд - делать везде одинаковыми или использоваться 3-4 варианта, если нужно. Необходимо сделать отдельный макет с типографией, кнопками, цветами и другими повторяющимися элементами сайта.
для примера просмотреть эту страницу: