Дизайнер vs программист2
С двача в тг
Это описан бестолковый дизайнер. Толковый делает труд верстальщика приятным и быстрым. Но такой дизайнер- большая редкость.
раскрыть ветку (99)
Во времена оно с расширением конторы, взяли мне напарника. Поскольку моё мнение учитывалось при выборе кандидата, рекомендовал самого сильного, сильнее себя в плане графики. В итоге у нас сложился отличный симбиоз: он рисует, скажем так, крупные формы, а я больше по мелким: иконку нарисовать \ логотип \ фотку обтравить или размножить образец его баннера на 100500 разрешений для контекстной. Когда аврал случался пилили напополам работу. Собственно это было занудное вступление.
А соль ситуации вот в чём: я и до того верстал всё, что сам нарисую, а с приходом напарника и его макеты верстать начал. Попутно подтянул уровень в вёрстке, перешёл на npm+pug+sccs ну и дааавно к тому моменту пользовался сетками ясен пень. Так вот, повторюсь: в плане графики его макеты были круче моих, на тот момент это был топчик (имхо) на общем фоне биханса. НО, что такое сетка он не знал, точнее знать то знал, но не использовал в принципе. Парадокс, что макеты при этом получались, повторюсь, классные. Это была занудная середина рассказа :)
И вот с месяц назад, обсуждая совместный теущий фриланс прект, заговорили о нынешнем бытии: сейчас уже 4 года как не работаем в одной конторе, а с той где познакомились напару уходили на новое место работы (совместно). И он мне выдал фразу: "Сейчас, на текущем месте работы, всё по стандартам, юзаю сетку, ведём дизайн-систему и вот не понимаю я: как ты тогда вестал то, что я рисовал и при этом не убил меня?". Ну а я что? Я просто верстал :D
раскрыть ветку (9)
это еще фигня, у меня на прошлом проекте, дизайнеры сверстали всё приложение (более 70 экранов) в 15 колонок, а их же фреймфорк на фронте использовал 12 и потом все удивлилясь как-то дизайн-макет не влазит (12 колонок условно 1200px ширины контнейра для контента, а 15 - соотвественно 1500px). Ещё из веселого - у нас оказалось 4 меню и 3 кнопки для отображениях этих меню)
раскрыть ветку (3)
Щас вообще не понимаю какие могут проблемы в верстке, когда есть Flex и Grid.
.grid { display: grid; grid-template-columns: (любое число) } и погнал делать все что угодно. Да и работы с сеткой в огромном количестве дизайнов условна. Из серии, дизайнер берет и такой, вот у нас 12 колонок, а по факту у него блоки либо по 2 в линию, либо по 3, либо просто фулл сайз)
раскрыть ветку (1)
В фотошопе сетка это набор направляющих, а учитывая, что их можно поставить между пикселей и вообще на нее наплевать - так и выходит. Я объясняю на примере шкафов или тумбочек
раскрыть ветку (4)
Я в курсе, первое с чего начинался макет это точное выставление направляющих + периодический контроль блоков по ним. С приходом фигмы стало конечно в разы лучше.
раскрыть ветку (3)
раскрыть ветку (2)
И про скетч в курсе, но к классу аристократов-экслплуататоров никогда не относился: всегда был пк-пролетарием :D
А XD был ущербен (имхо) по отношению к фигме на момент своего появления. Как сейчас не знаю: фигма устраивает по сей день.
раскрыть ветку (1)
xd, естественно, вряд ли будут дальше делать после покупки фигмы. по сравнению со Sketch в те времена был то еще поделие, а потом еще и платный стал в creative cloud
9 из 10 дизайнеров не понимают основ дизайна и типографики. Не умеют в сетки и абсолютно не умеют работать с текстом.
Чуваков, которые пришли в веб-дизайн из издательств видно сразу - у них все четко: все по сеточке, колонки перестраиваются как надо, отступы, вертикальный ритм - не придерешься.
Пришёл с курсов дизайна - пизда. Отступы рандомные, колонки вроде есть, но перестраиваются хуй пойми как, понятие потока контента отсутствует, у каждого текстового элемента будет свой рандомный кегль и line-height.
Особенно заебись когда они, не умея работать с блочной моделью, вертикальный размер кнопок устанавливают за счет высоты строки.
раскрыть ветку (46)
Мне как раз встречались "полиграфисты" наоборот. Знаете, есть такая кагорта рисователей всякой хрени. Типа коллажи нелепые в газету. Просто на отъебись несколько картинок и буквы зеленого или красного цвета обязательно с жирной обводкой и тенями. Вот когда такие начинают рисовать сайт- тут полная пизда настает. Освоив Фигму они начинают максимально издеваться над всеми графическими элементами. Сетка ладно, не всегда она и нужна, но когда картинки не дорезанные или несостыковки в элементах в пару пикселей- это вообще ад.
раскрыть ветку (9)
Грамотный дизайн в фигме ппц как облегчает работу верстальщика. Меня как то раз попросили сверстать сайт с пдф макета, причём в pixel perfect, пришлось не согласиться)
раскрыть ветку (4)
Спустя годы, вообще без разницы, что там дизайнер нарукожопил. Делаешь по своему, если возникнут вопросы. То тыкаешь заказчика в профнепригодность дизайнера.
раскрыть ветку (3)
Заказчик обычно тыкает тебя. Так как дизайнер то нарисовал, а ты сделать ни чего не можешь. Значит ты лошара рукожопая.))))
раскрыть ветку (2)
лолшто?
Если посмотреть программу большинства +- популярных курсов, то сетки это одна из основ. Создать один стиль банально проще, чем каждый раз ставить от руки.
Да и издательства уже давно в упадке, тиражи уже лет 15 уменьшаются, и проигрывают цифре.
Бездумное копирование сеток из печатной продукции, это как раз клиника. Которая рулит чисто в дизайнерских конкурсах(awwwards и т.п.). Те кто видел конверсию подобных творений, знает о чём речь.
раскрыть ветку (20)
Да, а потом выходцы с этих курсов упорно пихают элементы в марджины/паддинги колонок стандартной сетки и, повторюсь, в упор не понимают термин «вертикальный ритм». Или (не шутка!) создают собственную сетку в сука, блять, 1024 колонки.
Издательства может быть и в упадке, но ребята, которые пришли в веб после нескольких лет верстки полос в индизайне точно нет.
Вот, кстати, свежий пример: текстовый блок на 1800 пикселей шириной с размеров шрифта 16, от выпускника курсов дизайна. Любой полиграфист, увидев это, сказал бы: ты ебанулся?
раскрыть ветку (17)
О, а можно для австралопитеков кратенько пояснить про текстовый блок на 1800 с размером шрифта 16? Почему за это пиздят и как надо было сделать, что б не обоссали? Шибко интересно.
раскрыть ветку (8)
Можно. Есть такое надуманное типографами понятие как оптимальная длинна строки. Данные разнятся, но в среднем все сходятся на 65 +/- 20 знаков в строке.
Проверяется эмпирически. Берем любой незнакомый текст (лучше такой, где думать надо) и распечатываем его на листе формата а3 в landscape orientation стандартным 12 кеглем. Получится порядка 200+ символов в строке. Пробуем читать и понимать.
Потом этот же текст распечатываем на листе а4 в портретной ориентации ~75 знаков. Читаем повторно, смотрим как меняется восприятие.
раскрыть ветку (5)
Я ещё не дизайнер,а только учусь, но у родителя есть своя небольшая газета.. И вот представьте, открываете вы газету или журнал, а там обычная статья ровно от одной стороны листа до гругой, ещё и без заголовков, абзацев, и, предполагаю, даже без полей, раз такая ширина.. Сложно будет читать и воспринимать информацию, когда перед тобой полотно мелкого текста) а если тоже самое на компьютере? Глазами теряются строчки, взгляду не за что уцепиться, становится скучно и грустно. Это моя теория) интересно узнать правильно мыслю или нет
раскрыть ветку (1)
Офигенно, конечно, сравнивать людей с 0 опытом, с теми кто уже несколько лет поработал, пускай и в смежной теме.
Как уже выше писал, я вижу рекламу курсов постоянно в инсте/ВК/ТГ. Если это не бесплатные 3-ех дневные интенсивы, для продажи больших курсов, то там точно есть тема.
Возможно ли такое, что и после таких курсов выпускники ничего не знают? Да, если в одного ухо влетело, а из другого вылетело.
Если у вас в конторе кто-то не может таких на старте отфильтровать, ну извините...
раскрыть ветку (6)
Проблема лежит немного не в той плоскости. Это не вопрос опыта, вернее не только и не столько опыта. По моему опыту любой более-менее грамотный полиграфист (если мы не о макаках из блокнота говорим) прочел как минимум «Типографику» Рудера, «Облик книги» Чихольда, “Newspaper layout and design” и, в обязательном порядке - «Справочник издателя и автора».
В вебе же почему-то все ограничивается курсами и я так вижу.
Ну и да, я работал не в одной и не в двух конторах федерального/международного уровня, адекватных дизайнеров - пересчитать по пальцам одной руки.
раскрыть ветку (5)
Добавлю "Живая Типографика" Корольковой, которая объединяет многие моменты из этих книг. Обязательна к прочтению.
В данном топике путаются понятия дизайнер и верстальщик (полиграфический). Я знаю очень много дизайнеров (в том числе полиграфистов), которые гробят свой дизайн, отсутствием качественной верстки. Они не верстальщики. И их работа с текстом сводит на нет весь их дизайн. С другой стороны, красиво свёрстанный текст, уже есть хороший дизайн.
______________________________________________________________________
Но я на самом деле не за этим сюда полез!
Очень приятно, что работу верстальщиков-полиграфистов, типографику, все еще ценят! 😊
а можно пример того, что вы считаете правильным дизайном. Ну что бы понимать, где говно, а где по науке.
раскрыть ветку (1)
Если мы говорим о системном подходе к дизайну, а не о вкусовщине вроде здесь мне цвет не нравится, а тут шрифт, то мне очень импонирует Google material design.
Назвать какой-то конкретный сайт и сказать - вот он сделан охуенно, мне сложно по ряду причин. Главная из них - коммерческий дизайн надо оценивать с точки зрения бизнес-эффективности и стоимости поддержки этой системы, а эти цифры вам никто не даст.
Хотя нет, один могу назвать - гитлаб сделан охуенно. Всегда только положительные эмоции.
Ни тебе Шпикермана "О шрифте", ни Джеймса Феличи "Типографика. Шрифт, верстка, дизайн", ни даже "Основы стиля в типографике" Брингхёрста.
А еще есть "Новая типографика" Чихольда.
Пфе.
Кстати, я это всё читал.
Но хорошим дизайнером это меня не сделало :)
раскрыть ветку (1)
Мне часто попадаются дизайнеры, которые на десктопе рисуют по одному, а в мобиле эти блоки мигрируют блять куда захотят, ты не можешь их никак грамотно позиционировать. Либо костыли через какой нибудь position: absolute или же просто отдельно верстать эти блоки специально под моб версию и скрывать их на десктопе.
Обычно просто под мобилу блоки уходят друг под друга, ну типа flex-direction: column или grid-template-columns: 1fr, ну на крайний случай можно поменять их местами через order.
Меня как дизайнера бесят курсы/туториалы, где спикер просто рандомно водит текстовые блоки туда-сюда. На сетку ни малейшего намёка, а в параметрах интерлиньяжа стоит сука auto. Я уже молчу про pixel prefect, нейминг слоёв и про всякие там висячие пунктуации:(
раскрыть ветку (8)
Ух вот про название слоев вообще боль. Мне с пиздючества было интересно копаться в фотошопе и делать картинки. Довольно быстро мне пришло сакральное по всей видимости знание, что слои лучше называть осмысленно или на худой конец именовать группу слоев. И вот спустя много лет я устроился фронтом и зашёл в свой первый макет Фигме сделанный не мной. Огромная свалка рандомно сгруппированных слоев без названий. Компоненты ребята кстати тоже не использовали, что добавляло веселья...
раскрыть ветку (2)
Вероятно на большом экране будет как задумано, а в мобильной версии три строки на весь экран
С большой башни кладу болт на висячую пунктуацию все 20 лет, как делаю сайты. Чей не книжки верстаем, браузер сам решит, когда ему строчку оборвать, тем более, на моменте дизайна у меня был только один макет из тысяч, в котором был контент. Приплюсовать еще сюда разное сглаживание букв в разных осях
раскрыть ветку (3)
Эта штука правится банальными сервисами-типографами которые сами расставляют всякие nbsp и прочие. Делов на 2 минуты:)
раскрыть ветку (2)
В макете это делать нет никакого смысла, потому что, пкм, у нас, текст под дизайн не пишется - не тот уровень. А на готовом сайте никто не будет. Проверено сотнями проектов
раскрыть ветку (1)
Бро, я не навязываю:) Просто сказал как сам делаю. Дизайнеров много и методики у каждого свои. Согласен что эти переносы мало кто заметит. Но все таки считаю, что в учебных материалах не допустимо «делать как попало» тк его смотрят люди не искушенные и скорее всего эту халтуру примут за чистую монету.
Та пофиг откуда он пришел лишь бы понимал что такое разрешение экрана, размер шрифта, форматы веб шрифтов, форматы изображений и т.д. Полиграфисты по первой часто не понимают.
раскрыть ветку (1)
А еще полиграфистам в динамику сложно. Макеты рисуют в лучшем случае в три варианта. Про промежуточные состояния/размеры подумать редко могут.
В дизайне ещё довольно много хороших спецов, которые изначально из архитектуры :) Сеточки, модули, красивости и всё такое прочее понимают, только навыки работы в программе остаётся освоить
раскрыть ветку (1)
Такие умники потом придумывают сетки по велению левой пятки и не понимают, что на десктопе и мобиле один и тот же макет, а не два разных
Более того, в идеале дизайнер веб должен хоть чуть знать вёрстку тогда многие проблемы уходят.
раскрыть ветку (1)
Как дизайнер скажу, что никто не будет делать такие вещи просто так, если захочется. А если стоит задача сделать такое, то тут уж придется постараться.
раскрыть ветку (16)
Ну если заказчик именно это в ТЗ описал- хочу кнопку чтоб она как мультик меняла день на ночь. А рисуют, бывает, и не такую дичь.
Ну не знаю, я вот если не чувствую под макетом сетку, физически больно с ним работать, ничего не нравится. Всегда с нее начинаю. Если только не о простеньком каком-то СММе речь. Но я и по жизни душный. И да, в digital из печатки перешёл.
раскрыть ветку (6)
Ну вот бывают задачи бизнеса такие, что какие-то вещи нужно реализовать несмотря ни на что. Сетка это хорошо. Но не всегда получается к ней привязываться, особенно когда стоят жесткие рамки от клиента. Например в проекте есть таблица с совершенно разными по длине полями. Таблица должна помещаться в экран планшета и все поля должны помещаться в одну строку. Без горизонтального скрола. И вот что хочешь делай, но к сетке эту информацию не привязать. Иначе она просто не поместится. Только по процентам задавать. Причем можно было бы все это пустить второй строкой, адаптировать по сетке. Но тогда она строка таблицы будет превращаться в карточку большую по высоте. А их должно быть там от 100 до 200. Фокус группа пришла, посмотрела на это и сказали, что они устанут листать. Да и привыкли к табличному виду.
раскрыть ветку (2)
При чем тут сетка и таблица?? У вас таблица - контент. Сетка лайаут, сетке вообще должно быть фиолетово, что положат в область. Вообще надо проектировать с уже готовыми данными от заказчика. Таблицы по хорошему должны скролиться, если не устраивает, то вывод данных надо изменить.
Тут без вопросов, сетка должна облегчать работу, а не усложнять, если из-за неё не верстается — лесом.
Может посоветуете что посмотреть про основы веб дизайна. Без кодинга, а именно о расположении элементов, интерфейсах, сетках - хуетках. Бывают такие видео вообще? Мне вот кодинг нахуй не упал, а вот вёрстку визуальную я бы глянул.
раскрыть ветку (2)
Ну хуй знает у меня полно таких знакомых дизайнеров где в Старбаксе с Молескинчиком сидят:)
Как правило они пришли из художки и полное отсутствие каких либо технических познаний. Ну то есть гуманитарии прям от мозга до костей (извините не в обиду ляпнул) иконки и кейвижуалы рисуют отлично но как доходит до верстки то начинается хаос🤷♂️
Как правило они пришли из художки и полное отсутствие каких либо технических познаний. Ну то есть гуманитарии прям от мозга до костей (извините не в обиду ляпнул) иконки и кейвижуалы рисуют отлично но как доходит до верстки то начинается хаос🤷♂️
раскрыть ветку (7)
да потому, что это не задача дизайнера, понятия о верстке быть должны, да, чтобы совсем уж невозможное не рисовать, но основная задача сделать красиво и юзабельно, то, что верстка теперь часть работы именно дизайнера, это полнейшая хуета, придуманная, чтобы экономить фот, я именно поэтому сьебнул с выеб-дезигна, в граф и айдентику, тк мозг на эти ваши ёбаные дивы и прочие цсс не заточен, благословенные таблички в хэтээмэль мой максимум
раскрыть ветку (6)
А чья это задача? Нарисовать можно что угодно, попробуй потом это нарисованное реализуй.
раскрыть ветку (5)
Наш техлид говорит, что реализовать можно любую фантазию, вопрос в цене и сроках. Тут уже владелец продукта пусть решает, нужен ему этот прекрасный закат солнца в ручную за такой прайс, или будем оптимизировать.
раскрыть ветку (3)
Техлиды много чего говорят, у них работа такая. Проблема в том, что они мало делают. И нет, не любую фантазию можно реализовать. Ты всегда ограничен инструментом, которым пользуешься, если техлид готов делать любое говно лишь бы за бабки, то это какой-то херовый техлид, ибо его прямая обязанность - не допускать говна. Ну и ни цену, ни сроки, как правило, никто не готов платить. Поэтому все эти дизайнерские красивости сразу идут нахер.
раскрыть ветку (2)
Не допускать говна
Ваши бы слова, да боженьке в уши.
Бывает, что дизайнер слишком хорошо погружен в контекст и ограничения инструмента - и потому уже не в силах предложить решение, которое устроит бизнес. Рамки шаблонов сильно давят на мозг и затрудняют восприятие задачи.
И тут приходит условный «студент», который за пол дня на коленке накарябает что-то такое, во что бизнес-заказчик влюбится - не потому, что это прям гениально, а просто потому, что дело наконец-то сдвинулось, отошло от перекраса ячеек в таблице и вернулось к поиску, исследовательскому поведению.
На инерции от такого события вполне можно обновить инструментарий и даже пересмотреть бюджет, но это уже вотчина техлида.
Для дизайнера же важно уметь в композицию (сетки здесь), колористику, типографику - но самое главное - в психологию восприятия, так как именно это его инструмент влияния на продукт и команду. Не потерять это с опытом «преодоления» технических ограничений, не увязнуть шаблонах, научившись их применять - самое, наверное, сложное в этой профессии.
раскрыть ветку (1)
Ага, вот такой студент, как правило, и закидывает говна с лопаты. Да так, что после него потом всë переделывать. И тут забота техлида как раз, объяснить бизнесу, что это говно, на которое ты сейчас потратишь денег, а потом будешь тратить ещё и ещë, потому что оно начнëт растекаться и вонять.
почему? в SVG сохранил и все. Или думаете кто-то будет флаг республики Конго на CSS фигачить?
раскрыть ветку (2)
пчму бестолковый. если задача сложная, а верстальщик хотел в танки погонять вместо работы, то дизайнер бестолковый?
раскрыть ветку (5)
Нормальным дизайнер считается в том случае, если он понимает полностью весь тех процесс, а не только может пользоваться графическим редактором. В данном случае он рисует магозаеб бессмысленный.
раскрыть ветку (4)
мозгоеб это или нет - решать не верстальщику, это решит его тимлид вместе с артдиром и менеджерами. если задача поставлена именно такая - то так и надо сделать.
раскрыть ветку (3)
Я рассуждаю с точки зрения целесообразности и разумности. И, да- если у верстальщика нет этих ненужных прокладок с басурманскими названиями "тимлид" и "артдир", то именно ему и решать.
раскрыть ветку (2)
ненужных прокладок с басурманскими названиями
да и инторнет этот ваш с басурманским названием не нужон
раскрыть ветку (1)
Толковый дизайнер делает труд верстальщика приятным и быстрым.
Толковый дизайнер сам верстальщик.
раскрыть ветку (4)
Херня, это мифический человек. Вёрстка, это не только макет уложить, это еще различное взаимодействие которое остаётся за "кадром", это трансформации, это семантика, это... В общем дизайнер рисует, верстак верстает.
раскрыть ветку (3)
раскрыть ветку (2)
раскрыть ветку (1)
ну там вроде написано UI Design & Frontend Dev
Это я к тому что это не мифический человек, а нормальная практика, где дизайнер интерфейсов сам же реализует свой моушн-дизайн. Да и вообще верстальщики как таковые уже не нужны, это скорее джуны фронты.
Ну а на хуя тогда цитаты такие раскидывать?
-Самый вкусный рулет это лунный рулет но его не существует поэтому это сложно.
-Самый вкусный рулет это лунный рулет но его не существует поэтому это сложно.
А можете мне пояснить видео?
Сверху вроде просто художник, можно сказать, что дизайнер. Снизу какой то чел, который пытается вколотить в макете параметры кнопки, ну то есть тоже, вроде как, дизайнер.
А ппрограммист то где?
Сверху вроде просто художник, можно сказать, что дизайнер. Снизу какой то чел, который пытается вколотить в макете параметры кнопки, ну то есть тоже, вроде как, дизайнер.
А ппрограммист то где?
раскрыть ветку (1)
Программиста нет. Есть веб дизайнер и верстальщик. Верстальщика назвали программистом для широких масс, кто не в теме- чтобы понятно было.
Да это челлендж какой-то был просто. На самом деле, дизайнер отдал бы ему две пгхи и тот бы сделал за 5 минут.
раскрыть ветку (3)
раскрыть ветку (2)
Тогда придется поебаться постараться. Я не программист, могу только про анимацию сказать. Там одна картинка ездит туда-сюда, а две других (кажется) ездят вверх-вниз. Не знаю, насколько сложно такое сделать, например на JS
раскрыть ветку (1)
IT-юмор
7.5K поста53.3K подписчиков
Правила сообщества
Не публикуем посты:
1) с большим количеством мата
2) с просьбами о помощи
3) не относящиеся к IT-юмору