• Как создаются такие карты?

    Moskus
    @Moskus
    Формально - это не карта вообще, а некая художественная картинка.
    Контуры морей выглядят, как в проекции Меркатора, а вид на поверхность Земли при этом - не перпендикулярен ей, а направлена под углом. Так что конкретно эту картинку рисовали вручную, по крайней мере - частично, не используя реальную модель высот местности. С контурами рек - та же история. Так что, скорее всего, совмещали ландшафт, который грубо накидали в трехмерном редакторе, с контурами, которые обвели и слегка подредактировали по скриншоту с Google Maps.
    Ответ написан
    Комментировать
  • Как создаётся такой эффект стекания мёда (см. внутри)?

    @Quiensabe
    VR-разработчик
    Так как вопрос в разделе AFTER EFFECTS - то полагаю задача как получить саму анимацию, а не как встроить ее на web-страницу? Если да - то далее.

    Сам красивый вид меда - проще всего получить используя фильтр CC glass и Gradient Ramp. Хотя похожего можно добиться даже настройками стиля слоя или другими эффектами.

    Остается анимировать контур. AE поддерживает криволинейные маски, так что можно это сделать вручную. Но я бы делал проще.

    Берем итоговый контур - то как мед должен выглядеть в последнем кадре. Мед - белый, фон - черный. Размываем слой с большим радиусом, чтобы получилось почти ровное пятно. И накладываем level сдвинув бегунки так чтобы получить фактически битовую маску (без полутонов).

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

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

    Обязательно переключите в свойствах проекта качество просчета на 16 бит. Иначе анимация будет дискретной.

    оффтоп. меняю знания AE на знания англ. яз. :)
    Ответ написан
    2 комментария
  • Как создаются такие карты?

    Глянул код - там ничего сверхестественного. CSS3 анимации, стрелки на SVG, немного джаваскрипта...

    Загляните и вы =)
    Ответ написан
    2 комментария
  • Какой он — правильный кернинг?

    ntrox
    @ntrox
    Дизайнер digital-продуктов — elikov.ru
    Я читал несколько арт-директоров по этому поводу. Вывод один - кернинг делается на глаз.
    Тупо выставить одинковые отступы не получится.

    В этом и тонкость ) Если в логотипе кернинг "красивый", значит над ним работал знающий человек, со вкусом.
    Ответ написан
    2 комментария
  • Какой он — правильный кернинг?

    dom1n1k
    @dom1n1k
    Расстояния между буквами должны быть визуально одинаковыми.
    В общем случае чем крупнее кегль, тем больше неправильный кернинг бросается глаза.
    Ответ написан
    Комментировать
  • Что должен знать веб-дизайнер для того, чтоб максимально облегчить задачу верстальщикам?

    dicem
    @dicem
    Ооо, у меня для вас отличная лекция есть, прям по вашей теме:
    https://www.youtube.com/watch?v=lW4uzJp6uIg
    Ответ написан
    Комментировать
  • Что должен знать веб-дизайнер для того, чтоб максимально облегчить задачу верстальщикам?

    Бывает дизайнер-Суперзвезда, который отдаёт 15 страниц макета и страницу, на которой прорисованы все базовые элементы: заголовки, списки, цитаты, таблички, формы с полями ввода, чекбоксами и кнопочками.

    Сверстаешь такую страницу, а дальше все остальные пятнадцать страниц автоматически «собираются» пиксель-в-пиксель как на макете, только теги добавляй и новые стили дописывай. И в стилях при этом ничего не приходится обнулять, переписывать, идти на компромисcы.

    И каждая страница макета согласуется с сеткой, которую выбрал для сайта дизайнер, и тебе не приходится подгонять размеры элементов от страницы к странице. А на полях макетов прорисованы разные состояния элементов.

    И ты знаешь, что если в исходнике растровый слой, его надо нарезать картинкой, а если векторный — верстать, используя CSS. И каждый растровый элемент сайта или склеен в один слой, или является смарт-объектом. И нет в макете скрытых слоёв, которые не пригодились дизайнеру, а все растровые фоны даны с запасом на резину. И все шейпы попадают в пиксели. И тени на элементах в нормальном режиме наложения, а не каком-нибудь «Multiply». И вообще в слоях порядок.

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

    Взято из блога Павла Радькова.
    Ответ написан
    1 комментарий
  • Что должен знать веб-дизайнер для того, чтоб максимально облегчить задачу верстальщикам?

    gr1mm3r
    @gr1mm3r
    50% ответа в правильном вопросе. Остальное мануал.
    0) GRID! - это первое и незыблемое правило слаженной работы дизайнера и верстальщика. Если в макете присутствует сетка 50% вопросов решается.
    1) Основы HTML CSS. Чтобы дизайнер понимал поведение элементов на странице.
    2) Проблемы рендеринга браузеров и проблему идентичности пикселя. Опять же образно.
    3) Понимание mobile-first и desktop-first это решит проблемы с версткой отрисованных макетов в плане позиций элементов.
    4) Принцип работы анимации js/canvas, чтобы понимать что хрен верстак сделает 7 красных перпендикулярных линий превращающихся в котенка.
    Ответ написан
    2 комментария
  • Информационная архитектура веб-сайта. Чем она полезна?

    edli007
    @edli007
    full stack, team lead
    Это называется карта смыслов если не ошибаюсь.
    Ее используют дизайнеры, чтобы согласовать с заказчиком куда, кто и как должен ходить в макетах которые они потом нарисуют.
    Ответ написан
    Комментировать
  • Информационная архитектура веб-сайта. Чем она полезна?

    jacksparrow
    @jacksparrow
    Я бы даже архитектурой это не стал бы называть, больше похоже на схематичное представление содержания сервиса/проекта. Использование схемы вместо нескольких страниц текста крайне положительно сказывается на усваивании информации.
    Ответ написан
    Комментировать
  • Информационная архитектура веб-сайта. Чем она полезна?

    arutyunov
    @arutyunov
    Mooza.ru — Делаем сайты
    Вы перед тем, как дом будете строить, начертите план дома, разметите на плане места для окон и дверей?
    Так же и архитектура веб-сайта.

    Проектирование, прототипирование, проработка архитектуры проекта всегда должны идти перед отрисовкой дизайна, программированием, версткой.

    И почитайте про UML.
    Ответ написан
    Комментировать
  • Информационная архитектура веб-сайта. Чем она полезна?

    hahenty
    @hahenty
    ('•')
    Чтобы проникновение информации с сайта в мозг происходило с меньшим сопротивлением.
    Ответ написан
    Комментировать
  • Насколько важно уметь рисовать иконки с нуля для их использования в коммерческих проектах?

    globuzer
    @globuzer
    gezgrouvingus progreszive ombusgrander greyderzux
    Очень часто лучшее решение - это придуманная идея, которая нигде не встречалась, даже иконки. Их дизайн может быть неповторим, а значит очень хорошо, чтобы их рисовать в стилистике дизайна общей картины сайта, векторные, симпатичные, вкусные, иконочки такие....
    Ответ написан
    Комментировать
  • Насколько важно уметь рисовать иконки с нуля для их использования в коммерческих проектах?

    xenuz
    @xenuz
    для самого первого проекта взяли примеры с интернета понравившихся иконок и перестилизовали их в векторный вариант, перерисовав и сделав под себя
    ответ - важно, нужно, надо, да!
    Ответ написан
    Комментировать
  • Насколько важно уметь рисовать иконки с нуля для их использования в коммерческих проектах?

    sabramovskikh
    @sabramovskikh
    Да важно, да дилентанство.
    Все зависит от цели. Любой нормальный дизайнер нарисует иконки в стиле проекта
    Ответ написан
    1 комментарий
  • Какие самые лучшие в мире, продуктивные (видео, интерактив) курсы по обучению Photoshop и Illustrator?

    Nekto_Habr
    @Nekto_Habr
    Чат дизайнеров: https://t.me/figma_life
    Лучшее обучение дает работа... Получаешь задание и роешь землю носом - ищешь в интернете те уроки, которые помогут решить задачу. И так продвигаешься.

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

    Winsik
    @Winsik
    сис.админ, недопрограммист :)
    Все наёмные рабочие почему то пытаются примерять процент от стоимости продукта к своей зарплате . Это в корне не верно. (можно очень долго расписывать почему это так)

    У вас есть два варианта:
    • участие в проекте за % от чистого дохода, но при этом вы вкладываете свои деньги или работаете бесплатно ( и тут не факт что прибыль потом будет)
    • платят за выполненную работу столько, сколько вам достаточно за потраченное время.
    Ответ написан
    1 комментарий
  • Какая часть от всей стоимости проекта, как правило, достаётся дизайнеру?

    @Elizavetta
    Matroid: gamedev/js-разработка
    Как правило, ровно ту цену, которую он сам называет. % от проекта к дизайну не применим, оценивается исключительно объем работ по дизайну (в штуках, экранах, персонажах ... ).
    Также, дизайнер, как правило, не думает о стоимости всего проекта, т.к. далек от оценок сложности реализации программной части, и даже может не знать о львиной доле функционала.
    Ответ написан
    Комментировать
  • Как сделать презентацию макета, используя мокапы девайсов?

    tentacleattack
    @tentacleattack
    Какого размера экран устройства которое изображено на мокапе такого должен быт размера и сам макет. на первой картине 4s значит разрешение: 640×960. Если на мокапе будет монитор FHD то 1920x1080, и так далее.
    А вообще в любом мокапе все эти размеры заданы изначально, только картинку свою встаивить.
    Ответ написан
    Комментировать
  • Как обустроена работа в веб-студии?

    valbars
    @valbars
    Дизайнер
    Я работал в студии. У нас был директор (не арт, просто), менеджер по проектам, верстальщик, два программиста и дизайнер, я был один на мне было все от сайтов до визиток. Заказов было столько как будто у нас не один дизайнер, а минимум 5. При этом меня еще упрекали, что я медленно работаю. То есть бывало такое, что я параллельно делал дизайн для двух сайтов, логотип и меню для ресторана. Меня просили, чтоб я сделал "классный" логотип за час... Полностью переделывать дизайн 8-10 раз, так, что оно не имеет ничего общего с ТЗ - обычная практика. В общем то, что я там делал стыдно даже в портфолио добавлять. В студии в основном все делалось под диктовку заказчика, то есть я даже дизайнером себя не чувствовал, скорей просто человеком который владеет фотошопом и иллюстратором. И еще, сейчас будете ржать, зарплата у меня была 4000 грн, это около 12000 руб. Я пошел туда чисто ради какого-то опыта и развития. Но развиваться там не очень получилось из-за "распыления" на все области дизайна сразу и излишнего "лизания жоп" заказчикам. Видимо директору за это хорошо доплачивали, но я кроме "давай по быренькому" ничего не слышал, даже "молодец, спасибо".

    В общем идя в студию надо хорошо с ней ознакомится и подумать надо ли это тебе. Все очень зависит от студии. Именно от руководства и коллектива зависит будешь ты развиваться или деградировать. Но главное попробовать, может тебе повезет со студией, если что свалишь оттуда через 1-2 месяца как я. Бить тебя там точно не будут. :)
    Ответ написан
    1 комментарий