Задать вопрос
  • Есть ли предпросмотр файлов psd/ai в windows?

    RostOsipov
    @RostOsipov
    Designer
    Ответ написан
    Комментировать
  • Почему Times New Roman установлен стандартом для документов если он такой некрасивый?

    RostOsipov
    @RostOsipov
    Designer
    Times New Roman не ужасен.
    Просто стоит понимать для чего он был создан и для каких целей его можно использовать.
    Ответ написан
    Комментировать
  • Как сделать цвета на компьютере и смартфоне одинаковыми?

    RostOsipov
    @RostOsipov
    Designer
    Photoshop > Edit > Color Settings

    b6c8ae5dcc264531bfdc0ce66f71b09e.png

    Боитесь за разное отображение цветов на разных экранах - ставьте в рабочем пространстве sRGB. Этот стандарт, который поддерживается всеми производителями.

    Абсолютной идентичности в цветах, увы - вы не добьетесь. Причиной тому разные алгоритмы и технологии производства экранов.
    Ответ написан
    2 комментария
  • Как правильно уменьшать размер (габариты) png?

    RostOsipov
    @RostOsipov
    Designer
    Здесь нужно подключить свои знания в области математики.
    Ваше изображение: 70px x 70px состоящее из 16 квадратов 15px x 15px, находящихся друг от друга на расстоянии в 2px.

    Когда Вы уменьшаете картинку в 2 раза (35px x35 px) - 16 квадратов 15px так же делятся на 2.

    15/2=7.5px
    2/2=1px

    Ваша картинка выглядит размытой из-за того что при делении получилось не целое число и пиксели не встали на пиксельную сетку.
    Чтобы избежать этого - Вам следует изначально держать в голове возможные варианты масштабирования иконки.
    Вот например иконка 70px x 70px состоящая из 16 квадратов с размером 16px с разрядкой 2 px - при 2-кратном уменьшении дает четкую картинку так как:
    16/2=8px
    2/2=1px

    92aa9c7051a9461e925a63189d8ec27a.jpg

    Отличный способ - использование .svg. Векторный формат, остающийся четким при масштабировании.
    Ответ написан
    1 комментарий
  • Как программно менять режим вывода изображения на экран/проектор в windows?

    RostOsipov
    @RostOsipov
    Designer
    Все производители (intel, nVidia, AMD) предоставляют программное обеспечения к своим видеокартам для настройки управления дисплеями, где можно программно настроить принципы отображения картинки на один и более экранов.
    Ответ написан
    Комментировать
  • Как включить оповещения в chrome?

    RostOsipov
    @RostOsipov
    Designer
    Начиная с версии 47 Google убрал эту функцию из Chrome по причине невостребованности и негативного к ней отношения большинства пользователей.
    Ответ написан
    Комментировать
  • Платежная система pay pal для сайта, дизайн?

    RostOsipov
    @RostOsipov
    Designer
    У Paypal есть портал для разработчиков.

    Общие принципы внедрения тут
    Непосредственно веб интеграция тут
    Если нужны кнопки - они тут
    Тестирование и отладка кнопок тут

    Индивидуальный дизайн лучше не создавать - пользователи уже привыкли к существующим.

    Checkout flow здесь.
    Ответ написан
    5 комментариев
  • Как мне поставить такую же тёмную персонализацию windows 10 как на шоте?

    RostOsipov
    @RostOsipov
    Designer
    Обратите внимание на скриншот. Это не Windows 10.
    Это режим Continuum - одна из основных новых фишек Windows 10 Mobile.
    Пока доступна только на Lumia 950, 950xl, 550.

    w10-continuum-phone-680x377.jpg

    Представляет собой подключение смартфона к большому экрану (монитор/тв) через специальный адаптер (возможно и просто через HDMI) и развертывание на большом экране ОС, выглядящей как полноценная Win10 (на самом деле - кастрированная версия с возможностью развертывания пока только Microsoft приложений (Edge, Office Mobile, Calendar and Mail, etc). Большие перспективы, но пока слабая реализация.

    Наглядное видео тут.

    Так что выбор темы светлая/темная - это опция Windows 10 Mobile, а не Windows 10.
    Ответ написан
    Комментировать
  • За и против Bootstrap?

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

    Минусы - от Bootstrap'a пахнет Bootstap'ом. Поменяй все стандартные наборы на уникальные - запах не исчезнет.
    Это как мебель от IKEA - все вроде отлично, но нет "души". )
    Ответ написан
    2 комментария
  • Какой из девайсов будет лучше для постоянных разьездов?

    RostOsipov
    @RostOsipov
    Designer
    Под целью "связь" понимается наличие слота для sim карты? Тогда Surface Pro 3 (как и новые Surface Pro4 и Surface Book) Вам не подойдут - у них только Wi-Fi. Те же причины - Yoga.
    Судя по списку задач, ничего "тяжелого" на нем запускаться не будет - присмотритесь к Microsoft Surface 3 (не Pro). У этой модели есть sim трей. Поменьше. Подешевле. Intel Atom вместо i3, i5, i7.
    Ответ написан
    1 комментарий
  • Как сделать мобильную версию сайта?

    RostOsipov
    @RostOsipov
    Designer
    В своем .css файле пишешь строку:
    @media only screen and (max-width: 540px)
    и ниже прописываешь стили элементов, которые хочешь чтобы были изменены в мобильной версии.
    h1, h2, p, divs. ets.
    При загрузке страницы - если окно больше 540px - действуют стили, описанные раньше твоего медиа-запроса. Как только окно уменьшается до 540 и ниже - начинают вступать в силу стили которые ты указал в медиа-запросе.
    Ответ написан
    4 комментария
  • Как убрать дерганье цифр при работе таймера обратного отсчета?

    RostOsipov
    @RostOsipov
    Designer
    Попробуйте использовать стандартный sans-serif (Helvetica / Arial) вместо KelsonSans. Проблема исчезнет.
    Ответ написан
    Комментировать
  • Какие шрифты чаще всего используете в дизайне сайта?

    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 комментария