Задать вопрос
  • На какой максимум способен дизайнер при разработке сайта?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    Если дешево, то гуглите «конструктор сайтов» и читаете их условия. Пару примеров привёл Nekto_Habr Если условия (цена и прочее) подходят, то делаете сайт в выбранном конструкторе.

    Если совсем дешево, то гуглите "website templates", выбираете понравившийся, покупаете или скачиваете бесплатно. Параллельно изучаете азы той CMS, под которую выбрали шаблон (можно сначала CMS выбрать и потом шаблон под неё). Устанавливаете шаблон, настраиваете его под свои нужды и наполняете сайт контентом. С любыми косяками справляетесь сами или нанимаете разбирающегося в этом человека.

    А вот если хотите качественный сайт (и сэкономить начальству и деньги, время и, возможно, нервы), как написал Sanes, ищите специалиста (или студию), который сделает вам уже готовый сайт «под ключ». Не задумываетесь о проблемах, а просто ждете, вносите правки и принимаете работу. Хорошая студия еще и не даст просесть в поисковиках, если есть какие-то хорошие позиции.
    Ответ написан
    Комментировать
  • Есть ли в фотошопе такая функция?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Нет, в Фш такого нет.

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

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Вы что-то путаете. Комиссия берется с заказчика при работе через безопасную сделку или с исполнителя при работе через типовые услуги. Скриншот бы показали или уточнили через что создавался заказ.

    Новости читать негде т.к. они с момента последнего взлома вносят изменения не предупреждая. Но про комиссии и прочее можно посмотреть здесь https://feedback.fl.ru/

    Upd. Собственно по указанной ссылке за 3 секунды находится информация об этом https://feedback.fl.ru/topics/125116-otzyiv-v-zaka...
    Но новости они до сих пор не считают нужным сообщать пользователям — мудаки, как обычно, с этим не поспоришь))
    Ответ написан
  • Веб дизайн, дизайн мобильных приложений, актуальные инструменты?

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    -Правильно ли пытаться войти в мир веб дизайна с мобильных приложений?(если нет то с чего?)

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

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

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

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

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

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Как сделан именно этот пример.

    1. Располагаются логотипы плиткой.
    542e7c9f9a624a4e8b83b028b56bc9ad.png
    2. Выделяются все слои с логотипами, в контекстном меню собираются в папку (или Ctrl+G).
    3. Создается слой с серой заливкой
    08de1a044aca4179b0eb64494d37886d.png
    4. Далее зажимаем Alt и наводим курсор между группой и слоем с серым цветом пока курсор не поменяет вид (скрин из инета)
    ad36a2b9694049eeb40034bc76bde3fc.png
    Кликаем и верхний слой теперь применён только в рамках нижней группы как показано ниже
    21e5a9a967dd4678bd13297d06a13271.png
    5. Выделяем именно маску, кликнув на белом. Белое это то, что видно т.е. то, к чему применяется наш цветной слой.
    710b2628898f418aaea2b1d4b18beeda.png
    6. Выделяем тот из логотипов, который не должен быть окрашен серым. Заливаем выделенное черным.
    d449385a65934370a3355c9a66c02d8d.png
    Таким образом наложение серого цвета применяется всюду в папке с логотипами кроме участка, скрытого маской.
    Ответ написан
    1 комментарий
  • Как работает опция Fractional Widths в дополнительной панели Character?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Ну как обычно =)

    Англ
    7b7f8113341b4ef68d30ba80aba36b1d.pngРус
    faec0d7ba4874f85b4a2ac1c3d6cb77d.png
    Ответ написан
    3 комментария
  • Как представлять лого заказчику?

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

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

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

    Боитесь, что ваш лого настолько хорош, что его украдут — просто не участвуйте в конкурсах. Ищите другие варианты.
    Ответ написан
    Комментировать
  • Чем отличается действие опций Release to layers (Sequence), Release to layers (Build) дополнительной панели layers друг от друга?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Illustrator
    Дизайнер и перфекционист
    Пункт Release items to separate layers.
    9e77c34d9f29466baf911ee97961b6de.png9d907fd88c584e14aa0240ccd31de0ec.png
    В который раз советую сначала смотреть нужную функцию там, а если там нет, то спрашивать здесь.
    Ответ написан
    3 комментария
  • Что скажите о внешнем виде заглушки на сайте портфолио?

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Редактировать именно текст в нескольких текстовых слоях одновременно нельзя.

    1. Можно, как написал Gilf, перевести текстовый слой в смарт-объект и затем копировать его сколько потребуется. В таком случае, изменив текст в смарт-объекте вы измените его во всех копиях этого смарт-объекта. Больше подходит если одинаковых текстовых слоёв десятки.
    Из минусов: если надо будет поменять не везде, то придётся заново делать просто текстовый слой и еще верстальщик потом может не обрадоваться, увидя в макете сплошные смарт-объекты вместо текста.

    2. Но, для замены на одинаковый текст в нескольких блоках гораздо проще, на мой взгляд, сделать так: скопировать текст в буфер Ctrl+C, взять инструмент Type Tool (T), двойной клик на тексте (с инструментом Type Tool сразу выделится текст) или на тексте в панели слоёв, Ctrl+A выделить всё и Ctrl+V вставить заготовленный текст. Если пользуетесь горячими клавишами, то весь процесс займёт считанные секунды. Подходит если одинаковых слоёв немного ,как в вашем примере.
    Минусы: будет немного дольше, если одинаковых слоёв десятки.

    Забыл про еще один вариант!
    3. Если надо заменить везде одинаковый текст на другой одинаковый, то можно использовать Edit -> Find and Replace Text. Появится окно и в нём указывается какую фраза/слово на что менять. Искать будет по всем видимым слоям.
    Ответ написан
    2 комментария
  • Есть ли шаблоны интерфейсов для программ?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    Есть, называются UI kit ну или UI psd, что часто одно и тоже. Это наборы элементов интерфейса из которых можно создать любой свой.
    Реже можно найти прямо интерфейс уже собранный, но таких совсем мало встречается.

    Если вам для вдохновления или поиска удачных решений для удобного интерфейса, то просто смотрите на реальное ПО и берите лучшее. Шаблоны в этом плане не помогут.
    Ответ написан
    1 комментарий
  • Color Overlay vs Paint Bucket Tool что для чего?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Дополняя уже сказанное, в общем и целом, оба инструмента могут делать одно и то же, но разными способами. Разница будет в конкретной ситуации и аккуратности результата, а в руках мастера, по факту, эти инструменты будут решать совершенно разные задачи.

    Заливка цветом может быть использована как для всего фона, так и для отдельных его частей (если это некий узор/рисунок) т.к. это инструмент, такой же как кисть или подобное.
    Вот пример: я могу залить им и весь фон слоя 1(залил красным) и часть узора в слое 2. У слоя 2 центральный прямоугольник был белый и я его окрасил в зеленый инструментом Paint Bucket Tool. При этом, если бы я окрасил через эффект слоя, то закрашен стал бы весь слой и узоры на нём пропали бы (вот так).

    Как видно, залился зелёным только белый до границ с черным. Можно настраивать чувствительность инструмента (смотрите панель в верхней части страницы, когда выбираете инструмент) и тогда заливаться инструментом будут не только те пиксели, в которые ткнули, но и с близким цветом.
    Такое можно проверить на любых фотографиях т.е. не на чистых цветах как в моём примере.

    А эффект с заливкой Color Overlay применяется не к выбранному участку, а ко всему слою или иному объекту в целом (фигура, текст, маска и т.п.). В этом и различия данных инструментов.

    Например, если у слоя рваные края, то заливка цветом сделает их еще хуже, а применение эффекта наложения цвета окрасит даже полупрозрачные пиксели согласно этой самой прозрачности. Пример: здесь сверху зеленая фигура, нарисованная мягкой кистью. Слой 1 я закрасил Paint Bucket Tool, а слой 2 перекрасил эффектом слоя Color Overlay (видите, что окрашен не весь холст, а лишь та часть, где была графика). Думаю, разница очевидна =)
    Ответ написан
  • Сколько стоит хороший (но не супер крутой) графический дизайнер?

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

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

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

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

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

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

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

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

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

    pozZzitiv
    @pozZzitiv Куратор тега Дизайн
    Дизайнер и перфекционист
    www.myfonts.com для платных
    https://www.fontsquirrel.com/ для бесплатных
    + сайты шрифтовых студий или частных авторов. Остальные это мелочь.
    Ответ написан
    4 комментария
  • Возможно ли в фотошопе пакетное сохранение композиций слоев?

    pozZzitiv
    @pozZzitiv Куратор тега Adobe Photoshop
    Дизайнер и перфекционист
    Конечно, можно. В меню не смотрите?)
    File / Export / Layer comps to files

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

    Скрин из интернета.
    photoshop-export-layer-comps.png
    Ответ написан
    1 комментарий
  • Кто-то навёл на меня порчу, и у меня пропала надпись "Просмотрено" на ютубе. Как вернуть?

    pozZzitiv
    @pozZzitiv
    Дизайнер и перфекционист
    И у меня пропала. Теперь вместо неё красная полоска по нижнему краю видеоролика. Вжжжух!
    a2672adceb1044a3b370010a4116aaa9.png
    Ответ написан
    6 комментариев
  • Организация рабочего процесса по вебдизайну в Adobe Illustrator - как лучше?

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

    А про хранение файлов напишу вкратце.
    Если проект большой, с задачами разного рода, то делается папка 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 делается подпапка с нужной датой.

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

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

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

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

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