tnc4401

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

В ноутбук наподобие Lenovo как правило заметно лучше проц и больше оперативы. И похоже при ваших задачах это важно. Для таскания приятен малый вес, хороший экран, приятная клавиатура (но это как правило это классные аппараты для менеджеров). Приемлемы маки i5, i7, как минимум 8gb - это модели 2013-2015 годов.

(Личный опыт - при возможности работаю на стареньком, но удобном и мощном леново, в поездки таскаюсь с мак про)

Mail.ru советовали держать макет в Dropbox. Я бы поступал также, работает приемлемо.
Craft, Brand.ai и прочие конкуренты кажется лучше Adobe Creative Cloud, но все равно неудобны.

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

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

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%

Скопируй в фотошопе какой-нибудь сайт. Например нарисуй такой шаблон https://dribbble.com/shots/2266601-IMDb-design-con... Или модную приложуху https://dribbble.com/shots/3281070-Swipe-Scheduler. Пока делаешь - понимаешь про тени, маски, найди модный популярный шрифт (proxima)))). Или найди красивую тему на вордпрессе и отрисуй шаблон в фотошопе.

10 таких макетов - и можно считать что умеешь создавать landing pages))) Опыта знаний и умений больше чем после курса.

Когда столкнешься с реальной жизнью - по ходу дела придется прочесть пару статей про сетки, типографику, композицию. Найти клевый сайт с иконками и фотками. Почитать переверстку Игоря Штанга... и начинается...

Все как при изучении HTML/CSS - выучил основы, вооружился докой, сверстал 10 шаблонов. Умеешь! В работу! Дальше учишься нормальному коду, рюшкам и оптимизации процесса. И начинается bootstrap, angular, webpack...)))

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

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

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

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