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

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

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

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

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

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

Узнаваемый логотип помогает создать сильный фирменный стиль и выделяет вашу компанию среди других в той же отрасли. Логотип поможет установить узнаваемость бренда в целом и поможет клиентам легко идентифицировать вашу компанию и ее продукты или услуги.

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

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

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

Компаний, предоставляющих хостинг, очень много. Есть крупные международные, услугами которых пользуются миллионы, есть небольшие, у которых несколько тысяч пользователей. Основной параметр хостинга — всесторонняя надёжность: надо быть уверенным, что компания не исчезнет через долгое время, что ваши данные будут бережно переноситься при обновлении серверов, что у вас есть возможность использовать резервное копирование данных, бэкапы системы.

Для самой частой задачи, хостинга для сайта на WordPress, стоит выбрать сервис, который на Вордпресс специализируется. На таком хостинге оптимально выбрано множество модулей и параметров сервера, отвечающих потребностям этой CMS. Речь о долях производительности, но именно это и отличает сегодня конкурентов. Высокая конкуренция, кроме того, узко формирует и стоимость услуг.

Вот наша рекомендация для выбора мощного, дешёвого и надёжного хостинга или виртуального сервера.

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

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

• В русском названии, чтобы не столкнуться с разнообразием при латинизации, по возможности, избегайте неоднозначно транскрибирующихся букв: Ё, Ж, Й, Х, Ч, Ш, Щ, Ъ, Ы, Ю, Я;
• Удобнее иметь название в одно латинское слово, чтобы избежать путаницы как писать несколько слов: слитно или через дефис;
• Длина названия не так важна как уникальность и однозначность. Для русского произношения обычно удобнее всего слово в 2-3 слога;
• Все трехбуквенные латинские адреса скорее всего заняты, но возможно вы найдете что-то подходящее среди четырехбуквенных;
• Продумывайте, до какого слова упростится полное название при употреблении в простой речи. Например, название нашей студии «Разумный подход» в простой речи используется как «Подход»;
• Предугадывайте, как название можно неприятно исказить, на какие неподходящие слова оно похоже. Решите, готовы ли вы слышать такие искажения. Например, наше название можно исказить только до непримечательных «поход» и «пароход»;
• Для проектов, рассчитанных на большую популярность, обычно регистрируют сразу несколько доменов, включающих различные варианты написания, и иногда даже ошибочного написания. Чтобы потом перенаправлять со всех адресов на один основной. Это помогает и избежать ошибок при написании, и избежать захвата похожих адресов.

Для компании «Корсар», специализирующейся на производстве и продаже пиротехнических товаров, потребовалось сделать логотип для пиротехнической продукции. При брифе выяснилось, что особенностью отрасли является нетипичный для брендинга факт — само по себе название не столь важно, поскольку на рынке пиротехники каждый товар из всего огромного ассортимента продукции у разных компаний как-то по-праздничному называется, от чего буквально все эффектные названия уже где-то и кем-то используются. Поэтому более важным является знак сам по себе, а название к нему будет выбрано отдельно.

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

Вторым — архитипичный образ праздника в виде Арлекина.

И третим — фабрика в виде стим-кота.

Прикидываем, как повлияют такие логотипы на возможное оформления товаров, делаем эскизы коробок.

В процессе обсуждения приходим к выводу, что такие иллюстративные логотипы слишком похожи на оформление самих товаров.

Вторая итерация эскизов. Ищем «обычные» логотипы.

Первый, новогодний мотив с прицелом на основной торговый сезон.

Второй эскиз, универсальное эпическое обобщение со стрельцом.

Третий, мифический пегас.

Четвёртый, жар-птица, которая одновременно напоминает различные праздничные образы: салют, колесо обозрения, огненное шоу.

Выбор определенно падает на четвёртый, с птицей.

Теперь эскиз надо аккуратно воплотить в векторный формат. Работаем над построением.

Логотип напоминает так же и птицу Феникс, поэтому принято решение об окончательном названии для пиротехники — «Легенда».

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

Клиент говорит «Готово, надпись как у третьего нижнего», и просит прислать результат. Доводим леттеринг до ума, и объясняем почему вариант на эскизе был не достаточно хорош.

С результатом работы над логотипом можно ознакомиться в нашем портфолио.

За одно и то же время, с одними и теми же ресурсами, один дизайнер сделает плохо, а другой хорошо.

Не бывает двух равноценных дизайнерских решений, в рамках одних и тех же ограничений — одно из решений будет чем-то хуже.

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

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

В обиходной речи часто путают между собой близкие графические понятия:

• знак;
• символ;
• пиктограмму;
• идеограмму;
• эмблему;
• герб;
• иконку;
• логотип;
• товарный знак;
• бренд.

У каждого термина есть своё чёткое определение. Следует различать эти понятия.

Знаком, в графическом дизайне, называют общепринятое вариативное изображение для обозначения какого-либо конкретного смысла.

Например:

• Знаки валют;
• Буквы это знаки для звуков;
• Ноты это знаки длительности звука. (А их расположение для обозначения высоты звука — это не знак, а применение знаков в условных обозначениях нотного стана).

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

Дорожные знаки — на самом деле вовсе не знаки, а пиктограммы и идеограммы.

Графически один и тот же знак может быть изображён по разному — главное чтобы сохранилась узнаваемая конструкция штрихов. Например, вот как выглядит один и тот же знак обозначения конца строки pilcrow в разных шрифтах.

Символ это общепринятое вариативное изображение для обозначения многозначного образа, понятия, идеи или явления. Проще говоря, символ это знак у которого много смыслов.

Например:

• Символы религий и философий;
• Астрономические символы;
• Символы зодиака (которые принято называть знаками, но это не знаки)

Символ также можно изображать по разному, сохраняя узнаваемую топологию.

Пиктограмма это знак, на котором буквально изображено его значение.

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

Пиктограммы, например, используются для поддержки информативности на навигационных вывесках.

Идеограмма это пиктограмма, буквальное изображение которой интерпретируется не буквально.

Для примера, среди дорожных знаков множество идеограмм. Так, велосипед в круге обозначает не «велосипед», а «велосипедная дорожка».

Идеограммы это графический язык. Например, если пиктограмма роликовых коньков дополнена запрещяющим знаком — то это уже идеограмма обозначающая «не кататься на роликах».

В языке сложилась традиция называть идеограммы пиктограммами, поскольку границы этих понятий не чёткие.

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

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

Каждый логотип — эмблема, но не каждая эмблема — логотип.

Герб это эмблема существующая в рамках геральдических правил. Герб — вариативное изображение, один и тот же герб может быть нарисован по разному, при этом элементы участвующие в изображении должны оставаться одними и теми же (т.е. знаками, пиктограммами).

Кроме знаков и пиктограмм смысловую нагрузку в гербах несёт цвет.

Иконка это калька с английского «icon». По-русски принято говорить «Значок».

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

Путаница: одно из значений «icon» в переводе с греческого (είκων) — символ.

Например дискета — идеограмма действия «сохранить», а не обозначение дискеты.

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

Сегодня логотипом называют и эмблему, и шрифтовую композицию, и их комбинацию для товарного знака. При этом эмблему в логотипе могут называть или символом или знаком.

В английском языке эту путаницу развязали так: logo включает в себя symbol и logotype.

Товарный знак (он же Знак обслуживания и Торговая марка, прямой перевод «trademark») это юридическая привязка графического изображения и его описания к правообладателю.

Бренд это товарный знак который стал настолько известным что стал именем нарицательным. При этом бренд юридически принадлежит определённому лицу.

Например: Ксерокс, Памперс и Фломастер.

Чтобы кратко подвести итог, вот схема для определения некоторых пересекающихся понятий:

Знак —

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

На главной странице сайта Магазина праздников необычная конструкция взлетает в небо. Поднимают её три разных символа мероприятий: свадебный торт, символизирующий проведение свадьбы, снеговик из воздушных шаров в качестве символа новогоднего праздника и змей Горыныч, обозначающий любые необычные мероприятия.

Для этих символов потребовалось нарисовать большие и необычные иконки-иллюстрации с соблюдением общего стиля — яркими и плоскими.

И вот как они были сделаны:

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

На эскизе для изображения «Необычного мероприятия» изначально был грифон-попугай. Во время обсуждения эскиза появилась идея, что это должен быть змей Горыныч — подходит он в качестве символа чего-то необычного намного лучше. А позу решили не менять.

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

При разработке сайта для фонда помощи хосписам Вера мы из симпатии пошли навстречу и «поиграли цветами».

Вот что из этого получилось.

Сайт «Всех отелей России» существует давно. За это время на нём накопилось множество разделов которые не находили себе места в старой шапке. Вот как было:

Сперва задача стояла: «обновить шапку, чтобы можно было всё разместить». Мы решили убрать множество неважных разделов за «выпадайку» и придерживаться старого вида:

Вспомнили, что появились новые направления, которым в старой шапке не было места — продажа билетов и аренда автомобилей. Заодно решили, что надо совсем забыть про старый вид, и сделать по-новому:

Потом отшлифовали: сделали акценты другим цветом и добавили в шапку интересные разделы:

Потом перешли к другим частям, к поиску и каталогу. Вот, например, вариант подачи каталога гостиниц в виде «плитки», который в дело не пошёл:

Компания CPA Network обратилась к нам с задачей сделать макет для фирменной оклейки автомобиля.

Клиент: Мы хотим оклеить машину нашей компании. Нарисовали вот такой эскиз. Надо показать что наши технологии из Америки пришли в Россию.

Мы: Думаем, надо написать чем занимается ваша компания, а то не будет понятно.

Мы: Или может быть поярче раскрасить?

Клиент: Поярче не надо. Нравятся клеточки. И слоган действительно надо написать.

Мы: Может быть пиксельарт, про Россию и Америку?

Клиент: Да, только слоган побольше.

Мы: Ок.

Клиент: Не то. Давайте попробуем континенты.

Мы: Ок. Но там мало места, чтобы читалась их форма.

Клиент: Уже лучше. Давайте попробуем без слогана. Только большой логотип.

Мы: Хорошо.

Клиент: И надо Москва и Нью-Йорк по-английски написать.

Мы: Ок.

Мы: Нам кажется, что скучновато. Может сделаем континенты поинтереснее?

Клиент: Хм…

Мы: Или может совсем по другому?

Мы: Или так?

Мы: И можно даже с квадратами!

Клиент: Давайте вернёмся к тому варианту, с континентами.

Клиент: А лучше, давайте к нашему первоначальному эскизу вернёмся.

Мы: Ок.

Клиент: То что надо! Печатаем.

Для компании Mirax inTV потребовалось сделать сайт о видеорекламе в городе. На первом эскизе сразу переходили к делу: рассказывали о вариантах рекламных экранов.

Было решено, что это банально и без изюминки.

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

В ходе обсуждения идея развилась в ночной город c рекламными носителями.

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

Для реализации такой большой иллюстрации потребуются референсы улиц. Смотрим как выглядят улицы старой Москвы в перспективе.

Смотрим как выглядят сами экраны в городской среде.

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

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

Работа шла сразу со всеми элементами. Общая сборка менялась на глазах.

С результатом можно ознакомиться в нашем портфолио.

В основе любого сайта всегда лежит Информация: текстовая, графическая и мультимедийная. Информация требует удобной подачи и хорошего графического оформления.

Чем больше надо разместить Информации, тем продуманней и разнообразнее должна быть Структура сайта. Это внешнее устройство: навигация, контекстные ссылки, поиск, внутренние баннеры и т.п. А также внутреннее, например, структура базы данных.

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

Информация, Структура и Дизайн — это три последовательно взаимосвязанных уровня разработки любого сайта.

От объема одного зависит объем последующих. Бессмысленно делать следующий уровень без предыдущего. Каждому уровню необходимо уделить достаточно внимания.

Интерактивная иллюстрация крутости сайта

Изменяйте радиус окружностей, передвигая ползунки.

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

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

Одним только изменением междустрочного расстояния можно превратить плохую вёрстку текста в хорошую.

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

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

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

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

Типичным примером шума является сетка таблицы. Если обводить таблицу от души, то получится, например, так:

Температура плавления смеси указана для избытка льда.

Получилось, что ради 9 значений в таблице нарисовано 10 линий, у которых, при этом, 21 пересечение. Очевидно, что это никак не способствует удобному чтению таблицы.

Упростим. Уберём вертикальные линии — окажется, что читать таблицу по горизонтали стало намного проще:

Что изменили:

• Убрали вертикальные линии;
• Выровняли числовые значения по правому краю (тупой способ);
• Поставили минусы вместо дефисов;
• Оттипографили боковик.

Теперь раскрою главный секрет всех дизайнеров: оставлять свободное пространство. Это касается любой области: расположения логотипов, верстки книг, ландшафтного проектирования и рисования иллюстраций. Но, поскольку здесь мы рассматриваем таблицы, сделаем следующий шаг и избавимся ещё от нескольких линий. И, заодно, сделаем расстояния между данными больше.

Что изменили:

• Убрали горизонтальные линии;
• Выровняли числовые значения относительно запятой, по центру (правильный способ);
• Подобрали ширину ячеек в соответствии с объемом содержимого.

Таблица получилась читаемой. Это прекрасный результат для такого объема данных. Но в других случаях, например, когда данных действительно очень много, может понадобиться разграничить строки или столбцы, чтобы глаз не сбивался с направления при чтении. Это можно сделать линиями, но лучше, — манипулируя цветом ячеек. Например:

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

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

Сплошное подчёркивание даёт понять, что ссылка ведёт на другую страницу. Такую ссылку пользователь может открыть в новом окне, чтобы иметь на виду эту и следующую страницы. Пунктирное подчёркивание сообщает о том, что возможность открыть эту ссылку в новом окне не предусмотрена — нажатие на неё покажет дополнительную информацию, но то, что отображается сейчас, не пропадёт, поскольку событие произойдёт без перезагрузки страницы.

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

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

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

Встречаются ссылки, которые открываются сами по себе в новом окне. Для пользователя это достаточно серьёзное вторжение в его частную жизнь. Если избежать этого по каким-то причинам нельзя, стоит предупредить пользователя об открытии нового окна.

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

Я считаю, что сложившаяся традиция оформления ссылок — использование одновременно подчёркивания и выделения цветом — не очень удачна. В особых случаях возникает желание избежать того или другого. Мне представляется более удобным для повсеместного применения и более эстетичным вариантом выделение ссылок цветом фона. Как, например, при выделении маркером на листе бумаги:

За последние полгода в студии дизайна «Разумный подход» были разработаны сайты для туристического оператора, ивент-компании и архитектурного бюро. Другие примеры веб-дизайна можно посмотреть в портфолио.

Но, к сожалению, против коллективного бессознательного не попрёшь.

Существует удивительно простой способ акцентировать внимание — планка. Поместите её над требующим внимания элементом, и взгляд зрителя будет цепляеться за неё, проводя для себя мнимые вертикальные границы, в которые попадает нижестоящий элемент.

Планку можно разместить вертикально, тогда мнимые границы пройдут по горизонтали.

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

Например, на saldo.ru этот приём используется очень незаметно. А на сайте Российской газеты он превратился в один из основных элементов дизайна.

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

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

Поля в форме должны чётко формулировать вопрос и иметь рядом с собой пример, на который можно было бы ориентироваться.

Чекбоксы и доты правильно ставить слева от описания, тем самым визуально формируя список, а посетителю, увидевшему опциональный элемент в начале строки следовать по схеме «отметить, надо ли мне написанное далее». При этом отметка должна производится как нажатием на чекбокс или дот, так и на само описание.

Если, при создании формы преследовалась задача узнать у пользователя конкретную информацию (например, Ф. И. О., адрес его электронной почты и рост), то необходимо предупредить его о том, что среди всех полей существуют поля, обязательные для заполнения. К обязательным для заполнения полям надо относится внимательно, поскольку некоторую информацию пользователи распространять не хотели бы. Если вы отмечаете поля звёздочкой «*», то пишите пояснение, поскольку это обозначение сноски.

Можно было бы поставить звёздочку только возле того поля, в котором нужно указывать номер паспорта, и объяснить, что это единственное поле, не обязательное для заполнения. Но у пользователя сложилась привычка: раз стоит звёздочка, значит обязательно заполнить. И привычный ход мысли пользователя лучше не нарушать.

Для контроля достоверности следует анализировать введённую информацию. Так, московский телефон не может состоять меньше, чем из семи цифр, а адрес электронной почты всегда содержит знак «@» и точку.

Заполнение формы с большим числом полей разумно разбить на несколько этапов. Иначе при какой-либо ошибке пользователь будет вынужден внимательно просмотреть все поля, еще раз ввести и подтвердить пароль, что не может не раздражать. О том, что форма разбита на части, надо предупреждать заранее.

Кнопку подтверждения заполненной формы правильно прокомментировать ожидаемым результатом.

При составлении форм надо помнить, что заполнять её может кто угодно и для чего угодно: для баловства, или с целью взлома.

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

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

Также стоит помнить о том, что на мониторе пиксель «собирается» из трёх цветовых элементов — красного, зелёного и синего. Это служит причиной различных обманов зрения. Например, если провести вертикальную границу от красного к синему, появится ступенька шириной 4⁄3 пикселя, а это будет сильно бросаться в глаза.

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

На сайте chernogolovka.ru есть кнопка, которая выглядит, как прямоугольник с закруглёнными углами. А самом деле, это трапеция. Это тоже необходимо учитывать.

Если компьютер может помочь вам придерживаться орфографии — подсказать, как правильно написать нужное слово, — то справиться с пунктуацией ему под силу далеко не всегда. Проблему усложняет также и то, что некоторых знаков пунктуации на клавиатуре попросту нет. Так, к сожалению, сложилось исторически. Поэтому природная лень и небрежность часто приводит к тому, что люди пишут текст на компьютере не по-русски: вместо кавычек-ёлочек « и » пишет " ", а знак минус заменяет то тире, то дефис.

Незнание собственной клавиатуры привело к тому, что букву «е» используют во многих словах вместо законной «ё».

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

Буква «ё» пережила типографический геноцид. Её не было на печатных машинках, поскольку для неё не хватило места, в типографиях перестали её набирать, возникла масса книг без ё. В результате, в правилах русской орфографии и пунктуации появился сомнительный 10-ый параграф, согласно которому «ё» пишется только в особых случаях.

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

С недавних пор это правило перешло с экранов на бумагу.

При создании сайта для компании «Биоскан» были сформулированы две основные задачи:

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

Разработка сайта начинается с чёткой постановки задачи. Если не ясно, зачем нужен сайт, то и делать его ни к чему.

Дизайнер — это человек, который визуализирует продуманную мысль. Его задача — cделать так, чтобы человек, впервые подошедший к какому-либо разработанному дизайнером объекту, сумел бы без инструкции и особых умственных усилий воспользоваться этим объектом, получив от этого удовольствие. Поэтому, так же, как хорошим писателям легко удаётся удачно выразить свою мысль в прозе, а гениальным танцорам — в танце, хороший дизайнер должен уметь работать в первую очередь с визуальными образами, чтобы ему было легко воплощать свою мысль в реальность, иначе в работе его ждёт тяжкий труд Сальери.

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

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

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