• Sketch или Figma для дизайна интферфейсов?

    RostOsipov
    @RostOsipov
    Designer
    Обо#@у Sketch.
    Сначала объективные по порядку от самых серьезных:
    1. Заточенность под Яблоко без планов создания кроссплатформера. У них движок интегрирован с MacOSX, слезть с которого – означает переписать заново. Они кичаться этим, поэтому вряд ли скоро сделают Win порт.

    2. Долгая разработка. Видимо, Bohemia – маленькая компания, серьезные апдейты с нововедениями выходят редко. Судя по всему, они долгое время наслаждались лаврами дефолтного приложения для проектирования. Сейчас же быстрыми темпами за альтернативы взялись Adobe / Invision / Framer / Figma, каждое обновление которых приносит кучу улучшений в процесс.

    3. Нет Free версии. Только триал, а потом $99 в год. Т.е. вход в приложение сделать гораздо сложнее.

    4. Плохая работа с svg (особенно импортом сложных svg)

    Теперь глубоко субъективные:
    1. Отзывчивость движка страдает. Сложно описать, но такое ощущение, что все как будто по соплям едет. После использования Adobe XD/Figma/Studio - это начинает раздражать.

    2. Работа с масками кажется алогичной, сложно работать с глубокой вложенностью, постоянно чтото нечаянно слетает в сторону.
    Ответ написан
    Комментировать
  • Как работать в фотошопе на ретина?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Очень хорошо об этом написано на официальном сайте Adobe

    Однако кроме этого, хотелось бы отметить, что даже пользователям Windows нужно учитывать размер макета 2x, так как макет все равно будет верстаться под ретина дисплеи. В этом случае, крайне не рекомендую для разработки web макетов использовать фотошоп. Если у вас Mac, то лучше использовать Скетч, если сразу Mac и Windows - используйте Figma. Там поумолчанию предусмотрена возможность, экспорта всех деталей в разрешение 2x.
    Ответ написан
  • Какие проблемы решает качественный дизайн сайта?

    @Insayt
    Ну тут надо уточнить, что дизайн сайтов/приложений не является продуктом. Это услуга.
    "Картошка" - это продукт. "Доставка картошки" - это услуга. Вы предоставляете услуги, соответственно ставить вопросы надо исходя из понимая этого.

    Бизнес выбирает поставщика услуг по нескольким пунктам:
    1. Доступность - важно что бы было легко вас найти.
    2. Понимание проблем клиента - важно что бы поставщик услуг четко понимал как его деятельность скажется на нашем бизнесе.
    3. Скорость реакции сотрудников и их вежливость - тут думаю все понятно, если на email отвечают неделями и на от*бись, то такой поставщик услуг не получит заказ.


    В контексте вашего вопроса речь идёт о "Понимании проблем клиента".
    И тут важнее не написать большой список, а выбрать конкретный пункт и давить на него. Объясню:

    1. Увеличение продаж - на этот пункт вы влияете очень косвенно (ниже объясню почему). Потребитель больше будет смотреть на цену и скорость доставки, чем на форму кнопочки "Перейти в корзину".
    2. Привлечение внимания - это тоже не ваша работа. Привлекают внимание маркетологи. Клиент даст рекламу в директ, и она будет привлекать внимание. Если вы занимаетесь дизайном рекламных баннеров, то тогда можно говорить о привлечении внимания, но в контексте вашей деятельности вы привлечением внимания к продукту/услуге заказчика не занимаетесь.
    3. Большая конкурентоспособность/отстройка от конкурентов - это тоже не про вас. Конкурентоспособность никак не соотносится с визуальной составляющей. Вы можете сделать идеальную упаковку для пиццы, но если её везут 3 часа, то никакой конкурентоспособности быть не может.
    Отстройка от конкурентов - это тоже не про вас. Немного погуглите про то что такое "отстройка от конкурентов", и поймете это. Отстраиваются на уровне позиционирования и бизнес процессов. Например вы открыли магазин продуктов возле дома. Через пол года рядом открывается пятерочка. Вы начинаете проседать по доходам, потому что пятерка дает лучшую выходную цену для клиента, и тогда вы решаете отстроится от конкурента, убираете весь ассортимент и становитесь магазином "Колбасы от Васи". И расставляете на прилавке 1 вид продукта, но в широком ассортименте, который пятерочка никак не может себе позволить, потому что им не выгодно иметь широкий ассортимент одной товарной позиции. Вот это и есть отстройка.

    А теперь к важному. Продавайте "Повышение конверсии". И только это.
    Бизнес делает рекламу, тратит на это деньги, и тут появляетесь вы и говорите, мы можем сделать новый дизайн вашего сайта, уменьшить "боль" потребителя от использования, что повысит вашу конверсию на N процентов + увеличит кол-во повторных заказов от существующих клиентов. Повышение конверсии даст большую эффективность вашим рекламным затратам, потому что вы можете потратить 100500 миллионов денег, но если вся реклама будет вести на непродуманный, некрасивый и абсолютно неюзабельный лендинг - ваши деньги вылетят в трубу. Такая постановка вопроса будет очень понятна любому бизнесу.

    Так что вывод - переимуйте абстрактный пункт "Увеличение продаж" в более конкретный "Увеличение конверсии", и продавайте его.
    Ответ написан
    1 комментарий
  • Дизайн сайта в Adobe XD для чего?

    tmshchk
    @tmshchk
    Изучаю front-end и back-end разработку
    Рекомендую освоить Figma, которая доступна на всех платформах. Существенно облегчит задачу при разработке дизайна сайта или интерфейса (с фичами, которых нет в том же Photoshop), а верстальщик скажет спасибо, так как в вашем макете можно посмотреть сразу отступы, экспортировать изображения или посмотреть CSS-код для элемента.
    Ответ написан
    5 комментариев
  • На каком стеке сейчас делают веб-дизайн?

    @McBernar
    Sketch для сайтов/интерфейсов + Zeplin для выгрузки макетов фронтам.

    Можно Figma, которая на 95% повторяет Sketch, работает прямо в браузере и, соответственно, на любой платформе. Но на любителя — есть свои тупости. Плюс в том, что не нужна прокладка между дизайном и фронтом в виде Zeplin.

    Photoshop для картинок/фотографий. На фрилансе процентов 90 макетов до сих пор в PS делается. Но это болото еще долго будет жить в прошлом.

    Кто-то пробует Adobe XD, но это такой же кусок неадеквата, как и PS. Потому что Adobe.
    Ответ написан
    1 комментарий
  • В каком виде верстальщик получает макет, если он создавался в figma?

    idzenski
    @idzenski
    Директор по развитию партнерской сети BPMx
    Не сильно важно, к чему привыкли версталы. Когда они получают на выходе Figma макет, то радуются (проверено). Если макет в Figma — вы просто даёте права на просмотр файла версталам, а дальше для них работа сильно облегчается, так как не нужно толком ничего не измерять - все в пределах клика (воу, даже css свойства!).
    Ответ написан
    2 комментария
  • Мышь для работы с дизайном?

    @Evgeniuster
    Я бы посоветовал планшет приобрести для фотошопа. Берите Wacom. Там кстати и мыши в комплекте, беспроводные, безбатареечные.
    Но это если вам именно для дизайна, а не просто картинку на блоки порезать.
    Ответ написан
    2 комментария
  • Как делаются скриншоты в перспективе?

    Chipr
    @Chipr
    UX/UI designer
    В фотошопе есть инструмент «Перспектива».
    Пилится смарт-объект, потом применяется что-нибудь из меню редактирование — трансформация, тени в меню «Стиль слоя», скачивается изображение телефона, делается мокап и потом вставляйте туда какие хотите экраны.
    15 минут работы.
    Ответ написан
    1 комментарий
  • Как называется такой прием в веб-дизайне?

    @Mr__Twister
    Это называется изометрия.

    Мокап — это не приём, а инструмент, упрощающий работу дизайнера. Мокап — это красивая картинка, которая оформляет какое-то содержимое (например, ваша веб-страница, вписанная в макбук). Вам не нужно каждый раз заново вписывать вашу веб-страницу в макбук, накладывать на неё блики, отрисовывать отражение на столе и настраивать цвета — все настройки уже вшиты в мокаповский PSD, вам остаётся лишь поставить свою веб-страничку в определённое место PSD (как правило, место указывается автором мокапа).
    Ответ написан
    Комментировать
  • Как открыть .sketch с помощью Zeplin.io?

    potapchino
    @potapchino
    Zeplin.io это инструмент для коллаборации дизайнеров и разработчиков. Чтобы просмотреть макет в zeplin, его туда нужно экспортировать из графического редактора в котором этот макет был сделан и после этого макет будет для всех доступен. если вы хотите открыть .sketch, но Sketch у вас нет, можно заюзать эту прогу Lunacy правда она сыровата и не всегда может корректно открывать макет. возможно есть еще проги подобные Lunacy, но мне известна только эта.
    Ответ написан
    2 комментария
  • Как называются элементы дизайна, часто использующиеся на зарубежных лендингах?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Вы шутите, да?)

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

    По примеру с Дрибла что можно найти на Шаттерстоке (просто как пример): всякие волны, пчелиные соты, всякие линии.

    А еще быстрее сделать эти волны в Иллюстраторе за 2 минуты (нарисовал одну, окрасил в белый и скопировал трижды с разной прозрачностью), соты тоже за 5 минут (сделал одну, скопировал, повернул как надо, перекрасил и вставил в макет (если не в Иллюстраторе/Скетче делается вдруг).

    Дополню на всякий случай: если фоновая иллюстрация повторяющаяся, то это узор (pattern), если без видимых стыков — это бесшовный узор (seamless pattern).

    Вообще забавно, что 9 человек подписалось узнать что на фоне у нас фоновые картинки, а делаются они в графических редакторах)))
    Ответ написан
    8 комментариев
  • Откуда и зачем лишний пиксель в Фотошопе?

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

    @Justina666
    Очень светлая голова. Блондинка я.
    У меня тоже проблемы с ценообразованием, поделюсь наблюдениями над своими граблями:
    1. Если заказчик уходит к более низкой цене - лучше пускай уходит, нервы целее будут. Все мои попытки сдемпиться заканчивались очень плохо. Во-первых, планка цен уже понижена, а заказчик может еще навалить проектов если его все устроит, то есть со временем все равно либо посылаешь его либо так и работаешь за еду. Во-вторых, надо учитывать, что клиенты тоже бывают геморные, и если стопиццот правок за нормальную стоимость воспринимается нормально, то за бесплатно или за копейки энтузиазма не вызывают, как итог работа "на отвали".

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

    3. Насчет клиента, выбравшего просто улучшить сайт: надо пытаться понять потребности человека и предлагать несколько вариантов. Красивая художественная картинка далеко не всем нужна, гораздо важнее юзабилити, а также нужно приводить аргументы, почему именно предложенные Вами модификации сделают сайт более удобным для посетителей (вообще я встречала очень много дизайнеров, которые делают ради порисовать от руки какие-то совершенно ненужные и неудобные вещи).
    Ответ написан
    Комментировать
  • Web - студия в 2015году?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Вполне перспективное предприятие.

    Главный вопрос - не "открывать или нет?", а "как организовать внутренний рабочий процесс в условиях растущей конкуренции с фрилансерами и фриланс-командами".

    Сегодня самая актуальная форма организации веб-студии - набор фрилансеров или удаленных технических специалистов и несколько сотрудников, занимающихся менеджментом и маркетингом, в офисе.
    Чем гнать каждое утро в офис застенчивых и малоподвижных, всегда сонных и упрямых профессионалов-программистов, лучше дать им свободу находиться в своих привычных рабочих условиях - дома. А в офис посадить координаторов, менеджеров, маркетологов, руководителей технических отделов и бухгалтеров.
    Ответ написан
    Комментировать
  • Как быть, есть верстальщик на Windows а макет в Sketch?

    @kozader
    Вы можете попробовать сохранить артборды в PDF и передать верстальщику, который верстает в Ai.

    Я не вижу смысла связываться с PSD, потому что сие действо уже пройдено.

    Если верстальщик привязан к фотошопу, то меняйте верстальщика.
    Ответ написан
    2 комментария