{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Блог Тани Соколовской: posts tagged Процессы", "_rss_description": "Раскрываю процессы, конспектирую книги, пишу советы.", "_rss_language": "en", "_itunes_email": "mail@tsokolovskaya.ru", "_itunes_categories_xml": "", "_itunes_image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic-square@2x.jpg?1757434518", "_itunes_explicit": "no", "home_page_url": "http:\/\/tsokolovskaya.ru\/blog\/tags\/processes\/", "feed_url": "http:\/\/tsokolovskaya.ru\/blog\/tags\/processes\/json\/", "icon": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1757434518", "authors": [ { "name": "Таня Соколовская", "url": "http:\/\/tsokolovskaya.ru\/blog\/", "avatar": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/userpic\/userpic@2x.jpg?1757434518" } ], "items": [ { "id": "68", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/isonscope-logo-process\/", "title": "Разработала логотип космического проекта ISONscope", "content_html": "

ISONscope — это совместный проект Управления по вопросам космического пространства ООН (UNOOSA) и Института прикладной математики им. М. В. Келдыша РАН. Имя проекта образовано от аббревиатуры ISON (International Scientific Optical Network) и слова telescope. ISON является существующей инициативой сотрудников Института для наблюдения за околоземным космическим пространством.<\/p>\n

В рамках ISONscope планируется предоставление на конкурсной основе научным или образовательным организациям из развивающихся стран телескопов малого диаметра и сопутствующего оборудования. Таким образом у них появится возможность наблюдать спутники и космический мусор на высоких орбитах Земли, а также астероиды и кометы.<\/p>\n

У нас сильно ограничены сроки — на все есть три недели, это значит, нужно попасть в точку с первого раза. Логотип должен стать лицом проекта ISONscope, входящего в инициативу UNOOSA «Доступ к космосу для всех” (Access to Space for All Initiative<\/a>).<\/p>\n

Работу, как обычно, я начала с вопросов. Команда, которая занимается проектом, довольно подробно мне все рассказала. В логотипе обязательно должен присутствовать телескоп, название и объекты, за которыми можно наблюдать в телескоп. Нужен так называемый логотип-эмблема. Еще мне прислали фотографии самих телескопов:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Берусь за карандаш, набрасываю эскизы. Задача довольно узкая, поэтому сильно не экспериментирую, стараюсь учесть необходимые элементы из обсуждения с клиентом. Вот, что вышло:<\/p>\n

\n\"\"\n<\/div>\n

Смонтировала ролик с процессом отрисовки эскизов для логотипа: посмотрите на Ютубе<\/a>.<\/p>\n

Набросала и сам телескоп, но уже в векторе:<\/p>\n

\n\"\"\n<\/div>\n

С формой логотипа я определилась сразу: решила сделать его в круге и объединить букву I и телескоп в один элемент. На данном этапе я взяла готовый шрифт IBM:<\/p>\n

\n\"\"\n<\/div>\n

Теперь нужно было набросать дополнительные объекты, которые будут присутствовать в логотипе — астероид, космический мусор и спутник. Я решила изобразить полную картину с Солнцем и Землей, чтобы было нагляднее:<\/p>\n

\n\"\"\n
Пунктирные линии — это орбиты астероида и спутника, а зеленым я выделила область, которая войдет в логотип<\/div>\n<\/div>\n

Собираю логотип. По кругу нужно разместить дополнительные подписи: United Nations Office for Outer Space Affairs и Keldysh Institute of Applied Mathematics. Вот, что получилось:<\/p>\n

\n\"\"\n<\/div>\n

Результат мне нравится, продолжаю работу и рисую буквы:<\/p>\n

\n\"\"\n<\/div>\n

Вот, что получилось при совмещении телескопа с новой буквой I:<\/p>\n

\n\"\"\n<\/div>\n

Обновляю логотип и меняю расположение круговых подписей:<\/p>\n

\n\"\"\n<\/div>\n

Примеряю результат на мокап и отправляю клиенту:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n
Смотрю на логотип в цвете и без подписей<\/div>\n<\/div>\n
\n\"\"\n<\/div>\n

Пробую выворотку на носителях:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Получаю ответ — логотип нравится, но есть пара моментов, которые нужно доработать: сделать спутник более явным, цвет потемнее и, возможно, добавить сигнал от спутника.<\/p>\n

Пробую разные формы спутников, немного сдвинуть элементы и добавить сигнал (он похож на значок вайфая), также обновляю цвет:<\/p>\n

\n\"\"\n<\/div>\n

Сигнал точно не нужен, явный перебор деталей. Выбираю спутник с солнечными батареями в форме вёсел и снова отправляю клиенту:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Логотип приняли!<\/p>\n

Пока мы работали, UNOOSA презентовала логотип инициативы “Доступ к космосу для всех“:<\/p>\n

\n\"\"\n<\/div>\n

Оказалось, наши логотипы довольно схожи, что несомненно порадовало :-)<\/p>\n

Вскоре UNOOSA прислала нам свой брендбук, и мы обновили шрифт круговой подписи и цвет, чтобы больше соответствовать их стилю.<\/p>\n

Шрифт мы заменили на Avenir. С цветом чуть тяжелее, нам нравился наш глубокий синий, а там его не оказалось. Мы прикинули несколько вариантов цветов:<\/p>\n

\n\"\"\n<\/div>\n

Решили остановиться на фиолетовом, как самом близком к нашему синему.<\/p>\n

Логотип готов!<\/p>\n

\n\"\"\n<\/div>\n

Конкурс стартует 27 января, а результаты будут объявлены только в октябре. Буду следить :-)<\/p>\n

Была безумно рада работать над проектом, космос — моя любовь!<\/p>\n

\n\"\"\n
Ношу на спине Солнечную систему<\/div>\n<\/div>\n", "date_published": "2021-01-24T20:50:27+01:00", "date_modified": "2023-06-15T08:47:10+01:00", "tags": [ "ISONscope", "Логотипы", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-2.png", "_date_published_rfc2822": "Sun, 24 Jan 2021 20:50:27 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "68", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-2.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_4598.JPG", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2021-01-01-at-21.37.36.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2021-01-01-at-21.37.48.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_0233.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-3.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9-2.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5-2.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/13-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/14-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/15-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/16-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/17-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/18-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/19.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/20.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/21.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/22.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/23.jpeg.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/24.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/25.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_0420-1.jpg" ] } }, { "id": "67", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/miagkova-logo-process\/", "title": "Как я сделала логотип стилиста", "content_html": "

Наталия обратилась ко мне с задачей разработать личный логотип. Она подбирает для своих клиентов персональный стиль в одежде и планирует целые гардеробные комнаты. В ее работе нечто большее, чем просто смена одежды, каждый клиент меняется изнутри и прорабатывает через образ конкретные задачи и свои страхи. Однажды я бы хотела обратиться к такому специалисту тоже :-)<\/p>\n

Работу я начала конечно же с беседы. Наталия рассказала о себе, своей работе, ценностях, планах и пожеланиях, и процесс пошел.<\/p>\n

Когда работа идет над персональным логотипом, найти идею с первого же раза довольно сложно, тут многое зависит от внутренних ощущений клиента. Поэтому чаще всего первый вариант — это как “пальцем в небо”. В данном случае я взяла за образ первую же ассоциацию с гардеробом — вешалку.<\/p>\n

Гугл мне показал десятки вешалок и логотипов с ними:<\/p>\n

\n\"\"\n<\/div>\n

Я заметила, что вешалки все в одном ракурсе. Тогда я нашла такое фото:<\/p>\n

\n\"\"\n<\/div>\n

С этим ракурсом и решила работать.<\/p>\n

\n\"\"\n
Прикинула заодно и инициалы (Наталия Мягкова)<\/div>\n<\/div>\n

Смонтировала ролик с процессом отрисовки эскизов для логотипа: посмотрите на Ютубе<\/a>.<\/p>\n

Отрисовала одну вешалку:<\/p>\n

\n\"\"\n<\/div>\n

Собрала три в ряд, как-будто они весят на штанге, но не понравилось, что они слиплись:<\/p>\n

\n\"\"\n<\/div>\n

Разделила вешалки:<\/p>\n

\n\"\"\n<\/div>\n

Пробую разные варианты — со штангой, потоньше, потолще, отраженные влево, на плашках:<\/p>\n

\n\"\"\n
Ничего из этого меня не цепляет<\/div>\n<\/div>\n

Строю вешалку с параллельными линиями:<\/p>\n

\n\"\"\n<\/div>\n

Собираю три вешалки на штанге:<\/p>\n

\n\"\"\n<\/div>\n

Увидела еще такую связь:<\/p>\n

\n\"\"\n<\/div>\n

Параллельно прикидываю пару вариантов с инициалами, но мне они не нравятся:<\/p>\n

\n\"\"\n<\/div>\n

Возвращаюсь к вешалкам и собираю логотип с разными шрифтами:<\/p>\n

\n\"\"\n<\/div>\n

Выбираю средний вариант и собираю презентацию:<\/p>\n

\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n

Получаю комментарии от Наталии — образ не подходит и кажется грубоватым. Также Наталия просит показать шрифт, в котором все буквы “А” были бы без горизонтального штриха. Показываю:<\/p>\n

\n\"\"\n
Получилось слишком много “домиков”, такой вариант я забраковала и Наталия с этим согласилась<\/div>\n<\/div>\n

Наталия тот тип клиентов, который я люблю больше всего! Она вовлечена в процесс и работает вместе со мной, при этом тонко соблюдает границу, оставаясь именно клиентом :-) <\/p>\n

Обсуждаем, куда двигаемся дальше. Наталия тоже активно работает, что очень помогает процессу. Она нашла образы и варианты логотипов, которые ей чем-то понравились, и мы определили три типа логотипов, которые попробуем сделать:<\/p>\n

    \n
  1. Вариант с рукописными инициалами или фамилией.<\/li>\n
  2. Логотип со знаком-монограммой.<\/li>\n
  3. Вариант со знаком, состоящим из двух образов — лотоса и корсета. Образ лотоса просто нравится, а корсет как атрибут женского гардероба.<\/li>\n<\/ol>\n

    Решаю начать с вариантов два и три, но сперва смотрю в гугле, какие монограммы уже существуют. Их кончено же оказалось великое множество:<\/p>\n

    \n
    \n\"\"\n\"\"\n<\/div>\n<\/div>\n

    Набросала новую партию эскизов:<\/p>\n

    \n\"\"\n<\/div>\n

    Отрисовываю в векторе монограмму и лотосокорсет:<\/p>\n

    \n\"\"\n
    В монограмме как бы стоит буква n и ее “ножка” отражается в зеркале и так образовалась m (вот загнула :-))<\/div>\n<\/div>\n
    \n\"\"\n<\/div>\n

    А в лотосокорсете спрятаны три образа:<\/p>\n

    \n\"\"\n<\/div>\n

    Эти варианты нам не подходят, потому что с лотосом ассоциации совсем другие, чем нужно, а монограмма подобная наверняка уже где-то есть :-) Я решаю показать варианты клиенту, но не использовать:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Параллельно рисую вариант с инициалами в линиях, но бракую:<\/p>\n

    \n\"\"\n<\/div>\n

    Наконец-то добралась до вариантов с рукописными элементами. Нашла шрифт для примера:<\/p>\n

    \n\"\"\n<\/div>\n

    Пробую совместить с именем:<\/p>\n

    \n\"\"\n<\/div>\n

    Хочу чтобы M дополняла первую букву A в имени, рисую свою M:<\/p>\n

    \n\"\"\n<\/div>\n

    Оставляю пока этот вариант и приступаю к рукописным инициалам:<\/p>\n

    \n\"\"\n
    Получился такой лого<\/div>\n<\/div>\n

    В процессе образовался дополнительный вариант в форме круга:<\/p>\n

    \n\"\"\n
    Буквы пока просто деформировала, но в чистовой работе так делать нельзя :-)<\/div>\n<\/div>\n

    Собираю варианты в презентацию и показываю клиенту:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Наталия просит показать первый вариант со шрифтом без засечек. Показываю:<\/p>\n

    \n\"\"\n<\/div>\n

    Вариант с дополнительным знаком в форме круга понравился больше. Я продолжаю над ним работу.<\/p>\n

    На этом этапе рисую буквы:<\/p>\n

    \n\"\"\n<\/div>\n

    Добавляю к фамилии ударение, диакритический знак и дескриптор. Диакритический знак взяла из украинского языка — Ї, Наталия живет и работает в Киеве. Смотрю разные положения:<\/p>\n

    \n\"\"\n<\/div>\n

    Пробую сплести шрифтовую часть и инициалы:<\/p>\n

    \n\"\"\n<\/div>\n

    А также смотрю варианты в рамке:<\/p>\n

    \n\"\"\n<\/div>\n

    Решаю немного сплюснуть рукописную часть:<\/p>\n

    \n\"\"\n<\/div>\n

    Рисую буквы для дескриптора:<\/p>\n

    \n\"\"\n<\/div>\n

    Собираю вариант логотипа в круглой форме:<\/p>\n

    \n\"\"\n<\/div>\n

    Но это не конец :-)<\/p>\n

    Решаю добавить инициалам “жизни” — имитирую письмо пером, когда линии плавно перетекают из тонких в более толстые и снова в тонкие:<\/p>\n

    \n\"\"\n<\/div>\n

    Так мне нравится намного больше:<\/p>\n

    \n\"\"\n<\/div>\n

    Немного трансформирую рукописную часть:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю на логотип в разных формах:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Собираю презентацию. Рассказываю клиенту, что решила оживить тонкую линию в рукописной части и сымитировать письмо пером. Так знак выглядит увереннее, продолжим работать уже с ним. Для наглядности презентую все варианты:<\/p>\n

    \n
    \n\"\"\n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n
    \n
    \n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Наталия решила остановиться на варианте, где рукописная часть связана со шрифтовой:<\/p>\n

    \n\"\"\n<\/div>\n

    Однако, пожив с этим вариантом пару дней, мы увидели, что вертикальная линия с хвостиком, которая делит шрифтовую часть пополам, слишком массивная и берет на себя много акцента. Я продолжила работу и сделала три новых варианта этого хвостика:<\/p>\n

    \n\"\"\n<\/div>\n

    Останавливаемся на первом варианте и смотри его в цвете:<\/p>\n

    \n\"\"\n<\/div>\n

    Меняю буквы в дескрипторе со строчных на прописные, так логотип стал более гармоничным:<\/p>\n

    \n\"\"\n<\/div>\n

    Примеряю в дополнительный вариант логотипа в круглой форме измененную рукописную часть, но она не встает:<\/p>\n

    \n\"\"\n
    Оставляю как было<\/div>\n<\/div>\n

    Готово, Наталия принимает работу! Итого получился основной вариант логотипа, дополнительный в круглой форме и вариант без дескриптора:<\/p>\n

    \n\"\"\n
    Финальные варианты логотипа<\/div>\n<\/div>\n", "date_published": "2020-12-05T17:18:09+01:00", "date_modified": "2023-06-28T10:40:28+01:00", "tags": [ "Логотипы", "Наталия Мягкова", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.11.29.png", "_date_published_rfc2822": "Sat, 05 Dec 2020 17:18:09 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "67", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.11.29.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/14-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/15-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-09-29-at-20.13.32.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Frete-Gr-tis-de-Alta-Qualidade-Branco-Ternos-Cabide-De-Madeira-para-Crian-as-Crian.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_9887.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.10.38.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.11.19.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.26.56.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.58.11.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.11.50.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.12.13.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.26.02.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.55.27.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.18.37.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-6.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-6.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-22.48.42.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.08.18.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.08.34.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_9888.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.21.02.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.21.38.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.22.14.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/lotos.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/monogramma.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/monogramma-mirror.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-21-at-23.22.02.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.02.09.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.02.47.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.03.03.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.07.01.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.07.16.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/3-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.15.32.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.22.28.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.24.37.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.27.51.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.33.00.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.30.06.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.32.27.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.31.18.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.34.12.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.43.42.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.45.53.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.50.22.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-0.51.47.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/3-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/20-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/17-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/18-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/19-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/16-copy1-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/13-copy1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-11.58.10.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.04.01.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.05.22.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.06.43.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2020-11-22-at-12.12.56.png" ] } }, { "id": "59", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/raveppl-logo-process\/", "title": "Как я сделала логотип промо-группы «Рейв пипл»", "content_html": "
    \n\"\"\n<\/div>\n

    «Рейв пипл» — московская промо-группа. Делает андеграундные рейвы в камерном формате. Основные направления: Progressive House, Underground Trance и Techno.<\/p>\n

    Нужен логотип из знака и текстовой части. Приступаю к эскизам:<\/p>\n

    \n\"\"\n
    Первые наброски<\/div>\n<\/div>\n

    Правый нижний вариант это упрощенные AV из слова “RAVE”. Он напоминает мне предупреждающую ленту, решаю пока остановиться на нем. Заодно набросала еще идеи:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n
    Так выглядит предупреждающая лента<\/div>\n<\/div>\n

    Прикидываю остальные буквы:<\/p>\n

    \n\"\"\n<\/div>\n

    Набираю “People” готовым шрифтом, чтобы посмотреть лого в целом:<\/p>\n

    \n\"\"\n<\/div>\n

    Обсудили набросок с представителем промо-группы и решили, что для знака нужно что-то иное, отдельное от текстовой части логотипа. Так появился знак “RP”:<\/p>\n

    \n\"\"\n<\/div>\n

    Но подобных сочетаний букв “R” и “P” полно, нужно сделать знак уникальным. Тут я вспомнила про смайл — символ эсид-хауса, и увидела его внутри знака:<\/p>\n

    \n\"\"\n
    Пробую разные варианты<\/div>\n<\/div>\n

    Останавливаюсь на таком:<\/p>\n

    \n\"\"\n<\/div>\n

    Еще идеи смайлов:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Смотрю, как сочетаются вместе знак и текстовая часть:<\/p>\n

    \n\"\"\n<\/div>\n

    Работаю над “People”:<\/p>\n

    \n\"\"\n<\/div>\n

    Соединяю оба слова:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Получила отзыв от команды промо-группы, что похожая идея уже использовалась ранее:<\/p>\n

    \n\"\"\n
    Лого Z Festival<\/div>\n<\/div>\n

    Дорабатываю “Rave”:<\/p>\n

    \n\"\"\n<\/div>\n

    Верхняя часть “R” кажется мне слишком тонкой, правлю это:<\/p>\n

    \n\"\"\n<\/div>\n

    Решаю также уменьшить внутрибуквенный просвет:<\/p>\n

    \n\"\"\n<\/div>\n

    Сравниваю:<\/p>\n

    \n\"\"\n<\/div>\n

    Результат:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Примеряю логотип на аватарку в соцсетях:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Работу приняли!<\/p>\n

    Логотип в жизни — на сайте raveppl.ru<\/a><\/p>\n

    \n\"\"\n
    Photo © Psyler Room<\/div>\n<\/div>\n
    \n\"\"\n
    Photo © Pavel Tzimisce<\/div>\n<\/div>\n
    \n\"\"\n
    Photo © Schneider Family<\/div>\n<\/div>\n", "date_published": "2020-02-18T16:12:10+01:00", "date_modified": "2020-08-24T08:31:54+01:00", "tags": [ "Rave People", "Логотипы", "Портфолио", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/16-1.png", "_date_published_rfc2822": "Tue, 18 Feb 2020 16:12:10 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "59", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/16-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/photo_2019-09-08_16-27-34-copy.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_7044.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/3-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/photo_2019-09-08_16-34-11.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/13.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-09-08-at-16.36.10.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/14-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/15-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/16-2.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/17.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/18.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/19.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9-1.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/_MG_097375.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/DSC05349-(8).jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/IMG_9124-(1).jpg" ] } }, { "id": "41", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/dom-svadeb-logo\/", "title": "Новый логотип “Дома Свадеб Кати Кещян”", "content_html": "
    \n

    Задача<\/b><\/i>
    \nСделать небольшой ребрендинг: обновить логотип и цветовую схему.<\/i><\/p>\n<\/blockquote>\n

    \n\"\"\n
    Старый логотип<\/div>\n<\/div>\n
    \n\"\"\n
    Венок с логтипом Кати Кещян<\/div>\n<\/div>\n

    До сегодняшнего дня логотипом агентства служил нарисованный персонаж в цветочной арке (саму Катю нарисовала по заказу художница, имени ее не знаю). Но Дом Свадеб растет, а с ростом понадобился и настоящий логотип. Текстовая часть пришла из Уткиного дома<\/a>, ее мы решили пока оставить, но дополнить графическим знаком. Также решили переработать арку, сделать менее насыщенными цвета и избавиться от венка.<\/p>\n

    Начала работу с аббревиатуры<\/h2>\n

    Сперва пробую из букв ДС сделать подобие венка. Получился такой набросок:<\/p>\n

    \n\"\"\n<\/div>\n

    Отправила Кате и получила добро на развитие идеи. Обрисовала цветы и листочки из венка и приделала их к ДС:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Кате не понравился хвостик у Д. Пробую добавить еще один цветок и кольцо, которое персонаж держит в руках:<\/p>\n

    \n
    \n\"\"\n\"\"\n<\/div>\n<\/div>\n

    В ответ получила картинку из фильма “Аватар” :-) Катя говорит, что хвостик очень уж напоминает хвост существ на’ви.<\/p>\n

    \n\"\"\n
    На’ви<\/div>\n<\/div>\n

    Решаю отойти от “венка” и попробовать форму кольца.<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n
    Аббревиатура ДС отлично вписывается в круг<\/div>\n<\/div>\n

    Убираю цветы и добавляю бриллиант из иллюстрации с персонажем:<\/p>\n

    \n\"\"\n<\/div>\n

    Кольцо Кате очень нравится. Смотрим знак для примера на сайте:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    В таком виде ДС-венок сочетается с текстовой частью лучше, чем ДС-кольцо.<\/p>\n

    Возвращаюсь к первому варианту и добавляю деталей на хвостик Д, чтобы он не вызывал ассоциацию с хвостом на’ви. Вот что вышло:<\/p>\n

    \n\"\"\n<\/div>\n

    Параллельно пробую соединить ДС-кольцо с текстовой частью как-то иначе и нахожу отличный вариант:<\/p>\n

    \n\"\"\n<\/div>\n

    Кате нравится, решаем остановиться на этом варианте логотипа. Дорабатываю сам бриллиант:<\/p>\n

    \n\"\"\n
    В процессе пробовала добавить лапки для бриллианта, но они показались лишними<\/div>\n<\/div>\n

    Работа над аркой и персонажем<\/h2>\n

    Параллельно работала над аркой. Главной задачей было — избавиться от пузырей. Поэтому сперва я провела зачистку, а на их место добавила растительности:<\/p>\n

    \n\"\"\n
    Стало — было<\/div>\n<\/div>\n

    Прикинула вариант с темно-красным цветом на персонаже и в цветах арки:<\/p>\n

    \n\"\"\n
    От этого отказались сразу<\/div>\n<\/div>\n

    Пробую немного уменьшить арку и сделать ее тоньше. Для этого убрала и пузыри, и растительность, и уменьшила сами цветы:<\/p>\n

    \n\"\"\n<\/div>\n

    К этому моменту Катя решает пока вообще отойти от арки и оставить ее как есть.<\/p>\n

    Корректирую насыщенность цвета у изображений. Было — стало:<\/p>\n

    \n\"\"\n<\/div>\n

    Собираю гайдлайн<\/h2>\n
    \n
    \n\"\"\n\"\"\n\"\"\n\"\"\n<\/div>\n<\/div>\n", "date_published": "2019-05-11T18:36:16+01:00", "date_modified": "2019-05-23T20:21:28+01:00", "tags": [ "Катя Кещян", "Логотипы", "Портфолио", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.12.09.png", "_date_published_rfc2822": "Sat, 11 May 2019 18:36:16 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "41", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.12.09.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.12.38.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Mockup.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/3.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/l1048753829.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-1-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/web-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/web-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.52.33.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/v1-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.56.05.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-18.57.41.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-17-at-19.04.07.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6-7.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10-11.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12-13.jpg" ] } }, { "id": "57", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/daniel-lesden-logo\/", "title": "Сделала новый логотип музыканта Daniel Lesden", "content_html": "
    \n

    Задача<\/i><\/b>
    \nОбновить логотип, при этом сохранить узнаваемость.<\/i><\/p>\n<\/blockquote>\n

    \n\"\"\n
    Так выглядел старый логотип. Работу выполнил сербский дизайнер Nebojsa Nadj в 2012 году<\/div>\n<\/div>\n

    Главный элемент логотипа это аббревиатура DL, совмещенная в единый знак. Именно этот знак отвечает за узнаваемость, поэтому его нужно сохранить.<\/p>\n

    Чаще всего логотип используется на афишах, флаерах, обложках альбомов и прочих материалах, которые пестрят цветом и количеством элементов. Поэтому сразу решаю использовать только заглавные буквы, тогда логотип будет хорошо считываться. Подбираю максимально подходящий под “D” шрифт:<\/p>\n

    \n\"\"\n<\/div>\n

    В имени есть вторая буква “D”, сразу пробую вставить знак и на ее место, при этом обрезаю хвостик-засечку:<\/p>\n

    \n\"\"\n<\/div>\n

    Сейчас “D” слишком широкая в сравнении с остальными буквами. Поправляю это:<\/p>\n

    \n\"\"\n<\/div>\n

    Также смягчаю хвостик и делаю его чуть короче:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю на результат:<\/p>\n

    \n\"\"\n<\/div>\n

    Экспериментирую с пробелами в буквах:<\/p>\n

    \n\"\"\n<\/div>\n

    Добавляю лигатуру и пробелы в другие буквы:<\/p>\n

    \n\"\"\n<\/div>\n

    Собираю вертикальный вариант:<\/p>\n

    \n\"\"\n<\/div>\n

    Слова не совпадают по ширине — плохо. Добавляю горизонтальные штрихи букве “I”, удлиняю горизонтальный штрих “L”:<\/p>\n

    \n\"\"\n<\/div>\n

    Так мне не нравится. “Расширяю” букву “A”:<\/p>\n

    \n\"\"\n<\/div>\n

    Выравниваю пробелы в буквах и беру “E” с хвостиком, так как без него образуется дыра между “LE”:<\/p>\n

    \n\"\"\n
    Широкая “A” решила проблему с выравниванием<\/div>\n<\/div>\n
    \n\"\"\n
    Горизонтальный вариант тоже выглядит отлично<\/div>\n<\/div>\n

    Окрашиваю лого в фирменный оранжевый цвет и отправляю клиенту:<\/p>\n

    \n\"\"\n<\/div>\n

    Работа принята :-)<\/p>\n", "date_published": "2018-01-13T19:55:24+01:00", "date_modified": "2019-05-23T20:21:00+01:00", "tags": [ "Daniel Lesden", "Логотипы", "Портфолио", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-23-at-12.25.55.png", "_date_published_rfc2822": "Sat, 13 Jan 2018 19:55:24 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "57", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/Screen-Shot-2019-05-23-at-12.25.55.png", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/1-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/2-3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/13-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/6.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/9-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/10-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/11-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/12-1.jpg" ] } }, { "id": "15", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/rotar-process\/", "title": "Процесс: лого визажиста Анны Ротарь", "content_html": "

    \n\"\"\n<\/div>\n

    Анна Ротарь — визажист и стилист по волосам в городе Одесса. Я разработала для Анны логотип и оформила визитную карточку.<\/p>\n

    Вместе с Анной мы решили, что рукописный вариант ближе ей по характеру. От этого и отталкнулись.<\/p>\n

    Набросала варианты:<\/p>\n

    \n\"\"\n<\/div>\n

    Перевела некоторые в вектор и выбрала наименее «завитушный»:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю на носителях:<\/p>\n

    \n\"\"\n<\/div>\n

    Не нравится, что все буквы рукописные, но нравятся формы букв A и R. Решаю их оставить, а остальные набрать шрифтом:<\/p>\n

    \n\"\"\n<\/div>\n

    Логотип стал серьезнее, как раз под звучание фамилии. Попробуйте произнести Ротарь. Она рычит, звучит твердо, в то же время мягкий знак смягчает рычание. Продолжаю работу. Хочется соединить горизонтальный штрих A и полуовал R, а засечки nn превратить в хвостики, как у буквы a. Пробую, смотрим:<\/p>\n

    \n\"\"\n<\/div>\n

    Да. Так появилась целостность. Связываю логотип с деятельностью Анны: буква A выполняет роль карандаша со следом от него:<\/p>\n

    \n\"\"\n<\/div>\n

    Показываю клиенту предварительный вариант:<\/p>\n

    \n\"\"\n
    Фото из сети для примера<\/div>\n<\/div>\n
    \n\"\"\n<\/div>\n

    Получаю одобрение — Анне логотип нравится. Работаю дальше. Облегчаю жирные линии A и R, слегка укорачиваю вертикальный штрих R и убираю хвостик буквы A.<\/p>\n

    \n\"\"\n<\/div>\n

    Настал этап прорисовки букв. Отмечаю основные проблемы, которые нужно поправить:<\/p>\n

    \n\"\"\n<\/div>\n

    Выравниваю параллели, привожу к одному размеру все схожие полукруглые хвосты:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Корректирую дугу от R относительно ножки:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю в черном цвете:<\/p>\n

    \n\"\"\n<\/div>\n

    Не нравится стык полуовала R и ее ножки:<\/p>\n

    \n\"\"\n<\/div>\n

    Исправляю:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Настала очередь карандашного следа. Смягчаю его:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю в логотипе:<\/p>\n

    \n\"\"\n<\/div>\n

    Корректирую еще, чтобы он не сильно выпирал над буквой A:<\/p>\n

    \n\"\"\n<\/div>\n

    Смотрю:<\/p>\n

    \n\"\"\n<\/div>\n

    Делаю вариант логотипа из инициалов:<\/p>\n

    \n\"\"\n<\/div>\n

    Готово! Приступаю к визиткам. Для них я доработала карандашный след:<\/p>\n

    \n\"\"\n
    Внутри появился силуэт лица<\/div>\n<\/div>\n

    Отражаю силуэт вертикально:<\/p>\n

    \n\"\"\n<\/div>\n

    Собираю макет визитки и отправляю клиенту:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Анна принимает работу.<\/p>\n", "date_published": "2016-09-19T10:04:36+01:00", "date_modified": "2019-05-23T20:20:50+01:00", "tags": [ "Анна Ротарь", "Логотипы", "Портфолио", "Процессы" ], "image": "http:\/\/tsokolovskaya.ru\/blog\/pictures\/99-1.jpg", "_date_published_rfc2822": "Mon, 19 Sep 2016 10:04:36 +0100", "_rss_guid_is_permalink": "false", "_rss_guid": "15", "_rss_enclosures": [], "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [ "http:\/\/tsokolovskaya.ru\/blog\/pictures\/99-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/sketch-book.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-0.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-3.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-5.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-21.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-22.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-4.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-6.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-19.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-7.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-8.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-9.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-10.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-20.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-11.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-12.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-13.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-14.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-15.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-18.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-16.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/logo-rotar-17.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/99-2.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/5-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/7-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/8-1.jpg", "http:\/\/tsokolovskaya.ru\/blog\/pictures\/99.jpg" ] } }, { "id": "13", "url": "http:\/\/tsokolovskaya.ru\/blog\/all\/wedensky-book-process\/", "title": "Как я сверстала и оформила книгу", "content_html": "

    \n\"\"\n<\/div>\n

    А тут электронная версия книги<\/a><\/p>\n

    Представляю мое первое книжное издание! Я очень рада, что довелось открыть для себя это новое направление в дизайне. Работа над оформлением книги оказалась нелегкой, но интересной. Тут я покажу процесс работы и всякие закулисные подробности.<\/p>\n

    Задача: сверстать, оформить и помочь издать художественную книгу израильского писателя и психолога Леи Веденски. Книга называется «О Жизни, Смерти и Любви»<\/p>\n

    Из беседы с автором я узнала, что книга будет двуязычная — на русском языке и на иврите, и по задумке текст должен быть разделен на две колонки. Поэтому для большего удобства я выбрала квадратный формат для книги.<\/p>\n

    Проиллюстрировала рассказы художник Маша Ройтман. Иллюстрации потрясающие и живые, выполнены в графическом стиле карандашом на бумаге:<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Практически сразу у меня родился образ книги с ассоциацией на тему жизни и смерти — обложка белого цвета с темными полями.<\/p>\n

    \n\"\"\n
    Набросок обложки. Текст на иврите — грубый перевод русккоязычного названия в Google Translate<\/div>\n<\/div>\n

    На этом этапе я отложила обложку в сторону и приступила к книжному блоку. Тут все оказалось немного сложнее. Иврит — правостороннее письмо, соответственно и книга открывается слева направо. Выходит, что русские тексты будут читаться задом наперед, а это не совсем удобно.<\/p>\n

    Первый вариант книжной полосы был таким:<\/p>\n

    \n\"\"\n<\/div>\n

    Казалось, все не плохо. Но чем больше я вникала в книжное оформление, тем больше понимала негодность первого варианта. Кроме того, в процессе возник конфликт с иллюстрациями — они и горизонтальные, и вертикальные. Если ограничить их полосой набора, то образуются большие поля, которые дисгармонируют с текстовым блоком. Я решила расположить иллюстрации «под обрез», но это подошло для вертикальных иллюстраций, горизонтальные продолжали «резать глаз».<\/p>\n

    \n\"\"\n
    Вертикальная иллюстрация<\/div>\n<\/div>\n
    \n\"\"\n
    Горизонтальная иллюстрация<\/div>\n<\/div>\n

    На этом этапе автор отказался от объединения иврита и русского языка в одной книге — это было лучшим решением.<\/p>\n

    Продолжила работу, убрала иврито-язычный текст. Теперь текстовые блоки кажутся слишком массивными, а строки чересчур длинными. Читать такой текст неудобно, глаза быстро устают. Увеличить размер шрифта нельзя, он и так достаточно крупный.<\/p>\n

    \n\"\"\n<\/div>\n
    \n\"\"\n<\/div>\n

    Думаю над решением:
    \n— Раз у нас пропала необходимость в двухколоночной верстке, то и придерживаться квадратного формата больше нет необходимости. Почему бы его не поменять?<\/p>\n

    Учитывая, что все иллюстрации нарисованы на бумаге формата А4, для полной гармонии я выбрала пропорциональный им формат — А5.<\/p>\n

    Работая над квадратным вариантом я полагалась только на свой эстетический вкус, но с форматом А5 возникли трудности. В поиске гармоничной пропорции наборы полосы я открыла для себя Яна Чихольда и его «Облик книги» — восхитительный «учебник» про вёрстку и оформление книг.<\/p>\n

    Следуя канону Виллара, полоса набора стала выглядеть так:<\/p>\n

    \n\"\"\n
    Иллюстрации также вписаны в полосу набора. Заодно прикинула обложку под новый формат<\/div>\n<\/div>\n
    \n\"\"\n
    Чертеж Виллара<\/div>\n<\/div>\n

    Гармония для текстовых блоков и иллюстраций найдена. Отпала нужда в крупном шрифте, поэтому для удобства чтения уменьшила его с 12 до 11 пт, теперь строка вмещает в среднем 5–7 слов.<\/p>\n

    Для текста я выбрала два шрифта: Newton для основного текста (сочетает в себе высокую удобочитаемость и признаки шрифтов старого стиля, под вечные темы, затрагиваемые в повествовании) и Jakob для заголовков (рукописный шрифт, отлично гармонирует с графическими иллюстрациями).<\/p>\n

    Работая над текстом, я также руководствовалась рекомендациями Чихольда.<\/p>\n

    Заголовок отцентрировала и набрала капителью с небольшой разрядкой букв, а от основного текста отделила его отступом. Поэтому первый абзац не имеет отступа слева:<\/p>\n

    \n\"\"\n<\/div>\n

    Широкие поля позволили увеличить интерлиньяж (межстрочный интервал), что добавило воздуха и гармонии в шрифтовую плоскость. Кроме того, я смогла не нарушать полосу набора и все сноски расположить на полях:<\/p>\n

    \n\"\"\n<\/div>\n

    Чтобы визуально выравнять границу текстового блока, я частично вынесла знаки пунктуации за нее:<\/p>\n

    \n\"\"\n
    Неправильно<\/div>\n<\/div>\n
    \n\"\"\n
    Правильно<\/div>\n<\/div>\n

    Когда знаки пунктуации внутри блока, геометрически граница ровная, но визуально она плывет и искривлена. Если же знаки частично вынести, то визуально граница выравнивается и выглядит приятнее. Для наглядности:<\/p>\n

    \n\"\"\n<\/div>\n

    Отдельно хочу сказать про «висячие» предлоги. Правильно переносить их вместе со связанным словом на новую строку, но часто сталкиваюсь в жизни с пренебрежением этого правила. Скорее всего это связано с нежеланием переносить их вручную или незнанием, как автоматизировать данный процесс. Поэтому ниже я рассказала как это сделать в InDesign.<\/p>\n

    Убираем «висячие» предлоги в InDesign<\/h2>\n

    Открываем документ и создаем Character Style с единственной настройкой «No Break», имя даем ему такое же:<\/p>\n

    \n\"\"\n<\/div>\n

    Далее создаем Paragraph Style для основного текста и идем во вкладку GREP Style. Там жмем кнопку «New GREP Style» и в выпадающем списке «Apply Style» выбираем наш заранее созданный «No Break»:<\/p>\n

    \n\"\"\n<\/div>\n

    В поле «To Text» вписываем следующее:
    \n(?<= )((в|‬на|‬под|‬с|‬со|‬во|‬без|‬то|‬ли|‬бы|‬или|‬да|‬но|‬что|‬а|‬и|‬у|‬уж|‬так|‬как|‬для|‬перед|‬через|над|‬‬при|‬по|‬до|‬от|‬о|‬об|‬‬про|‬к|‬ко|‬не|‬за|‬из|‬ни|‬нас|‬я|‬он|‬она|‬оно|‬они|‬мы|‬ее|‬её|‬его|‬вас|‬ты|‬вы‬|‬все|‬всё)( |\\. |, ))+<\/p>\n

    Далее, создаем новый GREP Style по аналогии с первым, но уже для предлогов с большой буквы:
    \n((?<= )|(?<=^))((В|‬На|‬Под|С|‬Со|‬Во|‬Без|‬То|‬Ли|‬Бы|‬Или|Да|‬Но|‬Что|‬А|‬И|‬У|‬Уж|‬Так|‬Как|Для|‬Перед|‬Через|Над|‬‬При|‬По|‬До|‬От|‬О|‬Об|‬‬Про|‬К|‬Ко|‬Не|За|Из|‬Ни|‬Нас|‬Я|‬Он|Она|‬Оно|‬Они|‬Мы|‬Ее|‬Её|‬Его|‬Вас|‬Ты|‬Вы‭|‬Все|‬Всё) )+<\/p>\n

    \n\"\"\n<\/div>\n

    Чтобы было понятно:<\/h3>\n