Вокруг дизайна

Сдуваю пыль с блога по случаю такой вот подвернувшейся мысли. Про иконки. Нужны ли иконки на сайте и какими они должны быть?

Я, на самом деле, иконки в дизайн вставлять не очень люблю.  Не могу рационально это объяснить, возможно, просто лень. Но все-таки иконки для ключевых точек сайта часто нужны - они помогают выделить наиболее важные ссылки. А минималистичный дизайн можно украсить и освежить буквально тремя-четырьмя интересными иконками.

Они могут быть какими угодно, главное, чтобы соответствовали настроению сайта.

Да, действительно, подобрать набор иконок - задача, которая сама по себе может отобрать несколько часов. А время - деньги. Признаемся, что для большинства малобюджетных проектов никто не нанимает специалиста по иконкам, все пользуются готовыми наборами. Их много, но все-таки есть фавориты: абсолютно универсальные иконки, встающие как родные практически в любой дизайн.

Из этого наблюдения надо сделать вывод: обновляйте свои коллекции иконок почаще и старайтесь их как минимум перекрашивать для каждого проекта. И второй момент: если заказ большой и качественный, не жадничайте и наймите дизайнера иконок. Какие красивые бывают индивидуальные иконки - это просто уму непостижимо. Их буквально  съесть хочется!

Примеры от студии Cuberto:

(сам сайт настойчиво рекомендуется к просмотру!)

Для серьезных и строгих сайтов использовать веселенькие цветные иконки, по моему мнению - моветон. Хорошо смотрятся плоские силуэты, либо объемные в сдержанных тонах.

Красивый сайт, на котором можно заказать верстку макета из PSD в HTML с онлайн-считалкой, сколько с вас возьмут денег: w3-markup.com. Если ваши клиенты будут говорить, что вы "дорого берете за верстку", покажите им этот сайт, чтобы они поняли, что вы работаете буквально из любви к искусству. Буржуи за 1 страницу в XHTML возьмут с них минимум 170$, если будут работать семь дней и значительно больше, если клиент хочет быстрее. Кстати, очень наглядно иллюстрирует правило "быстро - дешево - качественно, выберите два из трех".  Но если надо быстро и дешево, то это не к ним, а на фри-ланс.ру, например.

Фотобанк Corbis провел редизайн своего сайта. Теперь он черный и глянцевый. Помимо этого изменен интерфейс, добавлен предпросмотр картинки при наведении. Фишка не новая, но настолько удобная, что я жду - не дождусь, когда images.google.com сделает у себя такую же.

В целом нельзя сказать, что Corbis придумал что-то новое, но все равно мне нравится. Черный фон для сайта с картинками - очень кстати. Элементы управления - голубенькие, сразу заметны. И теперь новый сайт у меня ассоциируется с айфоном.

http://www.madinspain.com/ - красивый сайт с упором на шрифты. Настоящий шрифтовой веб-дизайн. Очень эффектно, несмотря на минимум выразительных средств.

В последнее время не хочется много писать о дизайне. Просто делаешь свою работу, переписываешься с клиентами, думаешь, короче, живешь насыщенной внутренней жизнью, мало что из нее хочется выносить наружу.

Вообще же ситуацию с современным веб-дизайном отлично описал Людвиг Быстроновский, проведя бизнес-линч: "Одно и то же, чесслово". Ссылка на линч: http://www.artlebedev.ru/kovodstvo/business-lynch/2009/03/25/

Вот действительно, так все и есть. Сколько бы мы все не писали статей, книг, сколько бы не сидели в форумах, все одно и то же. Кто-то все быстро понимает, а кому-то хоть колом по голове, одно и то же, чесслово.

С удивлением отмечаю, что облака тэгов, которые раньше были в новинку и казались замечательными, красивыми и современными, мне уже надоели одним своим видом. Нет, функционально все отлично, удобно. Но приедается... на каждом сайте, куда не глянешь, они, родимые. Это уже можно назвать одной из главных примет стиля Веб 2.0 - когда он станет историческим, дизайнеры будут воссоздавать эту эпоху именно облаками тэгов и глянцевыми кнопочками.

Но с облаками тэгов - как с демократией. Лучше пока еще ничего не придумали.

В комментариях к своей книге от читательницы я услышала вопрос, вдохновивший меня на написание этой заметки: а почему ни слова о дизайне сайтов, рассчитанных на карманные компьютеры?

Коротко на этот вопрос можно ответить так: просто ни разу такая задача не ставилась клиентом. Но раньше карманные компьютеры были распространены мало в силу их высокой стоимости, а сейчас цена на КПК стала падать. Следовательно, скоро можно ожидать, что клиенты будут просить отдельную делать версию сайта для пользователей всевозможных мини-компьютеров.

С чего же начать, делая сайт для КПК? Наверное, со скрипта, который будет определять, каким устройством пользователь собирается просмотреть сайт, и в зависимости от результатов направлять его на основной сайт, либо на тот, что ради заботы о пользователях сделан для КПК.

КПК-версия – облегченная. Возможно, стоит в нее включать только основную информацию, только самое ценное, что есть на сайте.

Основные критерии к дизайну сайта для КПК можно перечислить тезисно. Их немного и они  вытекают из особенностей всех этих наладонников, коммуникаторов и т.п.

1. Максимально облегченный сайт. Буквально только текст и цветные плашки. Убираем все градиенты, фоны, завитушечки, фотографии, навороченные шапки - все прочь!

2. Резиновая верстка с расчетом на основные разрешения, например, по ширине от 240 пикселей. Да, тут сильно не разбежишься, но несмотря на то, что многие КПК уже умеют показывать в разрешении от 640х480 пикселей (и это просто огромная площадь для творчества!), все равно, по традиции, смотреть надо на меньшие размеры.

3. Пиксельные иконки. Украсить сайт для КПК помогут иконки, но не простые, а 16х16 пикселей и меньше. Достаем из закромов подзабытые пиксельные иконки и используем по необходимости.

4. Упрощенная навигация. Чем меньше действий совершит пользователь, тем более комфортно ему будет на сайте, поэтому разворачивайте меню, делайте названия ссылок понятными без раздумий... и вообще, тут нужно просто взять да и перечитать еще разок какую-нибудь хорошую книжку по юзабилити. Там все сказано.

Как понять, можно ли обойтись без специально заточенной под КПК версии? Просто зайдите на сайт с КПК, причем с разных моделей, и полюбуйтесь на свое творение под другим углом. Узнаете много нового.

Версия для КПК критически необходима только очень посещаемым сайтам, предоставляющим самый полезный контент. Но возможно когда-нибудь станет хорошим тоном обязательно включать этот пункт в ТЗ на разработку сайта. А может быть вообще веб и устройства для его просмотра станут настолько другими, что эта заметка станет абсолютно неактуальной, кто знает.

В этой записи - немного саморекламы, хотя я думаю, эта информация будет полезна всем молодым веб-дизайнерам. Наконец-то поступила в продажу (раньше был доступен только предзаказ) книга "Современный веб-дизайн. Рисуем сайт, который продает". Я уже держу в руках авторские экземпляры книги и могу ответственно сказать: получилось неплохо!

Помимо безусловно ценного контента (тут смайлик с лукавой улыбкой) радует приятная на ощупь фактурная обложка, ненавязчивая верстка, хорошая белая бумага, а не желтая газетная, на которой так любят нынче печатать. И, разумеется, цветная вкладка с наиболее важными картинками.

Стоит книга на Озоне 269 рублей, и на данный момент, кроме ставшего уже каноническим Кирсанова, на русском языке нет более ценных для начинающего веб-дизайнера книг. Проверено лично мною.

Прочесть отрывки можно на сайте издательства: http://www.dialektika.com/books/978-5-8459-1387-6.html

Со времен Кирсанова пока еще не было написано новой толковой книги по веб-дизайну. Ключевое слово здесь "пока". Совсем недавно вышла в свет книга "Современный веб-дизайн: рисуем сайт, который продает". Это моя вторая по счету книга (первая была посвящена шрифтам), и кажется, мне начинает это нравиться.

Что под обложкой? Подробный рассказ о процессе создания дизайна. Описываются самые популярные на данный момент стили дизайна, работая в которых, дизайнер с большой вероятностью добьется коммерческого успеха. Читая книгу, вы своими глазами увидите, с чего начинается сайт. Это буквально пошаговое руководство, отвечающее на главный вопрос: как нарисовать привлекательный сайт и при этом не изобретать велосипед.

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

Купить на Ozon.ru

Купить на Diamail.com.ua

Вы замечаете, что модные тенденции в дизайне одежды и в веб-дизайне ощутимо перекликаются? Розовые сайты, сайты со стразиками, потом сайты в стиле диско — все это уже было. А в этом году, судя по сайтам, продающим модную одежду, все должно быть сдержанным в ахроматической гамме (хорошее слово — ахроматический, все никак не было повода его куда-нибудь вставить) с редкими яркими вкраплениями.

Что делать с этим наблюдением? Можно ничего не делать, а можно попробовать влиться в модную струю. А то утомили уже рисовать бизнес-сайты в сине-серой гамме.