Ответы пользователя по тегу Дизайн
  • Проблема построения сложной фигуры в adobe illustrator?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Отключить "align to pixel" в панели Transform (сначала выделить объект, потом снять галку в панели)
    Ответ написан
    4 комментария
  • Где найти максимально различные на глаз цветовые оттенки?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Я несколько часов бился, чтобы оттенки не отличались друг от друга.

    Наверное, всё таки нужно, чтоб они отличались?

    Если так, то с таким количеством цветов - это очень тяжелая задача. Если пирог никак нельзя упростить, то в ход нужно пускать текстуры. Их можно комбинировать с цветами. Например, обычный красный = значение №1. Красный с белыми точками = значение №2. Красный с белыми полосками = значение №3. И т.д. Простых, но сильно различающихся текстур/узоров/паттернов очень много: точки, полоски, кружочки, квадратики, треугольники, любая геометрия в общем, плюс их тоже можно комбинировать.

    Так обычно поступают, когда заботятся об accessibility (доступности) - не все могут различать хорошо цвета, поэтому нужно дублировать цветовой код вспомогательными элементами.
    Ответ написан
    3 комментария
  • Логично ли рисовать макет сайта в фотошопе? -если мне в иллюстраторе легче по UI/UX.?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Логично. Люстра гораздо удобнее. Но если попросят делать в ФШ - нужно либо обсудить вариант с люстрой, либо сделать в шопе. ФШ сильно лоббируют верстальщики так как есть множество инструментов для автоматизации вёрстки из psd.
    Ответ написан
    Комментировать
  • Как рисовать структурную схему сайта в виде дерева для интернет-магазина?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    https://www.mindmeister.com/ru - очень удобно. Возможностей меньше, чем в XMind, но есть бесплатный тариф с возможностью совместной работы.
    Ответ написан
    Комментировать
  • Как лучше оформить кнопку "о призыве к действию" для мобильных устройств?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    прятать при скролле вниз, обнажать при скролле вверх - как вариант.
    Ответ написан
    Комментировать
  • Как развивать навыки дизайна?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Нужно уточнить, дизайн чего? Если веб-дизайн (как указано в тегах), начать можно с типографики. Типографика вообще везде пригодится, даже просто по жизни. Как правило, рекомендуют книги. Книги - это полезно. Но я люблю формат статей и уроков.

    Хорошая отправная точка.

    Рисовать уметь не нужно. Нужно уметь решать проблемы графическим способом (опять таки, если речь про веб-дизайн). Рисование - это к иллюстраторам. От дизайнера требуется наладить канал связи между сервисом/продуктом и потребителем. Визуальная коммуникация, причём эффективная и наименьшими средствами. Ну а основа коммуникации в вебе - текст. Так что изучай типографику.
    Ответ написан
    5 комментариев
  • Какие есть бесплатные средства для совместного прототипирования интерфейсов?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    invision app?
    Ответ написан
    Комментировать
  • Как правильно сохранить логотип?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Возможно дело в логотипе - убедись, что он pixel-perfect, всё попадает в пиксельную сетку. Если не попадает в силу своих особенностей (какой-нибудь витиеватый, органический) - ну ниче не поделаешь тогда, только с форматами экспериментировать.

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

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Как правило все тупо попугайничают и обезьянничают. Одно дело дизайнить согласно Материальному дизайну под мобилы - там выдвижной гамбургер подробно описан и является привычной частью экосистемы андроида, другое дело лепить этот чертов гамбургер почём зря, когда можно реализовать удобную наглядную менюшку (особенно бесит когда на сайты лепят этот бургер, хотя места-то полным полно)
    Ответ написан
    3 комментария
  • Что нужно знать дизайнеру про дизайн мобильных приложений?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Много думать. Думать не экраном, на котором рисуешь приложение, а устройством, на котором будет приложение работать, и людьми, которые будут работать с приложением. Всё, в общем-то, как в вебе, только гораздо строже. В 10 раз больше внимания качеству графики (пиксель-перфект на 100%), в 20 раз больше внимания информационной архитектуре приложения (на экране нет места для навигации с большим количеством подменю), в 30 раз больше внимания интерфейсным решениями (жесты и иконки это очень круто, но как правило очень непонятно).
    Ответ написан
    2 комментария
  • Пожалуйста,скажите, что за шрифт?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Алладин? (который Дисней)
    Ответ написан
    Комментировать
  • В каком оптимальном размере сделать pdf презентацию?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Я всегда делаю 1920х1080, потому что сейчас это очень распространенное разрешение и Full-HD презентация с качественными картинками производит очень сильное впечатление. Даже не представляешь, сколько восторженных отзывов можно получить просто запихнув качественные картинки во весь экран, поверх них полупрозрачную плашку и текст.

    Удобно делать в ИнДизайне, он еще позволяет анимацию к слайдам прикручивать при условии, что пдф просматривается в полноэкранном режиме (есть опция для принудительного открытия пдф сразу в full screen). Еще одно удобство - экспортирование в формат Interactive PDF, там просто указываешь разрешение для картинок (72) и качество (high или very high оптимально) - и всё, получаешь чудесный легковесный пдф. Десяток Full-HD слайдов с полноэкранными изображениями (не растянутыми, естественно, а изначально не менее full-hd качества) с текстом и таблицами спокойно умещаются в 1-2 мб.

    Ну естественно надо не забыть качественно проработать типографику, иначе можно похерить волшебный эффект full-hd картинок :)
    Ответ написан
    3 комментария
  • На каком языке принято именовать слои в Фотошопе (рус/англ)?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Забудь про русский, всё что касается дизайна и разработки - только на английском (на худой конец - на транслите); на русском только сам контент (если сервис/продукт для русскоязычного населения).
    Ответ написан
    1 комментарий
  • Нужно ли делать исходник на каждую страницу сайта, если у большинства страниц одинаковая структура?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Нет, нужно делать шаблоны, а к ним писать дизайн-гайд (с примерами конкретных страниц, 1-2 штуки достаточно) и оформлять UI-kit.

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

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Очень важный вопрос сколько стоит такая услуга?

    Берешь сумму, которую ты хочешь получать в месяц и делишь на количество рабочих часов, чтобы получить часовую ставку. Назначаешь повременную оплату за час/ден/неделю/тот же месяц. Если требуется фиксированная сумма, то прикидываешь, сколько времени (часов) примерно угрохаешь на проект и умножаешь на часовую ставку.
    А как еще? Больше никак, раз нет опыта в этой области (судя по вопросу). Закончишь этот проект и будешь лучше понимать, почем фунт лиха.
    Ответ написан
    Комментировать
  • Как в Adobe Photoshop работает опция Apply Image?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Эта функция позволяет перекинуть информацию о цвете из одного канала исходного изображения в другой канал целевого изображения. Как вариант - из канала в канал одного и того же изображения (source и target совпадают).

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

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

    Такой же алгоритм применяется если нужно из готового дизайна подготовить макет на печать в 2-3 красках (дешевое массовое тиражирование). Раскидываем инфу о цвете в целевые каналы, ненужные очищаем.

    Это еще помогает когда каналов больше, чем стандартных - например, надо CMYK макет сконвертировать в Пантоны, а какой-то идиот склеил все слои))) Не беда, на помощь приходит работа с каналами. Создаешь пантоновые каналы и перекидываешь туда информацию о цвете из C, M, Y, K каналов, стираешь последние и вуаля - у тебя макет из кастомных каналов...

    Ну и не говоря уже о перекидывании того или иного цветового слепка из канала одного изображения в канал другого (тут применений может быть масса, я описал случаи из своего опыта).
    Ответ написан
    Комментировать
  • Существует ли какая-то тулза для передачи макетов разработчикам типа Zeplin?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Херня, но разработчики очень любят когда можно драть CSS-свойства, а это можно сделать через очень хардкорный костыль 99 уровня:

    Сохраняем люстровый файл с галкой "PDF compatible" и открываем файл *.ai через Акробат. Альтернатива: тупо экспортим файл в ПДФ и открываем Акробатом.

    В Акробате: File -> Export to -> HTML Web Page. Полученную хтмлку либо редактим через IDE, либо инспектируем инструментами разработчика в браузере.

    Костыль очень кривой, съезжает всё, что только может съехать, но в некоторых случаях кое-что не съезжает, и, сдаётся мне, можно как-то оптимизировать пдф так, чтобы съезжало меньше)))
    Ответ написан
    1 комментарий
  • [Юзабилити] Что лучше размещать на первом экране?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    С точки зрения эстетики - лучше большая кнопка чем большая форма.

    С точки зрения удобства покупателя - если нужно вводить телефон, то почему бы не свести всю форму к этому одному полю и просто перезванивать покупателю?

    С точки зрения юзабилити (если нельзя изменить сервис, как описано выше) - лучше форма, разбитая на шаги (визард, как описал @Fesor). А вокруг нее уже дизайн как-то закручивать, чтоб не усложнить экран.
    Ответ написан
    1 комментарий
  • Где можно узнавать платные шрифты или нет?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Гуглить уж, как иначе. Желательно по словам "купить %название шрифта%".
    Ответ написан
  • Где можно найти примеры "цветового полоски"?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Комментировать