• На какие ресурсы можно скидывать свои работы для критики?

    tilion
    @tilion
    Веб-дизайнер
    Не знаю как сейчас, но раньше можно было услышать дельную критику на ревижене.
    Ответ написан
    Комментировать
  • Как преодолеть тупик в работе над проектом?

    tilion
    @tilion
    Веб-дизайнер
    Найдите один наименее безразличный элемент или блок (самый привлекательный или самый бесячий) и сделайте его максимально хорошо. Если получится, то может появиться эмоциональный подъём от того, что вы сделали что-то стоящее или немного выросли в навыках, захочется бросить вызов другим частям дизайна.
    Ответ написан
    Комментировать
  • Изменился zoom в фотошопе, работает по другому почему?

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

    846f962589.png
    Ответ написан
    2 комментария
  • Как создаются современные прототипы сайтов?

    tilion
    @tilion
    Веб-дизайнер
    По началу в нашей компании эскизы рисовали кто в чём горазд, было так себе. Потом купили AxureRP, стало получше. Практически отпало желание рисовать эскизы и прототипы красивыми, теряя на это время, плюс, появилась возможность показать динамику - всплывающие окна, сложные формы (комплексы инпутов) и прочее. Но, по непонятным причинам, она не прижилась. Возможно, из-за сложного интерфейса, который, по сравнению с любой другой программой для прототипирования, монструозен и кошмарен. Но это по прежнему самый сильный инструмент (после прототипирования кодом, но это уже не инструмент). Сейчас мы рисуем эскизы в скетче, потому что, передав такие эскизы дизайнеру, он сразу работает с некоей основой макета, а не перерисовывает эскизы из чужих jpg, это должно ускорить работу, но пока не ясно так ли это. Оживляем прототип в Invision, но это сомнительный способ когда надо показать динамику (да даже работа с появляющимися в нужном месте объектах кривая), ждём InVision Studio.

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

    В скетче система отступов регулируется плагином Anima AutoLayout.
    Размеры шрифтов - встроенным функционалом скетча, очень удобным.
    Любой модуль может быть символом, то есть, повторяющимся на разных страницах. Причём, текстовую информацию внутри символа (если есть текстовые слои) можно менять, не меняя символ в целом.

    Если у вас винда, то стоит присмотреться к Adobe XD или веб-версии Figma.

    Многие рисуют прототипы (именно прототипы - функциональные эскизы, то есть, эскизы, в которых демонстрируется функционал интерфейса, а не просто статичные jpg или html) сразу в анимации, показывая разные сценарии использования интерфейса, где прокликивается каждый ключевой элемент.
    Ответ написан
    1 комментарий
  • Sketch пол пикселя. Кто нибудь уже решил вопрос разумно?

    tilion
    @tilion
    Веб-дизайнер
    Когда рисуешь линию в 1рх, то она и должна быть с координатами ",5". Сама векторная линия идёт по середине пикселей, ей обрамляет пиксельная линия в 0,5рх толщиной, которая исходит из середины векторной линии joxi.ru/vAWeZwaukoeWym Если векторная линия будет находиться на пиксельной сетке, то выходящий из её центра контур будет идти на полпикселя в пиксельную сетку, создавая мыльную линию joxi.ru/Q2Kq7MNf9o1D1r

    Наверное, не слишком понятно объяснил, но я старался).
    Ответ написан
    1 комментарий
  • Как определить процент полупрозрачности и цвет при наложении на белый?

    tilion
    @tilion
    Веб-дизайнер
    Я делаю так:
    1. Нахожу на картинке сто процентно известный светлый цвет.
    2. Накладываю на него цвет на глаз, чтобы было похоже на то, что на картинке.
    3. Дальше вручную подбираю по палитре цветов точный оттенок наложенного цвета.
    Ответ написан
    Комментировать
  • Проблема с Photoshop: При клике на объект выбирается группа слоев. И тут все отлично - но как сделать что бы группа не раскрывалась?

    tilion
    @tilion
    Веб-дизайнер
    Для сворачивания всех слоёв зажмите Ctrl+Alt и в панели слоёв сверните любую группу - свернутся все.
    Ответ написан
    Комментировать
  • Как сделать градиент в photoshop дугами?

    tilion
    @tilion
    Веб-дизайнер
    Конкретно в этом примере, как мне кажется, используется не один градиент, а прозрачные круги с Inner Glow (в фотошопе Layer » Layer style » Inner Glow), затухающие по мере увеличения (Opacity примерно с 40 в начале до 0 в конце).
    Ответ написан
    Комментировать
  • Как рисовать дизайн для FullHd, есть ли модульная сетка для FullHd?

    tilion
    @tilion
    Веб-дизайнер
    Простейшее решение: берёте стандартную сетку и растягиваете до 1920. Например, пусть стандартная сетка будет в 1200рх (столбец 60рх, отступ 40рх, отступ по краям экрана 20рх). Сохраняя отступы у нас получится столбец в 120рх: joxi.ru/vAWeZwauka9dem
    Ответ написан
    1 комментарий
  • Как в Photoshop в св-вах объекта сделать единицы по умолчанию миллиметры?

    tilion
    @tilion
    Веб-дизайнер
    Если выставить в настройках (Ctrl+K) миллиметры везде, где только можно, это не даст результата (по крайней мере у меня так). Единственный вариант - правый клик по полям, в которых показаны размеры объекта (в панели Properties), там выбираются единицы измерения. Но после перезагрузки будут снова пиксели.
    Ответ написан
    1 комментарий
  • Юзабельный ли сервис?

    tilion
    @tilion
    Веб-дизайнер
    Первое, что заметил.

    - Главное должно быть главным. Блок с поиском выглядит второстепенным по сравнению с блоками с фотографиями, теряется. Посмотрите как сделано на https://www.airbnb.ru/
    - При вводе города в поиск нет подсказки ввода, поэтому сразу не ясно есть ли мой город на сайте.
    - Если в строке поиска переключаться между полями ввода клавишей TAB, то подсказки не уезжают вниз как если бы я кликнул в поле.
    - При загрузке страниц в качестве loader'а показывается лого сервиса - странно, не ясно, что оно там делает.
    - Если забыл пароль и хочешь восстановить, то вместо сайта показывается только блок восстановления на белом фоне - куда всё пропадает?
    - С экранов регистрации/авторизации невозможно вернуться на главную или любую другую страницу - вся навигация пропадает.
    Ответ написан
    Комментировать
  • Как обработать фото и сделать правильное затемнение джамботрона?

    tilion
    @tilion
    Веб-дизайнер
    Лучший вариант - не искажать фото, поэтому стараюсь выбирать такое, в котором есть пустое светлое/тёмное пространство, в которое могу поместить текст.
    Ответ написан
    Комментировать
  • В чем можно сделать анимацию прототипа сайта?

    tilion
    @tilion
    Веб-дизайнер
    Если вы на винде и нужно показать только скролл, то можно сделать два jpg: сайдбар и макет, залезть в простой онлайн wysiwyg конструктор прототипов и запилить в нём.

    P. S. "Кинетический прототип" - классно звучит).
    Ответ написан
    Комментировать
  • Где найти такой эффект?

    tilion
    @tilion
    Веб-дизайнер
    Берёшь, фотку, создаёшь маску. Дальше либо заливаешь маску чёрным и акварельными кистями белого цвета рисуешь по маске, либо оставляешь маску белой и акварельными кистями чёрного цвета убираешь куски фотки.
    Ответ написан
    Комментировать
  • У кого-то получилось поставить плагин для PS invison craft?

    tilion
    @tilion
    Веб-дизайнер
    Ставил плагин на Photoshop CC (версию не помню) на win10, но работал из рук вон плохо, переписывался с техподдержкой и так и не понял как он работает. Префиксы к названиям слоёв и групп ставил, но какие-то не работают с артбордами, какие-то работают только с ними, долго общались, забил. Но буду рад если кто-нибудь объяснит.
    Ответ написан
    Комментировать
  • От чего может быть такая ошибка при установки плагина?

    tilion
    @tilion
    Веб-дизайнер
    Мне помог перенос файла расширения в такое место на диске, в адресе которого нет кириллических символов.
    На самом деле я переименовал папку "# Для Фотошопа" в "#for Photoshop", получился адрес без кириллицы: t:\Design\# for Photoshop\Extentions\Griddify-CC\ И запустилось.
    Ответ написан
    2 комментария
  • Какая программа самая удобная для стадии проектирования и приблизительной наброски блоков сайта?

    tilion
    @tilion
    Веб-дизайнер
    Любая программа/веб-сервис для работы с mindmap, самая популярная десктопная - XMind.
    Ответ написан
    Комментировать
  • Портфолио, видео preview макета сайта, как он работает...?

    tilion
    @tilion
    Веб-дизайнер
    Многие анимации реального интерфейса, которые демонстрируют дизайнеры на Behance, делаются в Principle principleformac.com В нём ты можешь писать скринкаст того как ты взаимодействуешь с собранным прототипом (в прототип суются картинки из готового макета), получается демка, сохраняешь, заливаешь на Vimeo, вставляешь в презентации на Behance.

    А что для винды есть — не знаю. Вообще нереально быть хорошим дизайнером на винде, как я понял. Здесь гетто дизайнерского софта, а на маке - Эльдорадо. И именно на маке (ИМХО) создаются тренды, в том числе за счёт большого количества офигенного современного дизайнерского ПО.
    Ответ написан
  • Как правильно разрабатывать адаптивный дизайн?

    tilion
    @tilion
    Веб-дизайнер
    Если автор вопроса - дизайнер, то надо знать основы css, чтобы понять в фотошопе как и откуда должна будет масштабироваться картинка для адекватного отображения на разных экранах. Ну и порисовать разные варианты с ней: делаете картинку смарт-объектом, рисуете несколько шапок разных размеров и смотрите как она себя ведёт. Но это если вы умница и молодец, обычно все забивают. И это плохо если хочешь работать на более высоком уровне чем "все" и зарабатывать больше них.
    Ответ написан
    Комментировать
  • Как сделать скриншот обяснялку?

    tilion
    @tilion
    Веб-дизайнер
    Я пробовал множество утилит для создания скриншотов (все, что видел) и самой лучшей оказалась Joxi. Отличный функционал в бесплатном варианте (пользуюсь платным), минимальное количество действий до нужных функций, понятный и привлекательный (для этого типа программ) интерфейс. Вам в Joxi подойдёт три инструмента: написание текста, рисование стрелок и нумерация (кликнул в любом месте скрина, появилась цифра 1 в кружке, кликнул в следующем месте - появилась двойка, в следующем - тройка). Особенно нравится возможность перемещать и удалять любой нарисованный на скрине объект.
    Ответ написан
    Комментировать