• Как верстать, если макеты в Sketch, а у меня Windows?

    @tnc4401
    Product-designer, UI- UX-designer.
    Хм...
    Приличный дизайнер оформляет макеты для верстки, проставляет направляющие, выравнивает элементы, подготавливает svg и png для верстки и заливает макет в Zeplin/Avocode (InVision недавно появился)
    Никто не отдает исходники просто так (разве что совсем новички).

    Figma работает со Sketch и открывается в браузере. Но вообще - просите дизайнера, пусть куда-нибудь зальет.
    Фронтэндер может и должен открывать макет на любой ОС без проблем, технологии дошли до этого. Дела одного клика у дизайнера в Photoshop-Sketch.
    Ответ написан
    Комментировать
  • Какой дизайн форм вам больше по душе и какой создаете вы в своих проектах?

    @tnc4401
    Product-designer, UI- UX-designer.
    Всегда по-разному. Поищи хорошие статьи по юзабилити форм. Как правило лучше всего работает вариант 2 (глаза скользят ровно вниз по линии, заполняя формы и находя внизу кнопку отправить).
    Если названия полей разнообразные по длине - можно использовать вариант 1 (глаза скользят елочкой, но нет проблем с непредказуемо-длинными полями)

    В андроиде (узкий и длинный экран) - работает вариант 3.
    Форма внизу сайта - вариант 4 смотрится аккуратнее (но юзабилити не повышает).

    Веб, админка - выбирай надежный вариант 1.
    Знаешь примерно размер полей, длинная форма заказа товара (как в интернет-магазине) - выбирай вариант 2.
    Ответ написан
    Комментировать
  • Кого-нибудь штрафовали за картинки из гугла и шрифты без лицензии?

    @tnc4401
    Product-designer, UI- UX-designer.
    По шрифтам -
    От 8$ в месяц за шрифт https://www.fonts.com/web-fonts А можно там же и бесплатно. Легально, без смс. Шрифтов тысячи. На myfonts их стоимость по 1000-2000$ (кажется в год).

    Есть еще шрифты от Adobe Typekit, читайте лицензии.
    Есть еще https://rentafont.ru/

    Выгоднее хостить у себя (подправив шрифт насчет нужного рендеринга и формата).

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

    @tnc4401
    Product-designer, UI- UX-designer.
    Invision, Marvell, Viewflux. Есть их бесплатные аналоги. Awesome Screenshot позволяет загружать и комментировать картинки. Redpen (красив, но глючит ужасно). Тысячи их, хороших мало.

    Я пользовался бесплатной Invision (т.к. синхронизация с dropbox).

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

    @tnc4401
    Product-designer, UI- UX-designer.
    Попробуйте открыть в Иллюстраторе (или чем-то, использующим svg), выбрать буквы и сделать Convert to curves или convert to outlines (не помню, как называется).

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

    @tnc4401
    Product-designer, UI- UX-designer.
    Когда как.
    Есть ресурсы времени, финансы - сделай отдельный мобильный дизайн. Нет - оставь мобильную версию сайта.

    Посмотри на гугл, внедряющий material design в ios-систему, или кроссплатформенные мобильные приложения (навскидку - ticktick, wunderlist, asana, - поищи, много их).

    Можно умудриться и сделать дизайн, соответсвующий гайдлайнам и iOS, и Android.
    Ответ написан
  • Обязятельно ли верстать с макета?

    @tnc4401
    Product-designer, UI- UX-designer.
    1. Берешь любой макет (посмотри темы вордпресса), вставляешь эффект для привлечения внимания.
    wp.magnium-themes.com/hind/hind-2 Возьми другой эффект, другие шрифты, перекрась цвета.

    2. Если есть что показать и что сказать о себе - пиши черным по белому, внизу ссылки. https://evilmartians.com/, https://brainwashing.pro/frontend. Черным по белому, в тексте по центру. И без какого-то вау-дизайна поймут.
    Ответ написан
    Комментировать
  • Web-дизайнеры как Вы просматриваете свои макеты в браузере?

    @tnc4401
    Product-designer, UI- UX-designer.
    Нужно чтобы картинка из фотошопа встала по центру в браузере?

    Плагины для фотошопа были, кажется даже напрямую из фотошопа в браузер с реалтайм-обновлением. Платные и стоили слишком дорого.
    1. Посмотри связку картинка в Dropbox -> Marvel(Invision)
    2. Сверстай себе html-ку с preview.png по центру :)
    Ответ написан
    Комментировать
  • Инструмент интерактивного прототипирования?

    @tnc4401
    Product-designer, UI- UX-designer.
    Proto.io и Axure - экспортируют в HTML
    Акшур быстрее и удобнее, красивый результат получить тяжело. Proto.io с красивыми легко создающимися анимациями.
    Proto.io c жестокими тарифами(((
    Ответ написан
    Комментировать
  • Лучший конкурент Sketch, но под Windows?

    @tnc4401
    Product-designer, UI- UX-designer.
    Fireworks - сохраняет в PSD. Есть мелкие баги, давно заброшен Адобом. Скорость работы и создания макетов высочайшая, но баги надо знать, и постоянно бороться.

    Figma - отлично передается верстальщикам. Они заходят в саму фигму и копируют CSS и меряют отступы. Работает как если бы верстальщик открывал в Sketch и брал все оттуда. (Кто не знает в скетче есть измерение отступов и копирование css, цветов в HTML и текста, проблем нет.). Минус - фигма не пригодна для веба, ужасно экспортирует шрифт и буквы в SVG. Результаты мутные и страшные. Техподдержка утверждает, что они это не починят.

    Affinity - открывает PSD, импорт из Sketch через svg. Работает шикарно. Есть минус - при передаче верстальщикам надо сохранять в PSD или Afinity -> SVG -> Sketch -> Zeplin.

    Кто знает работа c SVG это боль. Большинство редакторов разобьют параграф на отдельные изолированные строки текста.

    Adobe XD кормит обещаниями. И скорость разработки и внедрения фич никакая. Но - последняя версия на удивление пригодна для работы. Передача макетов никакая.

    Xara тоже хороша (передача макетов решается, с удовольствием сам бы послушал как?)

    Для себя сделал вывод - от фотошопа отказался давно, Sketch под Mac, Affinity под винду.
    Ответ написан
  • Кто нибудь может помочь найти шрифт по фотографии?

    @tnc4401
    Product-designer, UI- UX-designer.
    Похож на Helvetica Condenced Black Italic
    www.myfonts.com/fonts/adobe/helvetica
    В гугле поищите шрифт с кириллицей.
    Ответ написан
    Комментировать