Создание веб-ресурса: обращаем на макет больше внимания

Понедельник, 13 марта, 2017

Число сайтов в Интернет стремительно увеличивается. Также часто они и могут «выгорать». Сайт должен быть не только привлекательным по дизайну, комфортным по сервису, но и, самое главное, информативным по содержанию. Иначе будут проблемы не только с его продвижением, но и с самоокупаемостью, монетизируемостью, достижимостью целевых установок.
Если нужно создание сайтов или собираетесь макет заказывать, то когда знаете четко принципы дизайн-макетирования – проблем не возникает обычно (у заказчика, исполнителя). В отличие от иных случаев. Каковы эти принципы?

Вкратце, перечислим их суть:
• использование «макетных» форматов — PSD (Photoshop) или TIFF (PDF, JPG, BMP и другие — недопустимы, в отличие от формата для миниатюр, превью, графики);
• представление нового элемента дизайна в отдельном слое — цельное, но автономное изображение, в любой момент внедряемое (исключаемое, модифицируемое), независимо от других элементов;
• ширина макета при фиксированном шаблоне должна учитывать отступы от края «экрана», а также фон «подложки»;
• учитываются рамки, отступы окон браузера, например, при разрешении экрана 1024, размер макета – 1002 пикселя;
• побор фона, однородного, повторяющегося, если применяется сложные фоновые элементы, следует дублировать (в случае необходимости), причем не допускаются фоновые фото, «тяжелые» изображения (полноразмерные фото);
• оформлять вид меню («выпадание», «разворачивание»), его пункты в пассивном (не наведен курсор) и активном (наведен курсор) виде;
• мелкие дизайн-элементы (иконки, стрелки и т.д.) при их повторении в макете много раз (маркированный список, меню и др.) представлять отдельно, в макете же – в одном слое;
• оформлять ссылки как обычные (link), при наведенном курсоре (hover link), при посещении (visited link) и навигационные цепочки и др.
Важно также использовать стандартные шрифты, изменять текст стандартными действиями – «уменьшать-увеличивать» размер, межстрочные интервалы и т.д., без видоизменений, как при работе с изображениями.