Михаил Проскурин

ctrl+shift+i и вперед исследовать.

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

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

Как именно она будет искажена - вы не знаете.
У клиента может быть и AMOLED и IPS и TN.
Можете проверять на всех типах экранах.
;)

и один среднестатистический (наверняка есть какие-то статистические данные, исследования)

И на выходе как дизайнер вы получите "среднестатистического качества говно".
Суть в том, что наиболее распространенных типов экранов - как минимум 3. И все они отличаются существенно.

Имхо, на Upwork WP одна из доминирующих технологий. Заказов МОРЕ.

М О Р Е !!!!!!

Спецов , как раз не так много. Много низкоквалифицированных людей, берущихся за любую работу по низким ценам. Качество соответствующее. Как только наработаете портфолио и хороший рейтинг , проблем не будет. Прочтите статьи про то, как брать заказы , как заполнять профиль итд. Сделайте в профиле акцент на WP.
Я вот WP не знаю и не люблю :) , но в начале работал с ним. Писал плагины. Причем, были предложения от клиентов работать постоянно с такими проектами, но мне это не интересно.

Резюме - именно для спецов WP на апворке раздолье.
З.Ы. Только не хватайте любой заказ. Оцените заказчика. Это сэкономит время, деньги и главное - НЕРВЫ.
Удачи.

Котируется так же, как и обычный диплом.

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

На 4К чтоли играешь? Как именно тормозит? Фризы? или фпс низкий? Какой блок питания у тебя? Какие тайминги на ОЗУ стоят (дай ссылку на свою память я тебе скажу как выставить надо, есть ещё чуйка что у тебя не на максимальной частоте она пашет и с длинными таймингами)? На full hd на ультре у тебя все игры должны 60+ fps выдавать кроме tom clancy wildlands.
msi afterburner поставь выстави в ОЭД загрузку ГП, загрузку ЦП, Загрузку ОЗУ, и частоту кадров. Посмотришь чё во время лагов происходит.
А так я с таким встречался и не раз.
Что надо сделать?
1. В настройках nvidia выставляй работу видеокарты в режим максимальной производительности.
2. В винде в электропитании выставляй режим максимальной производительности.
3. Отключай GameDvr forums.playground.ru/software/windows/windows_10_g...
4. Поотключай в биосе все энергосберейки.
5. Попробуй в игре отключить вертикальную синхронизацию.
6. На сетевом адаптере и usb выстави режим максимальной производительности и убери отключение ssd через 20 минут поставь 2000.
7. Выстави файл подкачки 20 гиг (у меня были трабы с какими то старыми играми из за этого)
8. Переустановить дрова nvidia через DDU!!!!!
9. Посмотри последний биос для твоей видеокарты https://www.techpowerup.com/vgabios/ прошейся до него
10. Обнови биос мат платы до последнего.
11. Вот тебе в придачу прочитай посмотри всё https://forums.overclockers.ru/viewtopic.php?t=568822 (Проблема актуальна по сей день)

8 баксов жалко? Это полторы чашки кофе.

Гуглите UI Kit, их дофига. И платных и бесплатных.

Также. Как и видео 30 FPS на монике в 60 Гц выглядит также, как и на 30 Hz

Макет с отключенными слоями весит меньше. Потому что фотошоп генерит full resolution preview для всего того, что включено в слоях, и соответственно сгенеренные превьюхи сохраняются вместе с файлом. Это древний как мир лайфхак для оптимизации PSD.

Первый этап — подумать, надо ли это вам вообще. К хорошему дизайну на кривой козе не подъедешь.

Прежде всего: Майк Монтейро «Дизайн — это работа». Даже если не будете потом заниматься дизайном — книга все равно полезная.
Во многом избавляет от романтического подхода вроде «дизайнер — это художник».

Второй этап — учиться: смотреть и делать свое.
Только, во имя всех скандинавских богов, смотреть не на Behance и Dribble. Там красиво, конечно, стиль, все дела, но в конечном итоге 95% работ там просто картинки.
А веб–дизайн — в первую очередь сценарий. Дизайнер определяет то, как пользователь будет пользоваться сайтом: в его власти сделать интерфейс простым и ясным или запутать до невозможности.
Посмотрите работы бюро Горбунова, особенно процесс создания.

Соответственно свои работы тоже нужно рассматривать с точки зрения полезного действия, а не внешней красоты. Эстетика — это третий этап.
Учиться значит читать, в первую очередь. Чтобы делать правильно — нужна система.
Читать лучше от общего к частному, начать стоит с этого:
Дональд Норман «Дизайн привычных вещей»
Виктор Папанек «Дизайн для реального мира»
Параллельно:
Генрих Альтшуллер «Найти идею»
37Signals «Getting Real»

Веб — это интерфейс, значит:
Джеф Раскин
«Новые направления в проектировании компьютерных систем», «Об интерфейсе»
Брюс Тогнаццини «Главные принципы интерактивного дизайна»
Якоб Нильсен «Веб-дизайн. Книга Якоба Нильсена»

Веб — это шрифт и текст, стало быть:
Ян Чихольд «Новая типографика»
Эмиль Рудер «Типографика»
Нора Галь «Слово живое и мертвое»
Саша Карепина «Искусство делового письма»

Веб — структура и верстка:
Тим Харровер «Настольная книга газетного дизайнера»
Мюллер-Брокман «Модульные сетки в графическом дизайне»

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

Если вы хотите заниматься интерфейсами —забудьте про Фотошоп, освойте Скетч или Фигму.
А Фотошопу оставьте то, что он хорошо умеет — работать с растром.

Меня как "писателя кода" волнует две вещи:
1) Будет ли тут встроенный jsfiddle как у Stackoverflow? С отображением консоли.

2) Сочетания клавиш. Очень не хватает банальных сочетаний клавиш типа:

• Табуляция, все время жму табуляцию и фокус переходит на кнопку "Опубликовать". Было бы круто, если бы хотя бы табуляция работала когда курсор находится внутри тега код.
  
• CTRL+/ для комментирования
  
• CTRL+{, CTRL+} для увеличения/уменьшения отступов (табуляции/пробелов)
  
• Переместить строку выше/ниже
  
• Мультикурсор... шучу конечно. Хотя было бы круто.
  

Понятно, что можно делать в своем текстовом редакторе, а потом копировать сюда. Но не всегда отступы нормально копируются (тут бы помогло CTRL+{), да и часто лень запускать редактор (или нет возможности).
3) Также не хватает сочетания клавиш для обычного текста, чтобы сделать выделенный текст жирным CTRL+B, курсивом CTRL+I и.т.д. Приходится мышкой делать.
4) Не хватает тега для перечеркивания текста.
5) Возможность пользователям с определенным рейтингом в определенном теге, помечать ответ "верным" в посте с в этом определенном теге. Многие тут пишут про автоматическое определение по кол-во лайков, или голосованием, но так будет корректнее, т.к. не будут помечаться юморные ответы, которые только из-за шутки набрали рейтинг. Можно сделать также голосованием, но экспертами в этом теге. Но есть риск, что не популярные вопросы не будут помечены, т.к. только один эксперт зайдет. Ну или банально плашку при заходе на сайт "В момента вашего вопроса прошло 2 недели, выберите верный ответ.
6) Хотелось бы систему сниппетов ответов, или микроблог. Часто получается так, что приходится отвечать на одинаковые вопросы, или дополнять свой ответ своим старым ответом (и искать его долго), а своего блога нет. Можно было бы сделать в профиле пользователя публичный микроблог с рейтингом, где содержались бы какие-то ответы, интересные штуки, краткие уроки и.т.д. Вроде есть хабр, но там уровень выше в разы.

PS: Было две вещи, дальше я что-то заигрался :-)

UPD:
7) Не хватает нумерации строк в коде, чтобы ссылаться на них в тексте ответа.

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

1) В лоб, от восприятия - дизайна. Мы понимаем, что элементы оформления это по сути 3D сцена с построением перспективы и простой физикой света.

Тогда мы можем:
* Вынести всю графику в отдельный слой. Пусть в данном случае это будет canvas
* В другом слое достатчно просто сформировать контентное наполнение сайта

Для работы с 3D сценой мы можем или взять готовую библиотеку или сделать собственное решение которое будет растеризировать нам эту сцену на плоскость которую мы можем встроить в верстку - canvas. Допустим мы решили не тратить свое время и нас устраивает имеющееся решение мы берем бибилотеку. Например мы взяли THREE.js. Мы позиционируем canvas так чтобы вписать будующую сцену в дизайн. С помощью javascript и решения которое мы выбрали отрисовывается необходимая нам 3D сцена, если нужно добавля логику в зависимости с реакцией пользователя (движение мыши итп). Поверх canvas мы позиционируем наш статический сайт (текст кнопочки итд). Для реализации мы использовали (в минимальном исполнении) html, css, js, возможно так же шейдеры и 3D модели если не получилсоь обойтись примитивами.

2) В лоб, от декомпозиции - логики компонентов, процесса.
Мы хотим раздробить проект на компоненты и реализовывать покомпонентно, или мы понимаем, что каждый элемент интерфеса должен быть абсолютно самостоятельным. возможно этим будут заниматься разные разработчики. Тогда скорее всего если не было предварительно договорености. то каждый разработчик выберет наиболее интересный или простой для него способ реализации компонента. И в итоге мы получим солянку из кучи билиотек и технологий. Главное потом на финальном этапе скородинировать логику компонентов. Использованые технологии (html + css + js + то что мы посчитали нужным в каждом конкретном компоненте)

3) В лоб от технологий.
Мы говорим что у нас есть ограниченый набор технологий которые мы можем использовать. Минимально необходимый набор технологий для реализации подобного как на картинке html и css. Но более кофортным будет html, css и svg. Мы ограничили набор технологий и от примитивного к более сложным визуальным конструкциям реализовываем. Используя способы обмана восприятия пользователя чтобы добится эфектов трехмерности, существования сцены и освещения итд.

Выше я очень кратко описал разные варианты подходов к созданию единой концепции восприятия пользователем. Сушествует еше бесконечно много подходов и способов реализовать процес разработки. Выбор и наполнение каждого конкретно зависиот отконкретной задачи, различных условий и исполнителя. Зачем я длинный ответ? Чтобы дать понять Единого иструмента (серебряной пули) на все случаи нет, всегда приходится идти от множества факторов. Глядя же только на картинку я бы чисто визуальную сцену в canvas использовав тот же THREE.js и отдельно поверх сцены спозиционировал все управление и текст. Если это не статика и если нет развесистой логики поведения элементов и отображения. там уже стоит думать дальше.