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

Пользуетесь ли вы помощниками подбора цвета или придумываете цветовые схемы для сайтов сами? Не буду врать, иногда, когда воображение отказывает, я обращаюсь к классическим схемам по подбору цвета. Не всегда слушаю их совета, но схемы подталкивают мозги работать в нужном направлении. Программа для подбора цвета онлайн: http://colorschemedesigner.com/. Достаточно одной таблэтки. То есть одного исходного цвета в RGB.

Главное, не забывайте переключаться из моно-гармонии в комплементарную, триадную, аналоговую и  остальные схемы.

Где обычно дизайнеры берут клипарт? Начинающие - в гугле, продвинутые - на gettyimages.com или fotolia.com (после регистрации можно получить превью без водяных знаков, правда со сниженным качеством). Самые молодцы из молодцов клипарт покупают или создают сами.

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

Раньше было достаточно проблематично из России или других постсоветских стран купить клипарт на зарубежных банках, что и породило привычку тырить клипарт. Теперь открылось сразу несколько "наших" фотобанков, один из которых,   WideStockPhoto, проводил грандиозные аттракционы щедрости: сначала платил авторам за каждую загруженную фотографию, потом за каждую иллюстрацию. Благодаря этому быстро наполнил свою базу клипартов и теперь отовариваться можно пробовать там. Еще совсем недавно по запросу "Love" показывали только какие-то цветочки и сердечки, сейчас ассортимент расширился. Хотя, чего скрывать, до той же Фотолии ему еще далеко.

Впрочем, есть альтернатива, Lori.ru -  еще один наш фотобанк, у которого база достаточно большая и покупать фото удобно, платя электронными деньгам.

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

Артемий Лебедев не на шутку разоткровенничался в своем блоге и написал заметку о том, как организована работа с деловыми бумагами в студии Артемия Лебедева. Вот так: http://tema.livejournal.com/333205.html

Для тех, кому лень идти по ссылке и вообще себе на память, хочу сохранить тут особо ценный текст.

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

Когда наша студия была совсем юной, мы успели совершить ряд глупостей, которые стали отличными уроками. Мы могли взять деньги после сдачи проекта. Мы могли поверить на слово, что нам заплатят. Мы могли согласиться рисовать пять эскизов на выбор. Сегодня этого ничего нет.

Мы берем 100-процентную предоплату. Мы заключаем договор, в котором прописаны все волнующие нас условия (например, то, что работы подписаны, или то, что авторские права всегда принадлежат нам). Мы рисуем ровно один эскиз.

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

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

1. Судебное разбирательство с издательством "Дейч М".

Договор заключен в конце декабря 2007 года, предоплата 50%. По договору мы создаем оригинал-макет издания и осуществляем подготовку электронной версии для полиграфической печати серии "Фантастика" из 10 книг.

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

В результате все сделали. Ребята затягивали процесс предоставления текстов и материалов, тянули процесс согласования по этапам. Получая результаты, в актах не расписывались. При этом не писали мотивированные отказы от приемки результатов работ. Руководствуясь договором, считаем все работы принятыми. В сентябре 2008 года мы написали официальное письмо, повторно направили результаты всех работ по договору, просили оплатить остаток. Ребята не среагировали. Мы подали в суд.

Имеем на руках подтверждение фактического принятия всех работ по договору заказчиком. В суде определяем объем выполненных работ. Судебное заседание в Москве 30 апреля 2009 г".

Остальное - по ссылке выше.

Самый лучший клиент - это тот, кто тебе безоговорочно доверяет и говорит: "Я точно знаю, ты все сделаешь как надо". А потом без особых замечаний принимает и оплачивает работу. Думаете, таких нет?

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

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

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

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

Три совета, которые помогут улучшить впечатление от интернет-магазина.

1. Пишите цену крупно и в нескольких валютах. Товары без ценника вообще не должны присутствовать на сайте. Это так раздражает, не знать, сколько стоит вещь. Даже если товара нет на складе, это не повод убирать ценник.

2. Используйте Ajax, чтобы уменьшить количество переходов по страницам.  Да, посетитель меньше "накликает", но он будет гораздо более счастлив.

3. Фотографируйте товары крупнее и в разных ракурсах. Разумеется, чтобы посмотреть большую картинку, посетитель не должен переходить по страницам. Открывайте галерею в новом окне, используя Ajax.

В хорошем магазине хочется остаться навсегда, это касается и интернет-магазина.

На этот постинг меня вдохновил мировой экономический форум в Давосе. О форуме только и речи было на этой неделе, а внезапно попавшийся на глаза логотип побудил о нем написать.

Вот этот логотип:

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

1. Дуга пересекает три буквы "О".

2. При этом три слова выровнены по центру - нет очевидной подстройки под знак. Подстройка наверняка была, но путем аккуратного изменения межбуквенных расстояний, это не бросается в глаза.

Вот так. Вполне простой логотип, но скрывающаяся в нем маленькая графическая загадка делает его интереснее. Логотипы-ребусы запоминаются быстрее и проще всего: вы подумали над его разгадкой, и теперь запомните его надолго.

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

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

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

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

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

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

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

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

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

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

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

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

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