Ответы пользователя по тегу Дизайн
  • Дизайнеры, как вы передаёте логотип заказчику?

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

    Итак, вот открыт графический редактор и в нём готовый лого, а клиент уже радостно потирает ручки в предвкушении. Не у всех воображение развито и чтобы понять, хорошо ли лого смотрится в жизни нужно это показать. Да, долгие годы дизайнеры слали просто на белом фоне лого "анфас" и радовались, но часто этот лого потом ужасно смотрелся на одежде или бланке или еще где.
    Хотите чтобы клиентe понравилось? Сделайте несколько красивых картинок (дизайнер же все-таки, да?). Мокапов сейчас огромное количество и бесплатно в том числе. 10 минут на поиск в интернете подходящих и 10 минут на то чтобы вставить лого (ну и плюс время на скачивание). Какие именно мокапы выбирать смотрите по задаче (где-то подойдут на визитке, где-то на здании, а где-то на транспорте и т.п.).
    Не нужно лениться, это окупится, а даже если лень, то включите в общую стоимость лишние монетки за это.

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

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

    И еще, вижу так и не разобрались люди с тем, что же такое брендбук. Запомните: брендбук делает НЕ дизайнер. Его делают маркетологи (с при помощи дизайнеров, конечно же). Дизайнер может сделать руководство по использованию лого и фирменного стиля и именно с ним все путают понятие "брендбук". Руководство входит в брендбук, но это понятия разные — все просто.
    Служат такие руководства для того чтобы другие дизайнеры (штатные в той фирме, типографии, рекламном агентстве или просто фрилансеры) делали нужные макеты в едином стиле и без "отсебятины". Потому подходить к такой задаче надо ответственно. Я видел руководства, которые лучше было бы сжечь, чем применять написанное в жизни.

    Теперь и вы это знаете)
    Ответ написан
  • Как сделать такой паттерн?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Конечно же есть способ проще — через штатный функционал работы с узорами.
    Изучайте https://helpx.adobe.com/illustrator/using/create-e...

    "На лету" корректируйте линии и после можно будет применить к любому объекту (без необходимости ручного копирования) как и любой другой узор из стандартных палитр Иллюстратора.
    Ответ написан
  • Где найти эту иллюстрацию?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Данная иллюстрация, скорее всего, была заказана какому-то конкретному иллюстратору с передачей прав (фрилансеру или штатному в офисе). Такое в принципе дешевле для производителя, чем покупка на стоках, где количество тиража напрямую влияет на стоимость лицензии.
    Точно также работают производители всего, на чем можно напечатать изображение — постельное, покрывала и прочие ткани, посуда и т.п. Это просто экономически выгоднее когда сделанное сразу принадлежит только тебе.

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

    Потому, если нужно именно такое изображение, то следует найти иллюстратора с похожим стилем и заказать похожую иллюстрацию.
    Ответ написан
  • Что значит токен в дизайне?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Несколько цитат.

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

    Юрий Ветров, Mail.Ru Group

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

    Pavel Laptev

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

    Отсюда. Если вы верстальщик, то по этой ссылке все поймете т.к. там с примерами кода.
    Ответ написан
  • Как отрисовать элемент?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Подскажите новичку, как следует отрисовывать в макете, раскрывающиеся вниз элементы (пример как на фото, или кнопка "читать далее", когда при нажатии на ссылку текст продолжается раскрытием вниз). Отдельно рисуются страницы под каждый элемент или как то можно это сделать по другому? Заранее спасибо за ответ!)

    Суть вопроса именно в том как показать в макете два состояния (скрытое и раскрытое). Софт не указан, потому напишу про Фотошоп, к примеру.

    Самый простой способ: в слоях сделать две папки с нормальным (скрытым) состоянием и с развернутым (ну и состояние при наведении, если требуется). Им пользуются большинство.

    Самый удобный способ: с помощью композиций слоёв (layer comps). О нем знают те, кто лучше разбирался с Фш, читал мануал, смотрел уроки или общался с более опытными коллегами
    Почитать можно здесь https://helpx.adobe.com/ru/photoshop/using/layer-c... и посмотреть разные уроки в интернете.

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

    В Фигме можно такое сделать через компоненты и их состояния. Уроков также много в интернете.
    Ответ написан
  • Как сделать текст на сайте https://donuzlav.com одинаковым в разных браузерах?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    О дизайне написали, хоть и не спрашивали, а на главный вопрос не ответили)))

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

    Посмотрел сайт в Хроме, Опере и Мозиле — везде на главной текст с выключкой "по ширине" и выглядит одинаково. Вин10 1809. Видимо, у нас разные версии браузеров или ОС.

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

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

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

    Для взаимодействия нужен менеджер (в идеале) или кто-то, исполняющий его роль (уж как получится, от директора до дизайнера).
    Ответ написан
  • Как сохранить логотип белого цвета на прозрачном фоне в Illustrator под печать в pdf?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если сомневаетесь, то откройте этот PDF в Иллюстраторе и всё сразу станет понятным.

    Подходящие форматы файлов спрашивайте напрямую в типографии (или у клиента). Можно для печати и PDF, и EPS, и много других форматов, но требования могут отличаться у каждой.
    Ответ написан
  • Как научитья делать красивый дизайн мобилных приложений ios/android?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Читайте теорию и применяйте на практике.

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

    Изучите гайдлайны каждой платформы.

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

    Тонкости и фишечки как раз так и познаются — из книг и увиденного где-то.
    Ответ написан
  • Как зарабатывать на дизайне во фрилансе?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если любите рисовать и получается хорошо, то идите в иллюстраторы. Работы им тоже хватает — в том же гейм-деве. Но если опыта нет, то лучше собрать портфолио и пойти в офис на пару-тройку лет чтобы набраться опыта и отточить навыки. А там уж по обстоятельствам смотреть как жить дальше.

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

    Параллельно можно получать опыт и знания и в фото/видео, если хочется. А со временем основная специализация сама нарисуется. Никогда не знаешь, что станет любимым занятием, пока не попробуешь разное.
    Английский будет полезен всегда, учите.
    Читайте книги (типографика, интерфейсы, юзабилити, колористика, теория дизайна и т.п.), они пригодятся дизайнерам (и не дизайнерам) любых специализаций. Осваивайте разные инструменты (не только Фш, как некоторые) чтобы как минимум знать различия в функционале и уметь подбирать удобный под задачу. Здесь на Тостере можно в поиске найти советы по всему перечисленному.

    И лучше все же пробовать поначалу разное чтобы понять, что нравится больше. Занятие неинтересным (пусть и прибыльным) не принесет радости и только время потратите на нелюбимое дело, которое все равно рано или поздно будет брошено т.к. задолбало. Иногда да, можно брать работу чисто из-за прибыли.
    Ответ написан
  • Откуда брать текстовый материал при создании дизайна?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Дизайнер (а не просто "фотошопер"), если делает сайт, то обязан в финале предоставить макет сайта, включающего в себя все конечные материалы (фото, тексты и т.п.), которые будут на живом сайте в браузере. Времена "Lorem ipsum", "текст текст текст" и одной картинки-заглушки на весь макет давно прошли и сейчас логично и правильно использовать актуальный материал в макете.

    Где брать? Все просто: у клиента. На стадии обсуждения заказа запросить все необходимые материалы. Какие именно? Зависит только от задумки дизайнера. Даже по ходу работы запрашивать материалы у клиента — это нормально. Хорошо, когда есть старый сайт, например, или иные рекламные материалы откуда можно брать информацию. Если вдруг клиенту нечего прислать, то это хуже, но тоже не смертельно — можно брать материалы по теме в интернете, с сайтов аналогичной тематики. У скопированного есть владелец и лучше проследить, что клиент понимает (чтоб совесть была чиста, так сказать). Яндекс-рефераты тоже вариант (ссылка в одном из ответов), несколько раз пользовался в работе.
    Фото-материалы можно искать в различных фото-банках (есть как платные, так и бесплатные). Платные можно выкупить после утверждения. Кстати, иногда отличная идея — взять и сфотографировать самому, если есть возможность.

    Так что всё в руках дизайнера. Делается блок с достоинствами судостроительной компании — попросите клиента описать достоинства. Получив описание делайте дизайн. Задумали использовать определенное количество колонок или же какой-то оформительский приём, где важно строго определенное количество пунктов — обсудите с клиентом чтобы в финале достоинств было нужное количество. Это тоже нормальная практика.

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

    Как сказал однажды один арт-директор:
    Если дизайнер думает, что текст — это не его забота, зарплату ему поднимут еще не скоро.

    Тут прозвучала фраза про "ты дизайнер или копирайтер". Статьи и все тексты для сайта дизайнер не обязан писать, но тексты — это часть работы дизайнера тоже.
    Ответ написан
  • Кому нибудь попадались нормальные гайдлайны по рисованию иконки (не кнопок внутри app, но самого приложения)?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если официальный гайдлайн это "галимая теория", а гуглить "не помогает", то наймите дизайнера и он сам всё сделает. Не хотите нанимать? Изучайте гайдлайн, графические редакторы и т.п. чтобы научиться рисовать иконки приложений самостоятельно.

    Upd Забавно, конечно, что у людей не получается ввести запрос в поисковик и найти тонну однотипных видео о том как рисовать иконку в матириал дизайне. 5 секунд в Ютубе и хоть обсмотрись (в том числе и на русском).
    Ответ написан
  • Как сделать такую обводку?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Взять и нарисовать в любом графическом редакторе (лучше векторном) пером, например.
    Ответ написан
  • На какой максимум способен дизайнер при разработке сайта?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если дешево, то гуглите «конструктор сайтов» и читаете их условия. Пару примеров привёл Nekto_Habr Если условия (цена и прочее) подходят, то делаете сайт в выбранном конструкторе.

    Если совсем дешево, то гуглите "website templates", выбираете понравившийся, покупаете или скачиваете бесплатно. Параллельно изучаете азы той CMS, под которую выбрали шаблон (можно сначала CMS выбрать и потом шаблон под неё). Устанавливаете шаблон, настраиваете его под свои нужды и наполняете сайт контентом. С любыми косяками справляетесь сами или нанимаете разбирающегося в этом человека.

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    -Правильно ли пытаться войти в мир веб дизайна с мобильных приложений?(если нет то с чего?)

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

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

    -Какой "расклад" сил на данный момент по софту, при учёте "с нуля", что стоит изучить, а что можно опустить?(Например наткнулся на Adobe experience design, можно ли сразу учить его?)

    Каждый работает в том, что удобно ему. Пробуйте разное и найдёте идеальное конкретно для себя. Adobe Illustrator, Photoshop, Sketch, Affinity Designer, XD, Inkscape, Xara, CorelDRAW, Gimp и т.п. Для первого знакомства хватит первый четырёх (в зависимости от платформы), а далее и с другими ознакомитесь. Хороший специалист не ограничивается в работе только одним инструментом, а подбирает их исходя из задачи.

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

    Что такое WEB? Всё, что находится в Вебе и делается дизайнером — веб-дизайн. Любое оформление или графика в вашем браузере: иконки, баннеры, веб-страницы, сайты и любая иная мелкая оформительская работа. Начинайте с того, что уже знаете/умеете или к чему лежит душа. С опытом найдёте что нравится больше и получается лучше. Делайте упор на одной специализации, а смежное охватывайте по мере роста т.к. лучше быть крутым в одном, чем "кое-как" во всём.

    -Основная литература по типу "Психбольница в руках пациентов" само собой необходима?

    Литературы валом и здесь каждые 1-2 месяца задают эти вопросы. Умение искать самостоятельно поможет не только с поиском книг, но и в работе (типа "как сделать конический градиент" или подобное). Я серьезно.
    Ответ написан
  • Как представлять лого заказчику?

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

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

    Поймите главное: хреновый дизайн (у новичков) никто воровать не будет, а очень хороший дизайн украдут всё равно, как ты ни защищайся.

    Боитесь, что ваш лого настолько хорош, что его украдут — просто не участвуйте в конкурсах. Ищите другие варианты.
    Ответ написан
  • Что скажите о внешнем виде заглушки на сайте портфолио?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Не нравится слишком быстрая анимация. Это лично мое мнение т.к. я допускаю лишь ненавязчивую лёгкую анимацию на сайтах. Но для страницы, на которой пользователь проведёт всего секунд 10, в принципе, и пофигу.

    А вот ссылку IT, ведущую на саму себя, стоит убрать. Она точно бесполезна :)

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

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

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

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

    Примеры.
    1. Разработка логотипа.
    Можно просто воплотить идею, что придёт в голову, опираясь на задание клиента. Один вариант без претензии на уникальность т.е. не проводить анализ существующих, не проверять использует ли кто-то эту идею и насколько это вообще важно. А можно делать три принципиально разных варианта на выбор с доработкой одного до финала, изучать конкурентов, искать способы выделиться на их фоне и проверять свои идеи на уникальность среди других логотипов.
    И стоимость решения этих задач может быть, например, от 50$ до 200$ и выше. И это всё стоимость разработки логотипа у одного и того же хорошего дизайнера.

    2. Разработка дизайна сайта (раз уж и них заговорили в комментариях).
    Тут может быть только цена за главную и цена за внутренние уникальные/типовые страницы. Но никак не почасовая))) На каких-то сайтах нужна дополнительная графика, а на каких-то нет, кто-то берёт картинки из интернета/фотобанков, а кто-то создаёт сам. Следовательно, стоимость главной может быть от 50$ до 150$, а внутренних 20—50$ за уникальные и 10—20$ за типовые — и здесь оценку логично проводить после изучения задачи и требований.

    Так что вы определились бы с перечнем конкретных задач, а там уже можно будет собрать информацию о ценах на эти задачи. Цена «ХХХХ в час» вообще не информативна т.к. не даёт понимания стоимости проекта.

    Если исходя из озвученного в вопросе (лого и айдентика), то цены можно назвать примерно следующие: лого — от 50—100$ и выше; фирменный стиль от 100—300$ в зависимости от кол-ва носителей ФС и необходимости оформления руководства.
    Ответ написан
  • Как исправить цветопередачу?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Смотрите какое цветовое пространство использовали при работе: RGB или CMYK. Плюс конкретные цветовые профили, смотря в какой программе работали. Дело может быть и в мониторе, но с цветами в редакторе чаще всего забывают разобраться.

    А еще, откройте одинаковые изображения (любые) на своем и других мониторах. Если разница будет везде (а не только вот в этом макете), то дело очевидно что в вашем мониторе =) Тогда поможет только его смена.
    Ответ написан