Рисунок, живопись, композиция
Есть три варианта: делать сайт с графикой, делать сайт с активным использованием графики в качестве интерфейсных элементов и иллюстраций (в этом случае основа дизайна — HTML и CSS) или делать сайт вообще без графики. Достойных примеров последнего во всем интернете не так уж и много: сайты без графики были распространены на заре веб-строительства, но они не являлись образцами дизайна, а были порождены суровой реальностью: функциональными ограничениями языка HTML и браузеров. Сейчас такие сайты создаются либо ради эксперимента, либо от неумения работать с графикой (такие сайты в этой книге не рассматриваются).
Сайтов, использующих графику в виде немногочисленных интерфейсных элементов (логотип, элементы меню, графическая ссылка на сайт студии-разработчика, украшения), большинство. Часто такие сайты основываются на шаблонах, когда разработчику остается только переработать структуру разделов. На хороших, профессиональных сайтах каждая пиктограмма создается специально для этого сайта, с учетом общего стиля. Играет роль не только цветовая гамма, но и особенности формы каждой пиктограммы, а если в основу дизайна сайта положена
|
Дизайн |
|
|
Какая-то идея, то она должна быть так или иначе поддержана во всех элементах страниц. Наконец, первый упомянутый тип — сайты, дизайн которых преимущественно построен на графике — достаточно распространен, но далеко не все разработчики, идущие по этому пути, следуют двум простым правилам. Во-первых, графику на сайте очень легко отключить. Во-вторых, графику нужно использовать так, чтобы посетитель не пожалел, что просматривает сайт со включенной графикой. Графику в браузере отключают, и часто. Многие так делают для экономии трафика, а многие — для ускорения загрузки страницы. Поэтому всегда нужно следить за тем, чтобы при любых мыслимых условиях просмотра сайта посетитель мог прочитать текст, использовать меню и распознать, где находится логотип и другие важные элементы. В этом случае особое внимание нужно обращать на особенности верстки и оформления изображений. Атрибут alt (согласно веб-стандартам) является обязательным атрибутом тэга <img>, но это не значит, что обязательным является явное указание содержимого этого параметра. При отключенной графике альтернативный текст под каждым из 50 «кусочков» основы дизайна просто мешал бы восприятию основного текста. Альтернативный текст должен снабжать только те изображения, без которых нельзя обойтись: в первую очередь интерфейсные и иллюстрации. Второй вопрос решается не так просто. Чтобы подготовить качественную графику для страниц, недостаточно обработать уже готовые картинки из клипартов в фотошопе. Проблема в том, что эти же самые иллюстрации могли использовать и другие веб-дизайнеры, а одна и та же картинка, использованная на двух сайтах практически в одинаковых целях, смотрится странно: не стоит надеяться, что этого никто не заметит. Выхода два: либо сделать оригинальную фотографию, авторские права на которую принадлежали бы только вам, либо нарисовать графический элемент с нуля. Многие дизайнеры отрисовывают графические элементы так, чтобы они выглядели фотореалистично. Однако полностью воссоздавать реальный облик объектов (с правильным освещением, всеми дефектами, фактурой материала и т. п.) имеет столько же смысла, сколько срисовывать от руки фотографию. Создавать графику с нуля (в графических ре - /'’Г . дакторах, мышкой или с помощью графического С\ I планшета, на естественных материалах — бумага, 1 . холст, карандаш, краски, маркеры и т. п.— с после - <^ |\V дующим сканированием и некоторой обработкой) ( )|' имеет смысл в нескольких случаях. Например, если -'Д \ требуется создать стилизованное максимально графическое изображение без проработки фактуры. ( V У |
|
|
88 |
