Ответы пользователя по тегу Веб-разработка
  • В какой программе лучше делать макет сайта?

    RostOsipov
    @RostOsipov
    Designer
    Photoshop точно в топку.

    Если Mac:
    1. Sketch
    2. Adobe XD
    3. Invision Studio (Open Beta)

    Win:
    1. Adobe XD
    2. Invision Studio (Open Beta)

    У каждого есть свои плюсы и минусы. И каждый сейчас старается заткнуть пробелы фичами, которые есть у конкурентов. Так что, думаю, в обозримом будущем будет ситуация как сейчас с браузерами - использование того или другого складывается лишь из личных предпочтений и завязанности на платформу.
    Adobe XD – проигрывает пока! скетчу по функционалу и поддержкой сторонних разработчиков. Входит в подписку Adobe CC.
    Sketch – Mac Only.
    Invision Studio – пока в бета версии, но очень многообещающий тул. Чего стоит только возможность привнести адаптивность в макет. Кроме того с бесплатным (кастрированным) планом.
    Ответ написан
    Комментировать
  • Как происходит создание анимации на стороне дизайнера?

    RostOsipov
    @RostOsipov
    Designer
    Сейчас все больше и больше тулзов появляется, внутри которых дизайнер может создать анимацию/поведения, при этом сразу генерируется код для фронт-енд девелопера.

    Framer к примеру.
    Или inVision Studio (сейчас в закрытой бете).
    Ответ написан
    Комментировать
  • Удобный сервис для создания анимации дизайн - макета сайта?

    RostOsipov
    @RostOsipov
    Designer
    Adobe After Effects.
    Создаете нужную анимацию - сохраняете видео, а потом из Photoshop экспорт как гиф.
    Ответ написан
    Комментировать
  • Есть ли онлайн сервисы для создания дизайна сайтов?

    RostOsipov
    @RostOsipov
    Designer
    Есть Webflow. Интерфейс, сходный Фотошопу - на выходе работающая веб страница. Есть бесплатный план под 1 проект.
    Ответ написан
    Комментировать
  • Где искать заказчиков дизайнеру сайтов, если умеешь работать только в фотошопе и вёрсткой не владеешь?

    RostOsipov
    @RostOsipov
    Designer
    1. Не жалуйтесь на отсутствие денег. В современном мире нужно желание.
    Всё, что понадобится - наличие интернета, а судя по тому, что Вы написали сообщение здесь - с этим у Вас все в порядке. Курсы повышения квалификации, сертификаты, дипломы - не важны (особенно на фрилансе). Выбирать Вас будут по портфолио. Если едва концы с концами сводите - это повод задуматься правильно ли Вы все делаете.
    Уже выше писали, но большинство (все) специалисты начинали с самостоятельного изучения. Еще раз - главное желание. Если в голове - уверенность, что необходимо платить за сертификаты и курсы - это мозг играет с Вами злую шутку, придумывая отговорки, чтобы никогда не начать этим заниматься.

    2. Прочтите книги по взаимодействию пользователя с интерфейсом. Начать можно с теоретических основ Раскина, да и постов об этом была уже куча.

    3. В сторону Photoshop. Он Вас отбрасывает на лет 5-8 назад, а такие сервисы как webflow делают Ваши старания близкими к бессмысленности.
    Прыщавый школьник старших классов, работая в Sketch (Mac), Adobe xD (Mac -Preview/Win - soon), Axure и т.д. - имеет преимущество (я даже не беру во внимание пытливость детского/юношского ума по сравнению с "косностью" старших поколений (30 и выше).

    4. (С осторожностью!) Зависайте на сайтах, посвященных тематике. Dribbble, awwwards, behance. С осторожностью, потому что с них нужно подцепить вдохновение и понимание на что способен современный веб, а не шаблонность и косность мышления.
    Ответ написан
    Комментировать
  • Что нужно для того, чтобы воспитать в себе грамотного UX проектировщика?

    RostOsipov
    @RostOsipov
    Designer
    Международный диплом по направлению Web Design в Международной Школе Дизайна - это фейк. У них на направлении Web дизайн нет международного диплома. Международный диплом они выдают только на специальностях Дизайн Интерьера (контракт с Родеком). Вряд ли чтото поменялось с момента моего выпуска, проверьте.
    Я сам от туда (правда с направления "Графический Дизайн").
    Это небольшое заведение, и все зависит от преподавателей. Когда я проходил там обучение - направление Web Дизайн было очень слабым с устаревшими понятиями и логиками.

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

    Самому научиться конечно можно, но если ты хочешь дейчтвительно "глубоко" войти в суть профессии - без опытного преподавателя и теоретического бекграунда это будет сложно (невозможно)
    Ответ написан
    5 комментариев
  • С чего начать и как сделать сайт, если ты граф дизайнер?

    RostOsipov
    @RostOsipov
    Designer
    Google Web Designer - для создания баннеров (html5 анимации). Для создания сайта он не подойдет.
    Судя по описанному - единственный выбор для Вас - программы не требующие знаний кода.

    Adobe Muse или Webflow.
    Интерфейс фотошопа - и на выходе получаете валидные адаптивные страницы с эффектами и анимацией.
    Ответ написан
    Комментировать
  • Японские, Китайские, Корейские начертания популярных шрифтов для сайта: где взять?

    RostOsipov
    @RostOsipov
    Designer
    У Open Sans нет поддержки японского:

    328dca530fbb4e5897297a094f11d1b3.png

    Для ваших целей Google создал Noto Family. Одно семейство для всех языков.
    Ответ написан
    Комментировать
  • Какой шрифт лучше использовать для сайта – Arial или Helvetica Neue?

    RostOsipov
    @RostOsipov
    Designer
    Пропишите: font-family: Arial, 'Helvetica Neue', sans-serif; и не парьтесь.
    Пользователи на Винде получат Ариал, на Маке - Гельветику.
    Кириллица в обоих гарнитурах проигрывает западным (во многом из-за отсутствия выносных элементов и фактом кривых рук создателей реформы русского алфавита при Петре I)
    Ответ написан
    2 комментария
  • Какие сервисы быстрого подключения шрифтов вам известны?

    RostOsipov
    @RostOsipov
    Designer
    Typekit предлагает очень качественные гарнитуры. Имплементация на сайт чуть сложнее, чем Google Fonts - нужно скопировать 2 строки скрипта в<head>
    Ответ написан
    Комментировать
  • Какие шрифты чаще всего используете в дизайне сайта?

    RostOsipov
    @RostOsipov
    Designer
    Не путайте парня и не ограничивайте его в выборе. Послушает, замкнется на Open Sans, Roboto, Proxima Nova.

    1. Выбор шрифта осуществляется в соответствии с конкретной задачей. Это первое правило, которое нужно держать в голове при выборе шрифта (шрифтов) для определенного проекта.
    У Вас большие объемы текста и нужно добиться максимальной скорости прочтения? Выбирай шрифт с максимальной удобочитаемостью (Helvetica, Pragmatica, Aktiv Grotesk, etc).
    Делаешь своей девушке сайт-визитку по продаже хенд-мейд бижутерии? Можешь присмотреться к декоративным шрифтам или серифам.

    Кроме того, возможны ограничения по шрифтовым набором со стороны разработчика ПО под которое делается проект. Так например, Microsoft в Windows 8 Guidelines, настоятельно рекомендовала уйти от сторонних шрифтов в пользу Segoe UI.

    Мне сложно представить, к примеру, сайт IT компании, параграфы которого набраны serif типа Bodoni или Baskerville. Это вызывало бы диссонанс, так как Антиква (serif fonts) отправляет нас в прошлое, а Информационные технологии - направление будущего, поэтому и выбирают Гротескные гарнитуры (sans-serif).

    2. Практика - это хорошо, но без теоретических основ и понимания структуры Вам сложно будет добиться идеальных результатов. Образцы шрифтов Яна Чихольда, Живая Типографика Корольковой - отличные книги для начала.

    3. Поиск шрифтовых пар.
    Найдите пару шрифту для связки Заголовок/Параграф. Как и у людей - не все шрифты подходят друг другу. Собираетесь сделать моношрифтовой сайт? Почему бы нет. Однако, возможно, он будет скучноват и будет напрашиваться добавление еще одной гарнитуры к уже имеющийся.
    В интернете полно сайтов, посвященных "играющим" парам.

    НО. Никогда. ни в коем случае. Не при каких обстоятельствах. Нельзя использовать в заголоках и параграфов похожие шрифты. Например: Helvetica и Acumin Pro.

    Почему некоторые шрифты популярны, а другие нет? Здесь есть много причин:
    a) Бесплатность. Не нужно платить за лицензию на шрифт, либо лицензионные фи за использование в приложениях или web. Шрифт Лобстер набрал свою популярность именно по этой причине. (правда сейчас у него репутация, близкая к Comic Sans'у).
    b) Качество набора гарнитур.
    c) Поддержка языков.
    d) Наличие лигатур (для кириллицы не актуально:))
    e) Тенденции в Web Дизайне и т.д.

    Возвращаясь к вопросу "Какие шрифты должны быть у каждого web дизайнера?" Не хочется ли Вам после всего вышеописанного перефразировать свой вопрос "Чем должен руководствоваться каждый web дизайнер при выборе шрифта?"

    Сервисы:
    Google Fonts (Free) и Adobe TypeKit (Free and Paid). Лично мне больше нравится сервис от Adobe. Немного сложнее в "установке" шрифта, но приятнее по качеству наборов гарнитур.
    Ответ написан
    Комментировать
  • Какие продукты Adobe вы еще используете для эффективной web-разработки?

    RostOsipov
    @RostOsipov
    Designer
    Если хочется "замкнуться" на экосистеме Adobe, то:
    Прототипирование: Photoshop. Хотя Ps со скрипом можно назвать программой для прототипирования. Он большой и неповоротливый с рендерингом шрифтов отличным от того что вы увидите в вэб. Альтернативы: Axure, Sketch.
    Иконки/Графика: Ps или Ai (в зависимости от необходимого стиля и уровня сложности).
    Код: Brackets (бесплатный и самый удобный (имхо) редактор кода с каждой версией становящийся все лучше и лучше) или Dw.
    Если работа ведется с фронтенд разработчиком некотрые вещи анимирую в AfterEffects (параллакс эффекты, поведения сложных элементов).

    Вообще компания очень старается занять нишу прототипирования.
    В последнем большом обновлении Adobe Photoshop появились Артборды (Artboards) - прекрасная возможность держать мобильный/таблет/десктоп виды или альернативные версии сайта в одном окне.
    Кроме того, на MAX2015 компания представила Project Comet. Программа непосредственно разработанная для дизайна и прототипирования, дающая возможность уже на ранних этапах дать предоставление о поведении проекта на различных экранах.
    0aff90210f1f496c9ed4c940971f279f.png
    Дата выхода не объявлена, но Adobe обещает начало 2016.
    Очень жду открытую бету.
    Ответ написан
    2 комментария