WebValley Studio

Какой компьютер нужен для создания сайтов и веб-дизайна в 2022 году

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

Ноутбук или стационарный компьютер: что выбрать веб‑дизайнеру

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

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

— Все характеристики, которые будем приводить ниже, распространяются и на ноутбуки, и на стационарные устройства.

Стоимость компьютера и крупный взгляд на рынок

За последние несколько лет ценник вырос почти в 2 раза, поэтому хорошая машина стоит от 80 000 ₽. Всё, что дешевле — какие-то брёвна, нет смысла их даже рассматривать. На сборку персонального компьютера также уйдёт от 80 тысяч. В таком ценовом диапазоне уже стоит задуматься о покупке техники Apple. Общий ценовой диапазон 80−130 тысяч для Windows-устройств.

На наш взгляд лидерами устройств являются: ASUS, MSI, APPLE.
компьютер для работы с графическими программами

Почему стоит рассмотреть Apple

Ноутбуки и моноблоки Apple много лет занимают лидирующую позицию на рынке устройств для работы. Именно для работы, речь не о компах для игр. Это самые быстрые, удобные, юзабельные машины, которые были созданы человечеством (по мнению нашего арт-директора). И дело не в понтах или бренде.
1
Создание M1-процессоров — это революция в мире процессоров. На текущий момент даже слабые ноутбуки Apple на первом M1 выдерживают конкуренцию флагманских устройств на Intel 10−12 поколений, тысячи обзоров на YouTube тому подтверждение. При этом разница в стоимости устройств на М1 и Intel может достигать двукратного размера, и Intel однозначно проигрывает в цене.
2
Дизайн-оболочка. Apple — педанты и перфекционисты по визуальному оформлению. Чуть ли не с 2000-х годов они задают стандарты и тренды в дизайне всего — от дизайна устройств, до дизайна сайтов и иконок приложений. Любая программа оформлена в 10 раз эстетичнее и приятнее на Apple, что не может не радовать глаз дизайнера. В такой среде просто приятнее работать.
3
Качество картинки. Здесь всё просто, ретина решает всё. Качество графики на технике Apple не только приятно взгляду, но и реально помогает работать точнее в графических редакторах.
4
UX. Здесь даже добавить нечего, сама система содержит свои заморочки, странности, но количество удобных решений превышает недостатки, и работа по дизайну, разработке, другим процессам идёт в разы быстрее за счёт функциональности устройств и реально удобства Mac-OS.
Можно долго петь дифирамбы яблоку, но лучше просто взять и попробовать. В конце концов в крупных городах уже появилась аренда Macbook-ов, так что вы всегда можете устроить тест-драйв за 3к, чтобы понять потенциал устройств.

Рекомендуемые характеристики с запасом

Профессии разработчика, веб-дизайнера и подобных по деятельности специалистов не сильно требовательны к железу. Поэтому рассматривать компьютеры за 500к нет смысла, достаточно базового игрового устройства для выполнения задач с одной оговоркой — упор нужен на процессор, нежели на видео-карту (если только вы не 3D-дизайнер и не рендерите гигабайты графики или видео-материалов).

Процессор (CPU или ЦП)

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

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

Если мы говорим о процессорах Intel, то рассматривать стоит компьютеры с 10−12 поколением процессоров Core I5 или Core I7.

Найти наименования и характеристики можно на официальном сайте Intel в продукции.
компьютер для веб дизайнера

Характеристики процессоров Intel

Общее правило такое: чем больше количество ядер, тактовая частота и максимальная тактовая числа — тем быстрее будет работать компьютер.

Сравнить производительность процессоров также можно на специальных бенчмарках и рейтингах. Эта информация всегда есть бесплатно в открытом доступе. Например, выбирая между ноутбуком, А и ноутбуком Б вы всегда можете сравнить производительность процессоров по бенчмарку:
компьютер для веб дизайна какой нужен

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

Исходя из бенчмарка, можно самостоятельно определить список моделей. Например, на 2022 год исходя из: цена + качество + уровень требуемой производительности, можно определить целевой диапазон моделей:

Младшие рассматриваемые модели — 6 ядерные процессоры Intel core i5, и 6 ядерные AMD Ryzen 5. Всё, что ниже по бенчмарку уже будет подтупливать и подбешивать. Вот список минимальных процессоров:
В идеале брать с запасом, это дороже, но так устройства хватит на дольше с учётом скорости развития технологий в графике и жручести графических программ. Смотрите в сторону AMD Ryzen 7 и Intel Core I7. Например, AMD Ryzen 7 2700X или Intel Core i7−10 700 вам хватит за глаза, ценник на процессоры ± одинаковый 320 баксов.
дизайнерские компьютеры
пк для дизайнера

Цены на ТОПовые процессоры

Отсюда идеальный вариант цена / скорость это:
● 8 ядер;
● От 2,4 ГГц тактовая частота;
● Разгон (максимальная тактовая частота) в районе 4,8 ГГц.

Оперативная память (RAM или ОЗУ)

Основной стек программ с которыми работает специалист — пакет Adobe, Affinity, Figma, Sketch + браузер на 100 500 вкладок. Про Google Chrome и Яндекс браузер уже можно слагать легенды — у браузеров есть потрясающий навык сжирать столько памяти, сколько вообще у вас есть. Вот как это выглядит:
компьютер для графического дизайна

Использование оперативной памяти браузером Google Chrome

Все программы веб-дизайнера жрут оперативную память (RAM). Часто нехватка оперативы приводит к тупняку, зависаниям или вообще потере созданного проекта. У вас 20 минут подгружаются картинки в Figma? — Скорее всего проблема то же в этом. Figma очень «голодная».
бюджетный компьютер для дизайна

MacBook PRO M1 первого поколения, устройство 2021 года. RAM 8Гб. Affinity + Figma + браузер и ваша память почти закончилась

Как видно из скриншота, минимальный объем памяти для нормальной жизни и работы — 8 Гб. Всё что меньше это уже смерть, и 8 — тоже мало. Это работа на пределе возможностей. Поэтому хорошо, если памяти 16Гб, либо её можно докупить и вставить в компьютер или ноутбук. В Apple память не добавить, поэтому смотрите сразу в сторону 16-гиговой сборки.

Напрашивается вывод: при выборе устройства или сборке ПК нужно уделить особое внимание объёму оперативной памяти. Если планируете работать с программами Adobe и держать открытыми много вкладок браузера, то обязательно 16Gb DDR4.

Общие правила:
● DDR4 (обязательно 4, не 3!!);
● 3000+ МГЦ;
● Минимально на 8 Гб, 16 Гб — хорошо.
Хочешь стать ТОПовым дизайнером? Запишись на ProWeb!

Физическая память (HDD / SSD диск)

Существует 2 основных вида жестких дисков.

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

HDD-диск с открытой внутрянкой

SSD-диск на самом деле вовсе не диск. Там нет механический деталей, диска и тому подобных внутренностей. Твердотельные накопители работают на основе микросхем памяти, грубо говоря как флешка. Есть разные форматы и новинки в мире SSD, ещё более производительные, например M.2-диски, но это уже отдельная тема для изучения, нам так запариваться нет смысла.
комп для дизайнера

SSD-диск без корпуса

Жёсткий диск при выборе ноутбука имеет меньшее значение, ориентируйтесь на объём памяти: самый адекватный — 1 Тб. Брать нужно либо с SSD, либо с SSD+HDD, вариант HDD не подходит уже, просто морально устарел. Объём памяти от 1 ТБ, 512 Гб — мало. Единственный способ в будущем, как компенсировать 512 Гб — это использовать облачные хранилища (ICloud, Dropbox, Yandex Drive, Google Drive)

Если мы говорим о кастомной сборке десктопа на дом, с ящиком, экраном и всеми вытекающими — только SSD, только хардкор. Ориентируемся на объём памяти, ценник, скорость чтения / записи. Чем выше скорость — тем быстрее работается. Оптимально на 2022 год около 500−560 Мбит/с для каждого параметра. Ценник 11−18 тыс. рублей.

Флагманские производители:
компьютер для графики и дизайна

Цены на SSD-диски

Видеокарта (GPU или ГП)

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

Видеокарты можно поделить на встроенные и дискретные. Встроенная — это видеочип, встроенный в процессор. Дискретная — это отдельный процессор, подключенный в материнскую плату компьютера и независимый от CPU.

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

Отсюда вывод — нужно смотреть устройства с дискретной видеокартой, а в случае сборки ПК — докупать видеокарту.

Для веб-дизайна не принципиально, будет это AMD или NVIDIA. Минимум памяти который нужен — 4 Гб. Именно видеопамяти (GPU). Этого достаточно и для кино, и для простых игр, и для нормальной работы в нескольких редакторах одновременно. если говорить о «берём с запасом», то смотрим 8 Гб. Самая распространённая на рынке ноутов NVIDIA GeForce GTX 1650 Ti 4 ГБ.

Для видеокарт также есть свои бенчмарки. Поэтому сравнивая модели не поленитесь посмотреть производительность видеокарты в таблицах производительности.
компьютер для графического дизайнера

Бенчмарк видеокарт

Но опять таки, сильно с видеокартой для веб-диза заморачиваться не стоит. Если только вы не планируете что-то рендерить или играть в топовые игры с максимальными параметрами.

Монитор (Экран)

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

Диагональ

Если для поездок, большой ноутбук много весит и кататься с ним тяжеловато. Но, мы всё же рекомендуем диагональ не меньше 15,6 дюйма.

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

Устройства с диагональю от 22,2 до 27 дюймов наиболее удобны для работы. Не зря iMac выпускают с 27 дюймовой диагональю =). Мониторы около 27 дюймов и больше выбирают профессиональные художники, архитекторы, фотографы, проектировщики и все, кому важно высокое качество графики и большой экран. Цена на такие дисплеи 25−40 тысяч рублей. Самое комфортное соотношение сторон — 16:9. Есть 16:10, тоже ничего, 21:9 уже больше для геймеров.

Разрешение

От разрешения экрана напрямую зависит качество изображения и кровь из ваших глаз. Чем выше разрешение, тем качественнее картинка, тем меньше усталость в разглядывании пикселей и тем выше стоимость экрана.

Разрешение 1366×768 — наименьший порог сегодня. Такие мониторы можно сразу сжечь, выкинуть в окно, для веб-дизайнера это смерть, начиная от вытекающих глаз, заканчивая интерфейсом Figma, в котором 60% экрана составят панели инструментов и только 40% макет. Если вы хотите работать в комфортных условиях, ваш минимум 1920 на 1080. Если смотрим диагональ 27 дюймов, то лучше уже сразу 4К мониторы выбирать. Ценник будет нехилый, но оно того стоит не только из-за красоты картинки, а банально из-за здоровья глаз.

Матрица

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

● IPS — средняя по дороговизне. Хорошая цветопередача и налажены углы обзора, в целом подходит для веб-диза. Универсальный боец, но не топ.

● VA-матрица — средней паршивости. Цветопередача и углы обзора — на уровне IPS, страдают только полутона в тенях, для веб-диза и работы с графикой, печатью это может быть существенным недостатком. Обычно дешевле IPS.

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

Если смотрите экран побюджетнее — берите IPS, если есть финансы — смотрите OLED. Ещё есть TN-матрицы — это днище, они не подойдут для работы с графикой.

Материнская плата (Motherboard, мать, материнка)

Вопрос выбора материнской платы актуален тогда, когда вы сами собираете компьютер. Фирмы производители, на которые в первую очередь стоит обратить внимание: Asus, MSI, AsRock.

Существуют несколько форм-факторов материнских карт (размеров). Смотрите всегда большие — ATX или Standart. Они наиболее универсальны и подойдут для будущего расширения возможностей персонального компьютера, например — добавить ещё дисков, добавить вторую видеокарту, встроить дополнительные модули и т. д. Средняя цена за нормальную карту 8−16 тысяч рублей. Отличие всегда в скорости шин, типе и герцовке поддерживаемой оперативной памяти, наличии определенных слотов, модулей по типу wi-fi и прочим фишкам.
компьютер для дизайнера

Универсальный боец на рынке уже года 3 — ASRock B550 Steel Legend

Как веб дизайнеру собрать настольный компьютер самому

Как собрать настольный компьютер самому для веб-дизайна, и так чтобы с запасом? Для этого вы можете воспользоваться конфигуратором сборки ПК. Например, у DNS есть отличный сервис для решения этих вопросов. Расписывать процесс текстом мы не стали, поэтому для самых пытливых записали видеоролик с процессом неплохой сборки компьютера для веб‑дизайнера:
Автор статьи
Алексей Гамов
СЕО WebValley Studio
01.03.2022
Хочешь создавать сайты студийного уровня?
Пройди курсы WebValley Academy
Понравилась статья?
Поделись материалом с другими в социальных сетях — сохрани статью себе для быстрого доступа, поддержи нашу студию!

Подпишись, чтобы быть в курсе!

Подпишись на наш новостной дайджест, чтобы первым получать анонсы новых статей, материалов или мероприятий. Без спама, только по факту =). Наши соцсети в конце сайта.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности.