Знаю, что пишу не в ту доску, но в /de/ все мертвы.
Проблема в том, что я пытаюсь САМОСТОЯТЕЛЬНО научиться рисовать сайты в фотошопе, используя в качестве обучающих материалов всякие российские и не российские платные я нихуя за них не платил курсы со складчиков, тутспласов, линд и др.
И всё бы хорошо, но везде представлены какие-то уж очень очевидные вещи. Если на англоязычных ещё ничего -- более мене, то русские вообще пиздец. Вторых я штук 20-30 пересмотрел, там в большинстве и до рисования сайта не дошло, а там где дошло -- глаза вытекли.
В связи с этим вопрос: есть ли где-нибудь качественные, содержательные и хотя бы для мидл левела уроки? И где вообще учатся все эти чуваки, которые постят на дриббболе и бехансе своих няш. Я хочу к ним.
>>71844 (OP) сейчас уже только унылое говно рисует сайты в графических прогах, все веб дизайнеры, все нормальные веб дизайнеры, верстают диз на Html Css сразу, то чем ты хочешь заняться прошлый век
>>71846 Тебе в фотошопе понадобятся только отдельные эл-ты цветочек какой ни будь блядский, домик типа небоскреба, отдельные шляпные эл-ты словом, для долбаебов заказчиков, которые сами не знают чего хотят, основной интерфейс сайта верстается сразу, сперва прототипирование, потом наводишь марафет в CSS. декоративные графические эл-ты интерфейса нужны, но рисовать целиком сайт в фотошепе - лишняя трата времени
Рекомендую сначала выучить HTML/CSS. Допустим ты смотришь на форму регистрации и видишь форму регистрации. А тот кто знает как это верстается видит инпуты, видит их бордеры, радиус скругления бордеров, цвета заливки, лалала. Так ты открыв фотошоп будешь думать в верном направлении, типа как заебашить бордер, заливку, заебашить эту картинку в круг (создать маску). Ну и решать их будешь прямым гуглингом. Вот так, никакой магии, как пиздят дауны из /de/, тут нет. Просто нужно знать предметную область в которой работаешь.
>>71851 Ну все мы говно лепили, и лепим и выдаем его за работу, с опытом в верстке все придет, нет однозначно, паря, хочешь делать качественный дизайн, учи HTML/CSS, Это вопрос двух недель, и практикуйся, а фотошоп, по ходу разберешь
Не слушайте он хуйню мелет, дизайн всегда сначала рисуется, даже если сам дизайнер может в верстку. Потому что верстка занимает куда больше времени чем рисование в фотошопе, в фотошопе можно безболезненно изменять всю картину сайта, тогда как в верстке у тебя все поедет к ебеням когда ты захочешь поменять расположение блоков, а в фотошопе хуяк хуяк и перетащил. Потом этот дизайн утверждается у заказчика и только потом верстается, причем изменений уже не вносят в дизайн (ну, кроме совсем мелких). А сразу верстать с нуля это хуйня полная, когда заказчик в 10-й раз попросит переделать застрелишься нахуй. по ходу он только для себя так "дизайнит" на ходу на отъебись. Другое дело, что фотошоп и правда выходит из моды, многие сейчас любят лепить макеты в той же люстре.
>>71864 Проще переверстать страницу, чем рисовать ее в фотошепе по десять раз, а с заказчиком надо обговаривать все заранее и осознавать что ему нужно, предварительно попросив блять клиента скинуть ряд сайтов на которые он хочет что бы был похож его сайт, в таком случае, если что то и не понравится клиенту то это будут мелкие незначительные доработки, а что бы верстка не плыла - надо элементарно верстать уметь. Умник блять херов.
Анон же спрашивает, как научиться охуенно дизайнить, а вы ему верстку.
Я вот верстальщик уже почти 2 года. Могу сверстать всё, что угодно. Пытался в дизайн, но нормально получается только всякая мелочь, вроде форм, менюшек и вот этого всего. Запилить с нуля, например лендинг, я не могу.
Так вот, анон, вопрос. Что нужно задрачивать, чтобы постить на дриббболе и бехансе своих няш, с учетом того, что в верстку я умею?
>>71873 Сорри но ты хуйню несешь. Для какого-нибудь лэндинга, прости господи, это может и сойдет. Но я не знаю ни одной веб-студии, которая бы работала по такому принципу. Даже на Западе просят сначала дизайн, потом верстку, достаточно взглянуть на заказы на их биржах. Требуют обычные PSD в дизайне. Достаточно представить, что какой-нибудь большой портал делают по этой технологии, и сразу понятно, что это бред. Редизайн ленты.ру конечно сразу в хтмл лепили, ну-ну. >а что бы верстка не плыла - надо элементарно верстать уметь Я просто представил как ты делаешь трехколоночный макет, потом переделываешь на двухколоночный, потом заказчик снова обратно просит трехколоночный но с фиксированным меню, сколько же треша останется в CSS? Классов которые можно было бы объединить, свойств от предыдущих версий и т.д. Мда. >>71882 Adobe Illustrator, векторный редактор графики
>>71893 Вот этого двачую: задрачиваешь типографские фишки вроде горизонтального/вертикального ритма для сетки блоков, задрачиваешь UX/UI для поведенческих аспектов - всё, можешь ебашить годный дизайн (ну, учитывая ещё, что у тебя глаз не из жопы растёт и ты можешь выбирать нормальные триады/тетрады/n-ады цветов). Алсо, люстру яростно не рекомендую, рекомендую не лениться и пилить-таки стайлгайд/брендбук по элементам интерфейса, а то понаделают в своей люстре кнопок, а потом растягивают их вместе с бордером.
Это прежде всего растровый редактор, а современные веб-страницы практически не имеют растровой графики, что касается элементов оформления. По-сути растр используется только для изображений товаров, аватарок, карусели или еба-фона. И все.
Так зачем палить из пушки по воробьям, тем более есть адаптированные под верстку векторные редакторы, один из которых на картинке. Кроме того, он и в освоении проще. Так что оставьте фотошопу то что он должен делать: обрабатывать фото перед их размещением в магазине, и юзайте редакторы предназначенные для дизижина веб страниц.
>>71894 >>71880 >>71903 Вот проблема как раз таки в том, что я умею в фотошоп. То есть, на том уровне, который нужен, чтобы отрисовать сайт я им владею, но вот когда дело доходит до буквального прочтения брифа, я просто сижу в ступоре, не зная что да как отрисовать.
Толи практики мне не хватает (где её брать?!), то ли ещё чего. Алсо, дрибббл, в принципе, перерисовать могу абсолютно весь, а вот придумать что-то свое -- никак.
>>71922 Все зависит от возможностей css. Если ты их знаешь, смотришь такой на красивую ебулду и представляешь как ее сверстать, то и проблем с повторением ее в фотошопе не будет. Вот.
Вёбчую этого адвоката, меня вот буквально сегодня окончательно доебала это устаревшее говно, которое не работает ни концептуально, ни в общем смысле, как программа, потому что писали её уебаны — сегодня часа два убил, чтобы поставить Edge Reflow, соснул, конечно же; Адоби стала слишком большой для собственного блага.
Сейчас буду ебошить Йосемити на Hyper-V, чтобы поставить третий Скетч, если не пойдёт, лучше и удобнее, чем прототипирование в чем-нибудь -> отрисовка в браузере — больше просто ничего нет, потому что статических целых измерений в разработке программ для интернета больше нет, только проценты, только 8 знаков после запятой, только сложные вычисления значений на основе calc().
>Студии-хуюдии >заказы на биржах Это не на западе, это в очень ограниченном мире дэмпингующих индусов и отечественных отрыжек от настройки конвеерных имиджевых сайтов и прочих мелких задач, которые, в основном, работают из коробки.
>>71894 >>71893 Какие книги, ресурсы или материалы посоветуете по сабжу (лучше на ингрише)? Алсо, если не в люстре, то где? Не все тут макопетухи со скетчем.
>Сейчас буду ебошить Йосемити на Hyper-V Если кому-то интересно, это невозможно. Я просто не мог поставить Edge Reflow на десятую Винду, потому что она официально не поддерживается (что, разумеется, нигде не написано, потому что Адоби пиздюганы бестолковые), и надо запускать Creative Cloud в режиме совместимости с 8 (и перезагрузить компьютер потом).
>Алсо, если не в люстре, то где? Поэтому да, отвечая на твой вопрос, попробуй поработать в Фотошопе в связке с Edge Reflow.
Ах да, еще совет сюда же: поставь самый новый Фотошоп, потому что там есть артборды, которые очень удобно использовать, чтобы держать в одном месте все варианты интерфейса для разных экранов.
>>71954 >>71932 >>71845 Аноны, а вот вы говорите, что вёрстка, да. А с чего начинать её учить? Знаю с этим вопросом всегда отправляют на хтмл академию, но мне бы что-то более объёмное, чтобы понимать как будет предстоять процесс обучения.
Есть у вас проверенная годнота, которая сделает таки из меня веб-дизайнера? Желательно в видео формате.
>>71990 Только ХТМЛ академия, самый доступный, для понимания и простой способ врубиться в верстку, но нужно конспектировать.
Не слушай мудаков с PSD макетами, нормальные веб студии предоставляют пару тройку прототипов будущего сайта и если они не полный дауны то из брифа выводы сделали и один вариант точно устроит заказчика, а два других можно схоронить в запасниках, и тут пригождается привычка /писать комменты к собственному CSS/
>>72004 > Не слушай мудаков с PSD макетами Это мировой стандарт, лолка. Сразу верстают только говносайты для ООО "Рога и Копыта" за 10к от силы. Нормальному сайту не только дизайн в PSD делают, но и гайдлайны, зачастую печатают их на бумаге и передают заказчику в папочке, прикинь? А если сайт очень жирный, то сначала проводят исследования, что нужно изменить в дизайне, как лучше сделать то или сё, все это длится не одну неделю, т.е. еще даже до начала прототипа. Несколько миллионов за сайт - нормальная цена для крупного портала (ну там lenta.ru, сайты мобильных операторов и т.д.).
>>72004 >привычка /писать комменты к собственному CSS/ Ах да, CSS и иной код в нормальных студиях пишется по гайдлайнам, за отклонение от которых макаку ебут. Вангую работаешь в говностудии за 30 косых, хуяча сайты для мелкого бизнеса.
Как же тяжело и противно читать комментарии ребёнка, который даже не понимает, из чего может складываться цена у программного продукта, не говоря уже о тырпрайзной разработке. Настоящей тырпрайзной, не той, которую ты себе фантазируешь, показывая всем, какой ты умный.
>в студиях >в студиях >в студиях Я даже и не знаю, что тебе и сказать, кроме того, что код пишется так, как это принято делать в конкретной группе людей, как правило, по условно-официальным стандартам, с небольшими тут и там отклонениями. Гайдлайны, блядь, какой же ты смешной.
>>72069 Стоимость сайта в большей мере зависит от его функционала, дизайн в ценообразовании играет значительную роль только у Артемки Лебедева наверно)
>>72083 > При чем тут гайдлайны и CSS? Смотрите, ребёнок знакомится со взрослым веб-кодингом. Гугли CSS Guidelines/CSS Style Guides/CSS coding styles. Там регламентируется всё, вплоть до того, использовать ли пробелы или табуляции, и комменты там писать обязательно, а не на усмотрение кодера. >>72082 Работал в такой, причем сам сайт был для никому не известной узкоспециализированной компании (конкретно, импортер колес для тележек и прочего промышленного дерьма). Думаю, сайты реально именитых компаний заказывают еще куда за большие деньги. Если понять, что разработка крупного портала занимает от 6 месяцев работы нескольких людей, то и цена перестает казаться слишком большой. 1кк это меньше 7 месяцев работы трех специалистов с зарплатами 50к. >>72073 > из чего может складываться цена у программного продукта Да все просто, прайс спецов * время + добавка на жадность студии
Посоны а вот такой вопрос. Ну посидел я на кодакадеми две недельки, потыкал по паре курсов на тытрубе в фотошоп, а дальше то что? Где найти реальную ПРАКТИКУ? Придумывать самому? у меня ебано с фантазией
>>72068 >>72069 >>72073 >>72084 Пацаны, а по сабжу (дизайну сайтов в фш и годных уроках) что-нибудь есть? Пикрелейтед -- типичный отечественный урок 2015 (!) года. На нём баба рисует блоки из картинки, серого квадрата и оранжевых букв, приправляя всё это набором скачанных и ублюдских флэт иконок.
Есть у кого-нибудь совет куда пойти, чтобы не учили такой безвкусице?
>>72123 Многие пидорасы слепо копируют западное говно, когда существует годный русский стиль. Сделать в флэтовском стиле может каждый индус, а вот правильно захуячить тенюшку и следовать типографским канонам могут не все. Всё дело в высоких стандартах.
>Есть у кого-нибудь совет куда пойти, чтобы не учили такой безвкусице? http://designpreppy.ru/
Вы все долбоебы. Я сейчас вам поясню за фотошоп и за верстку.
Есть два стула - сайты верстать и сайты продавать. Одной жопой на два усесться не оче удобно, поэтому нужно выбрать что-то одно. Ты либо рисуешь, либо верстаешь. Либо рисуешь, продаешь, а потом верстаешь.
Так вот, чтоб продать сайт, хоть усрись, а нарисовать его сначала придется. ФШ, люстра, пейнт - похуй, но нормальный проект нужно, да и в разы проще, сначала "продумать" на бумаге (на экране в графическом редакторе). С хорошим клиентом достаточно одной-двух страниц нарисовать, а дальше по стилю можно ебашить уже сайт. А почему? Да потому что мы покупаем глазами, мы визуализируем услышанное, представляем себе то, что надумали в голове в виде изображения. Один хуй - картинка. Покажи мне менеджера от Бога, который согласовал дизайн по телефону устно, не показывая нихуя клиенту. Если так, то либо один мудак, либо другой и в итоге придется переделывать. Так что нужно рисовать.
НО! Нет смысла прорисовывать дотошно все детали. Реально, это глупости. Нормальный верстальщик ебашит по скриншоту. Я для себя определяю несколько направляющих элементов и уже по ним все делаю. К примеру, выдели на макете: заголовок, параграф, отступы, ссылки, кнопки, картинки, основные цвета, инпуты/лейбы и все. Этого достаточно. Дальше ты уже как конструктор будешь из них собирать сайт. Я, обычно, рисую только главную страницу. Нихуя не выпендриваюсь, но работал дизайнером овер 10 лет и знаю все правила правильной верстки, поэтому это и не сложно и не долго для меня. Клиент же сразу видет, что его ожидает, дает комментарии и ты уже работаешь по согласованному макету, а это уже CMA - cover my ass, потому что он утвердил тебе дизайн и всегда можно сказать, мол, мы же с вами вот смотрели и вы все сказали ок. А если не ок, то это дополнительные расходы. И уже к тебе не приебутся, мол, а мы думали, там будет синий и большой, а тут зеленый и маленький. Сэкономишь время, сбережешь нервы.
Пацаны тут заикаются о прототипировании и это обязательно на крупном проекте, но без дизайна - это как пальцем в небо. Потратишь время, сделаешь работу, а тут все не так и клиент это "видел" иначе. Нахуя? Можно было за 20 минут накидать макет же...
По поводу твоего негодования о чуваках с дриббла. Очень часто, люди вышку получают по дизайну, рисуют дохуя, могут в стиль и только потом рисуют сайты. Хороший и правильный UI - заслуга дизайнера внутри исполнителя, а не верстальщика.
>>72701 Я мимопроходил и тред не читл. А что, блядь, есть дебилы, которые сразу верстают без утвержденного макета или делают верстку на основе прототипа?
Если при утвержденном макете ситуации типа "ой, а я себе вживую это как-то немного по-другому представлял. Давайте переделаем" бывают у каждого второго заказчика, то даже сложно представить какой треш творится только с утвержденным прототипом, а тем более вообще без прототипа и макета, когда всё на словах решили. Там же можно один сайт делать годами.
>>72701 Тут главный вопрос ГДЕ этому учиться, желательно онлайн.
По поводу вышки -- не верю, вот честно. Мышление в отечественных институтах ОЛОЛОДИЗАЙНА дальше классики не выходит, а про то, что они, мягко говоря, не идут в ногу со временем, и невооружённым взглядом видно.
>>72742 Хуле там учиться. Законы композиции и колористику шпилишь самостоятельно, вот и весь "дизайн". Если не можешь клепать интерфейсы интуитивно, то еще UX дрочишь. Ну и HTML/CSS ессна.
>>72742 не, ну ты мудак что ли и на дриббле смотришь только поделки русских вань? на западе дизайн - образование. не верь, мне похуй. погугли лучше канадские или пиндосские вебинары по дизайну и сам поймешь. дорого, нихуя не бесплатно, очень эффективно.
>>72804 А ты не мог бы показать годные дизайны созданные американцами/канадцами? пока что я только об этом все время слышу а примеров никто не дает. Да и гугл зрадник использует дизайны вань а не джонов.
>>72884 Мне нравится обмазываться пищей для ума. Вот тут не галерея с дрибла, но что-то типа хабра и стриктли для веб-дизайнеров http://www.webdesignernews.com/
1) Диванная стадия - делаешь пен-проекты, максимально копируя стиль успешных господ с Дриббла, Биханса, и прочих. Максимальное задрачивание скилла и манямирка. 2) Практическая стадия - профессиональная деградация из-за упырков-заказчиков, которые просят поиграть шрифтами. Тут уж кто как постарается с поиском работы, кто-то не может найти себе смазливо-ванильную контору и работает с мудаками разной степени тяжести.
Рынок перенасыщен, зарплатный потолок оскорбителен, но на 100 упырей находится пятеро успешных парней, у которых получается пробить этот потолок - на скиллах, проворности и железной заднице. Работают в престижных РА (нет, не Тема, скорее после отсидки у Темы и в подобных соковыжимательных кухнях), топовые фрилансеры, дизайнеры в зажравшихся студиях мобильной разработки. Остальным просто неоткуда выделить приличные деньги на дизайн - инджой ер привычка управляющего состава делать 200% прибыль из ничего.
На мой взгляд, дизайнер - это всегда вольный человек, стремящийся. Нет такого, чтобы пришел в офис, важно там восседал и получал хотя бы 60 тысяч в месяц. Надо постоянно изыскивать способы заработать. Способов полно, но это далеко не работа в офисе, когда апатично сидишь на стульчике за нормальное бабло и через два года тебя сокращают. А постоянная гонка.
>>73883 В укропии есть, но как правило они очень маленькие вплоть до отсутствия офиса, что не мешает им рубить ощутимую капусту на аутсорсе и держать планку качества. Впрочем есть и офисные, с ощутимой зарплатой, особенно в Киеве.
В России рейтинг http://ratings.tagline.ru/digital-production/ - в средних агентствах из топа зарплата ui/ux designer может доходить до 150к рублей, но это от 5 лет крепкого опыта. Тут нужен навык, чтобы различать бодишоп (которым по сути является САЛ и другие муравейники) и нормальную компанию. В бодишопе никогда не будут платить нормально, это базовая политика всяких САЛов - там работают больше ради скилла и рекомендационного письма.
Тебя что интересует? Уроки работы в графическом редакторе (слои, приёмы там, градиенты) или общие принципы дизайна веб-страниц (как и что расположить, какие отступы и т.д.)?
>>78839 Вкину еще один сайт medium.com но если не говоришь по-английски — пизда, вообще прежде чем учить дизайн и фронт-енд любому посоветовал бы выучить ангельский сперва.
>>78839 Да, вот это всё. Просто сейчас, если я что-нибудь делаю, у меня получается бутстрап-говно, которое не отличается ничем от другого бутстрап-говна, при том, что я не ворую идеи.
Мне очень нравились, по крайней мере раньше, уроки с просто процессом рисования сайта, но их очень мало, а те что есть на тытрубе -- говно.
В итоге, я, наверное, приду к выводу, что весь дизайн исходит из опыта и постоянного ежедневного надрачивания скила.
Последняя мысль, кстати, применима вообще к жизни в целом.
>>71845 Не слушай этого тупого говноеда вещающего с дивана.
Во всех приличных конторах для каждого бизнесс процесса - есть свой специалист!
Манагер: общается с заказчиком, подключает спецов, ставит и отслеживает таски UX: делает прототип на каком-нибудь Mockups.me Дизайнер: по мокапу отрисовывает страницы сайта в Фотошопе или Иллюстраторе, если портал большой то рисуется UI kit Верстальщик: превращает это всё в веб-разметку Frontend: в 2015 - этот человек отвечает за весь интерфесь и логику сайта, даже URI нынче от него зависят Backend: просто оперирует данными и делает по сути API
Каждая из этих специализайций сложна и состоит из сотен мелочей. Чтобы стать спецом в любой из этих областей, надо потратитиметь несколько лет реальной работы
>нормальные веб дизайнеры, верстают диз А дизайнер, который верстает - это как правило неуч, который пилит говносайты на коленке за отзыв.
Но конечно соглашусь, что можно успешно совмещать две смежные области, но как правило у таких людей нет времени сидеть на харкаче
>>79039 Так я его и не слушал. Хотя, с другой стороны -- ничего плохого в том, чтобы быть и дизайнером и верстальщиком нет. Так будет гораздо меньше проблем, и больше денег.
И опять же вопрос был в том, где все эти годные онлайн ресурсы для обучения тому же дизайну сайтов.
>>79065 > ничего плохого в том, чтобы быть и дизайнером и верстальщиком нет. Либо ты дрочишь одно, либо дрочишь другое, и на то, и на то у тебя времени скорее всего не хватит. Дизайнеру знать хтмл/ксс на базовом уровне надо, благо дрочится дело это все за неделю-вторую, верстальщику без дизайнерских штучек можно.
Проблема в том, что я пытаюсь САМОСТОЯТЕЛЬНО научиться рисовать сайты в фотошопе, используя в качестве обучающих материалов всякие российские и не российские платные я нихуя за них не платил курсы со складчиков, тутспласов, линд и др.
И всё бы хорошо, но везде представлены какие-то уж очень очевидные вещи. Если на англоязычных ещё ничего -- более мене, то русские вообще пиздец. Вторых я штук 20-30 пересмотрел, там в большинстве и до рисования сайта не дошло, а там где дошло -- глаза вытекли.
В связи с этим вопрос: есть ли где-нибудь качественные, содержательные и хотя бы для мидл левела уроки? И где вообще учатся все эти чуваки, которые постят на дриббболе и бехансе своих няш. Я хочу к ним.
Надеюсь, мне тут помогут.