Никита Гарейшин

Найти покупателей на $1000. Фриланс это предпринимательская деятельность.

https://tagline.ru/design-studios-rating/

Перезапустить Фш и треугольника больше не будет. Шрифт установился, все нормально. Просто он вот так показывает это, не убирая иконку.

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

Divider (разделитель)

Не оттуда пляшете.

Давайте я вам как девочка девочке всё объясню. На примере джинсов.
Есть такая штука мода. Сейчас в обтяжку, раньше клеш или широченные. Но при этом всегда остаются люди предпочитающие классику или консерваторы, которые предпочитают даже слегка устаревшую классику.

Так вот, с сайтами аналогичная история.
10 лет назад считалось, что шрифт 14px это гигантомания и использовали 10 или 12. Между строчками крошечные отступы. Особо нерадивые даже между абзацами пытались не делать пустых строк.

Есть мода и восприятие пользователем современных сайтов. То, как хочется видеть именно сейчас. Изменяются даже пропорции и зависимости.
96 это точно такое же красивое число как 100. Это 16*6. А 16 это стандартный размер шрифта основных браузеров.

Кроме этого есть аспекты адаптивности.
И правильно не ширина кнопки равна 100 или 96px, а ширина кнопки это ширина текста плюс отступы. И хорошо бы, чтобы эти отступы были пропорциональны размеру шрифта, а не кратны 5px. Вы поставите отступ четко 20px, а пользователь поставит в настройках браузера шрифт 150%. И получится куцая кнопка с некрасивыми маленькими отступами.
При этом не все элементы должны быть кратны размеру шрифта, какие-то имеют другие зависимости.

Другой вариант, пропорции относительно размеров экрана или блока. Например, кнопка должна занимать всю ширину блока или половину. Если текст не помещается, то переносится.

Поэтому, хороший дизайнер либо сопровождает работу верстальщика, либо пишет сопроводительное письмо с указанием зависимостей, либо и то и другое.

И да, дизайнер может четко сказать, что справа отступ 19px, а слева 17, потому что визуально (например, из-за особенностей шрифта) получается ровно. Если это проблема для верстальщика, то не надо работать с таким верстальщиком.
Верно и в обратную сторону, если дизайнер нагородил какую-то невменяемую конструкцию из-за которой прибавляется лишняя 1000 строчек кода, то имеет смысл обсудить целесообразность ее использования с самим дизайнером и заказчиком.

Про вклад заказчиков в дизайн, я думаю, вы и сами знаете. У них особенное чувство прекрасного, хорошо, если просто консерватор из первого абзаца.

Вы должны называть слои так, чтобы они были понятны не только верстальщику, но и дизайнеру, который возможно в будущем будет работать с вашим исходником или менеджеру, которому нужно будет что-то выдернуть. в процессе работы. Не надо называть слои в соответствие с классами HTML + CSS, если что-то конкретно надо пояснить - можете оставить в макете комментарий.

Название слоев не самое важное, что вам надо предусматривать при разработке дизайна, поэтому страдать фанатизмом не надо, достаточно иметь удобную структуру групп, с которой будет удобно работать. По факту, название слоев читать никто не будет.

Три правила:
1. Порядок слоев - удаляем все лишнее
2. Название групп - чтобы понимать, что к чему относится.
3. По возможности название слоев, но не всех и без лишнего фанатизма.

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

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

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

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

Как сказал однажды один арт-директор:

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

Тут прозвучала фраза про "ты дизайнер или копирайтер". Статьи и все тексты для сайта дизайнер не обязан писать, но тексты — это часть работы дизайнера тоже.

Опять ерунду в комментах несут.

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

Перед продуктовым дизайнером стоят всегда вполне измеримые задачи — решить ux-проблему, повысить конверсию, изящно добавить новую фичу в проект, упростить какой-то устоявшийся, но неудобный флоу. Продуктовые дизайнеры никогда не рассуждают о дизайне в парадигме "красиво/некрасиво". Это ерунда. Зарабатывает ли проект — вот главный вопрос. А это уже решается через удобство/фичи/ретеншен/эмоции/пользу.

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

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

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

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

Начните хотя бы со статей о сетках, например Что такое модульная сетка и для чего она нужна в в... , Модульная сетка макета с нуля

--------------------------------------------------------------------

Могу ли я рисовать без сетки, но при этом на этапе верстки, все это дело можно было бы подогнать под бутстрап?

Ответ: нет! Максимум изменить количество колонок, подогнать gutter'ы, но это уже заморочки для верстальщика.

НО, плох тот верстальщик, который зациклен на одном лишь bootstrap.
Хороший верстальщик, этот тот который в основном верстает кастомно - без использования подобных html фреймворков.
В таком случае любой дизайн можно сверстать без проблем.

И, возможно, что вам с верстальщиком стоит расстаться, чтобы не мучить друг друга! Либо научитесь идти на компромиссы и прислушиваться друг к другу!

И стоит ознакомиться хотя бы с основами верстки, а то с вот таким мнением:

верстальщик должен подстраиваться под тебя, а не ты под него. ты-творец, твори))

можете остаться наедине со своими "творениями"!

Очень хорошо об этом написано на официальном сайте Adobe

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

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

Бизнес выбирает поставщика услуг по нескольким пунктам:

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

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

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

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

Так что вывод - переимуйте абстрактный пункт "Увеличение продаж" в более конкретный "Увеличение конверсии", и продавайте его.