Pavel Designer

Читайте теорию и применяйте на практике.

Книг по теории дизайна, колористике, юзабилити, интерфейсам и т.п. очень много. Легко гуглятся и даже на Тостере много раз обсуждалось, поищите. Курсов по этому тоже много.

Изучите гайдлайны каждой платформы.

Смотрите на работы других, вдохновляйтесь. Пробуйте применять удачные приёмы в своей работе. Для тренировки можно просто брать хороший и удобный дизайн и пробовать повторить точь-в-точь. Иной раз помогает понять почему сделано именно так и набить руку.

Тонкости и фишечки как раз так и познаются — из книг и увиденного где-то.

Дизайнер (а не просто "фотошопер"), если делает сайт, то обязан в финале предоставить макет сайта, включающего в себя все конечные материалы (фото, тексты и т.п.), которые будут на живом сайте в браузере. Времена "Lorem ipsum", "текст текст текст" и одной картинки-заглушки на весь макет давно прошли и сейчас логично и правильно использовать актуальный материал в макете.

Где брать? Все просто: у клиента. На стадии обсуждения заказа запросить все необходимые материалы. Какие именно? Зависит только от задумки дизайнера. Даже по ходу работы запрашивать материалы у клиента — это нормально. Хорошо, когда есть старый сайт, например, или иные рекламные материалы откуда можно брать информацию. Если вдруг клиенту нечего прислать, то это хуже, но тоже не смертельно — можно брать материалы по теме в интернете, с сайтов аналогичной тематики. У скопированного есть владелец и лучше проследить, что клиент понимает (чтоб совесть была чиста, так сказать). Яндекс-рефераты тоже вариант (ссылка в одном из ответов), несколько раз пользовался в работе.
Фото-материалы можно искать в различных фото-банках (есть как платные, так и бесплатные). Платные можно выкупить после утверждения. Кстати, иногда отличная идея — взять и сфотографировать самому, если есть возможность.

Так что всё в руках дизайнера. Делается блок с достоинствами судостроительной компании — попросите клиента описать достоинства. Получив описание делайте дизайн. Задумали использовать определенное количество колонок или же какой-то оформительский приём, где важно строго определенное количество пунктов — обсудите с клиентом чтобы в финале достоинств было нужное количество. Это тоже нормальная практика.

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

Как сказал однажды один арт-директор:

Если дизайнер думает, что текст — это не его забота, зарплату ему поднимут еще не скоро.

Тут прозвучала фраза про "ты дизайнер или копирайтер". Статьи и все тексты для сайта дизайнер не обязан писать, но тексты — это часть работы дизайнера тоже.

Если официальный гайдлайн это "галимая теория", а гуглить "не помогает", то наймите дизайнера и он сам всё сделает. Не хотите нанимать? Изучайте гайдлайн, графические редакторы и т.п. чтобы научиться рисовать иконки приложений самостоятельно.

Upd Забавно, конечно, что у людей не получается ввести запрос в поисковик и найти тонну однотипных видео о том как рисовать иконку в матириал дизайне. 5 секунд в Ютубе и хоть обсмотрись (в том числе и на русском).

Взять и нарисовать в любом графическом редакторе (лучше векторном) пером, например.

-Правильно ли пытаться войти в мир веб дизайна с мобильных приложений?(если нет то с чего?)

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

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

-Какой "расклад" сил на данный момент по софту, при учёте "с нуля", что стоит изучить, а что можно опустить?(Например наткнулся на Adobe experience design, можно ли сразу учить его?)

Каждый работает в том, что удобно ему. Пробуйте разное и найдёте идеальное конкретно для себя. Adobe Illustrator, Photoshop, Sketch, Affinity Designer, XD, Inkscape, Xara, CorelDRAW, Gimp и т.п. Для первого знакомства хватит первый четырёх (в зависимости от платформы), а далее и с другими ознакомитесь. Хороший специалист не ограничивается в работе только одним инструментом, а подбирает их исходя из задачи.

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

Что такое WEB? Всё, что находится в Вебе и делается дизайнером — веб-дизайн. Любое оформление или графика в вашем браузере: иконки, баннеры, веб-страницы, сайты и любая иная мелкая оформительская работа. Начинайте с того, что уже знаете/умеете или к чему лежит душа. С опытом найдёте что нравится больше и получается лучше. Делайте упор на одной специализации, а смежное охватывайте по мере роста т.к. лучше быть крутым в одном, чем "кое-как" во всём.

-Основная литература по типу "Психбольница в руках пациентов" само собой необходима?

Литературы валом и здесь каждые 1-2 месяца задают эти вопросы. Умение искать самостоятельно поможет не только с поиском книг, но и в работе (типа "как сделать конический градиент" или подобное). Я серьезно.

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

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

Поймите главное: хреновый дизайн (у новичков) никто воровать не будет, а очень хороший дизайн украдут всё равно, как ты ни защищайся.

Боитесь, что ваш лого настолько хорош, что его украдут — просто не участвуйте в конкурсах. Ищите другие варианты.

Не нравится слишком быстрая анимация. Это лично мое мнение т.к. я допускаю лишь ненавязчивую лёгкую анимацию на сайтах. Но для страницы, на которой пользователь проведёт всего секунд 10, в принципе, и пофигу.

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

Upd. Вообще не вижу смысла в заглушке, не несущей полезной информации. Следует написать что сайт в процессе создания, оценить ваши умения можно где-то еще, а связаться с вами можно по вот такой-то контактной информации. Это было бы логично и удобно, а полезность заглушки сразу выросла в разы =) Иначе можно было бы оставить заглушку хостера, ничего бы не изменилось.

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

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

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

Примеры.
1. Разработка логотипа.
Можно просто воплотить идею, что придёт в голову, опираясь на задание клиента. Один вариант без претензии на уникальность т.е. не проводить анализ существующих, не проверять использует ли кто-то эту идею и насколько это вообще важно. А можно делать три принципиально разных варианта на выбор с доработкой одного до финала, изучать конкурентов, искать способы выделиться на их фоне и проверять свои идеи на уникальность среди других логотипов.
И стоимость решения этих задач может быть, например, от 50$ до 200$ и выше. И это всё стоимость разработки логотипа у одного и того же хорошего дизайнера.

2. Разработка дизайна сайта (раз уж и них заговорили в комментариях).
Тут может быть только цена за главную и цена за внутренние уникальные/типовые страницы. Но никак не почасовая))) На каких-то сайтах нужна дополнительная графика, а на каких-то нет, кто-то берёт картинки из интернета/фотобанков, а кто-то создаёт сам. Следовательно, стоимость главной может быть от 50$ до 150$, а внутренних 20—50$ за уникальные и 10—20$ за типовые — и здесь оценку логично проводить после изучения задачи и требований.

Так что вы определились бы с перечнем конкретных задач, а там уже можно будет собрать информацию о ценах на эти задачи. Цена «ХХХХ в час» вообще не информативна т.к. не даёт понимания стоимости проекта.

Если исходя из озвученного в вопросе (лого и айдентика), то цены можно назвать примерно следующие: лого — от 50—100$ и выше; фирменный стиль от 100—300$ в зависимости от кол-ва носителей ФС и необходимости оформления руководства.

Смотрите какое цветовое пространство использовали при работе: RGB или CMYK. Плюс конкретные цветовые профили, смотря в какой программе работали. Дело может быть и в мониторе, но с цветами в редакторе чаще всего забывают разобраться.

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

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

А про хранение файлов напишу вкратце.
Если проект большой, с задачами разного рода, то делается папка big-project-name. Внутри неё лежат папки по задачам: banners, icons, site и т.п. В каждой папке конкретная задача. Если проект простой и путаться негде, то можно не разделять на подпапки. Все названия папок и файлов я всегда пишу с маленькой буквы и на английском, так удобнее.
Внутри папки company-site (возьмем пример с сайтом) лежат папки source (со всеми материалами, предоставленными заказчиком), img (с разной исходной графикой, которая используется в проекте), preview (или images или типа того, я в такую папку складываю макеты для согласования и расшариваю для доступа клиенту — чтобы не пересылать кучу файлов, а иметь одну папку с актуальными макетами) и любые другие служебные папки, которые могут понадобиться по ходу работы.
В корне этой папки ведется работа и находятся исходники вида name_xxxx_yyy_zzz, где name — это название клиента или проекта (указываю всегда чтобы находилось через поиск), xxxx — обозначение вида задачи (site, app, icons и т.п.), yyy — уточнение что в этом файле (если сайт/приложение, то main, contacts, news и т.п., если иконки, то их размер, например), zzz — версия файла — она может быть просто цифровой (001, 002, 024), а может быть и датой сохранения, иногда требовалось подобное (16-11-23 – год-месяц-день, удобно следить). Таким образом, получаются имена файлов sber_icons_128px_001, sber_insurance_lk_012 или ph_cafe_menu_16-10-05. Когда требуется версия с переведённым в кривые контентом, то в конце можно добавить -curved.
Я предпочитаю разделять смысловые части с помощью подчеркивания "_", а вместо пробела в словах использовать минус "-" (sber-bank_site_one-two_004).

Если собирается много файлов одной задачи, то они собираются в подпапку как описано в самом начале.
Когда собираются несколько версий одного макета, то я создаю папку old (или revisions, кому как удобнее) и скидываю туда все старые версии, а в корне задачи остаются лишь актуальные. Это помогает не запутаться в куче версий и, в то же время, держать их рядышком. Если важно сохранить даты подобных «срезов», то в папке old делается подпапка с нужной датой.

Учитывая, что я фрилансер, то мне не надо иметь кучу папок как у ребят по ссылке и думать о том, что кто-то там может не разобраться :) А в каждой конторе привыкли к разному и просто либо подстраиваешься под них, либо по-умолчанию расшариваешь папочку с макетами. В последнем своём офисе из бардака на личном компе я сделал озвученную выше структуру на сетевом сервере и все работали с файлами без дёрганья друг друга.

Ну вы же типа специалист. Что вам нужно знать об этом проекте? Что не понятно и не известно конкретно вам? Что конкретно вам нужно узнать чтобы взяться за работу? Вот это и спрашивайте у клиента. Не знаете даже что спросить — откажитесь и возвращайтесь когда наберетесь знаний.

Ну напишут я или кто-то другой сейчас список вопросов, ну узнаете вы их у клиента, но сможете ли применить в работе эту информацию, если не знаете для чего она нужна? Толку будет ноль. Учитесь и набирайтесь знаний, ведь правильные вопросы (как и подход к работе) у каждого свои.

Upd Я не раз видел как люди берут чужие образцы брифа/ТЗ и дают их заполнять клиенту, а потом всё равно делают что сами захотят, даже не читая (или не понимая) указанную информацию. Отчасти это потому что половина вопросов реально бесполезная информация и перекочевала ещё из шаблонов 90-х и 00-х годов.
Поэтому изучайте дизайн интерфейсов (общие принципы, юзабилити и т.п.) т.к. это то что важно в интернет магазине. Смотрите как сделано у других и выделяйте хорошие решения.
К слову, кол-во категорий товаров вообще бесполезная информация когда идёт речь о дизайне интернет-магазина :) Здесь важны главная, список товаров, фильтр, страница товара и процесс оформления заказа.

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

Чаще этот блок известен всем как просто слайдер (реже там статическая картинка с текстом или без или даже видео). Если сверху не было бы явно отделённого меню и весь верх представлял собой единый блок с красочной иллюстрацией и элементами навигации, то подобный верх страницы может называться hero header, а само изображение hero image (ничего общего с заголовком в примере).

UPD Статья с примерами

Будут, если у шрифта не запрещен импорт в ПДФ (редко, но бывает). Вроде бы, должно предупреждение выводится о шрифтах, если это я не путаю с Индизайном.

Чтобы гарантированно обезопасить себя от проблем можно просто перевести шрифты в кривые. В таком случае, нельзя будет выделять и копировать текст из ПДФ, но это и не всегда нужно.

Нужны прямые руки и умение работать с кривыми — это не заменят никакие хитрости и приходит с опытом.

Очевидно, что надо использовать сетку (View / Show grid, настраивается в Edit / preferences / Guides & Grid) чтобы ставить точки ровно и симметрично. В данном случае, следует поместить круг (изменить его до эллипса, если это нежно - по картинке не понятно, должен он быть приплюснут или это так плохо нарисовано), добавить внутренний круг и затем уже редактировать правую часть до нужного вида. При этом, орудуя рычагами у точек так чтобы было красиво и ровно.
Если удобнее, можно делать и поотдельности - внешний контур и потом внутреннюю загогулину. Или вообще сделать верхнюю часть, а потом отзеркалить и объединить. Способы ограничены лишь фантазией и знанием программы.

Все верно написали — это просто разные версии под разные нужды и CMS. Без проблем можно так продавать по договорённости с автором оригинала.

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

Исключительно дело вкуса. Лично мне удобно. Я и в допечатке крупной флексо-типографии, где вообще ничего общего с портретами/иллюстрациями не было, использовал Pen&Touch M и орудовал им получше, чем мышью — удобно. Потом и сайты, веб-графику также делал используя планшет.
Перо всегда в руке и можно спокойно печатать при этом, легче мыши. Возьмите у кого-нибудь на день-два и сами попробуйте, чтобы не потратить деньги зря.

Кстати, спасибо, что напомнили. Надо достать и подключить, а то после переезда забыл про него.

По нынешним производителям ничего не скажу, пользовался Вакомами (Bamboo One и Pen&Touch) и был еще один Джениус (гавно). До 8к выбор не такой уж и большой, из Вакомов хватит на тот же One или маленький Intuos. Есть какие-то другие, с неприличными названиями, но лучше изучите обзоры в интернете чтобы понимать что они могут и подходит ли это конкретно вам. Уж просто водить по экрану и тыкать может хватить любого с более-менее качественным пером.