tnc4401

Достаточно Behance, Dribble. Часто достаточно только лишь страницы в Notion.
Сайт не нужен совсем. Но если приспичит, можно найти сервисы, конвертирующие notion в сайт.

Чтоб подрос уровень дизайна - надо идти работать в команде. Хорошо, если будет кто-то уровнем выше рядом. Фриланс хорош для крепких середнячков. Уровень невысок но неплохой. Продолжай в том же духе, делай, копируй, учись.

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

Pixl Preview работает отлично.

Я наоборот опасаюсь, что будут огромные проблемы с 4k.
Если 4k 23" - то как рисовать, все мелко? Подозреваю что с 4k 27 дюймов будет мыльнее, но нет проблем с масштабом. У самого мак Retina, IPS, TN мониторы.

Есть хорошо зарекомендовавший способ - делать дизайн в 1x. Все уже давно автоматизировано, скетч, зеплин, фотошоп - сами нарезают 1x, 2x, 3x макеты автоматически (верстальщикам наоборот плюс - все размеры при обмерке актуальные, в pt, px и так, как им надо без пересчетов). Посмотрите на Avocode, Sympli и Zeplin.

Я бы очень советовал - вдобавок найти обычный монитор для проверки (а может даже c убогой TN матрицей, как у 95% ваших юзеров). Если конечно рисуете для посещаемых сайтов.

Рисуешь все в векторе (шейпы, кривые, иконки).
Знаният dpi и ppi тебе не нужны.

https://www.paintcodeapp.com/news/ultimate-guide-t... - читаешь.
Рисуешь в 1x, то есть 375 × 667
На мобиле под андроидом проверяешь с помощью Pixlr Preview. Или с помощью Marvellapp.com

Преобразовывать вектор в svg или в png @1x @2x умеет сам фотошоп. Поищи инструкции "generating @2x assets photoshop". Возможно это умеет делать Zeplin (тогда вообще все легко и делать ничего не надо)

Есть хороший тест - сделать так, чтоб понимала даже твоя мама (открыто много вкладок, ты сам вдали, на расстоянии 5 метров и никак не помогаешь и даже не заинтересован).

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

Лучше используй ту, что даст возможность побыстрее смотреть макет на мобиле.
Photoshop + Pixl Preview под андроид (под ios не знаю). Sketch плюс Scala Preview (андроид, ios). Можно даже рисовать макет прямо в proto.io.

Если еще ни в чем не разбираешься - просто бери любой популярный (Photoshop, Sketch, Illustrator) и используй Marvellapp, Invision. Эта связка подойдет на все 100%

Вот тут хорошие ответы
Что делать первым? Дизайн и интерфейсы или серверную разработку? (backend/API)?

Смотря что дает понимание.

Иногда нарисованный прототип дает понимание проекта и предстоящих задач. И может являться своеобразным ТЗ.

Иногда наоборот - работа с данными настолько неизвестна (например программим свой relap.io или пишем свой findface.ru) - там понимание возможностей приходит только после кода а дизайн вторичен.

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

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

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

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

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

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

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

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

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

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