1759
Канал про дизайн и разработку. Дизайн-чат - https://t.me/+Pr6TcUFxAv5rI-Yy Автор - @kopyl
На данный же момент, чтобы нажать на эту кнопку, мне необходимо совершить аж 4 действия:
1. Дотянуться до иконки;
2. Нажать на икноку;
3. Дотянуться до кнопки;
4. Нажать на кнопку.
В моем же примере все сокращается до двух действий и пользователю нужно всего лишь:
1. Дотянуться до иконки;
2. Нажать на кнопку;
Я думаю, что эта кнопка одна из тех, которые используются ну просто на постой. Трек не понравился – сразу тянемся к кнопке и говорим споти, что мы не хотим больше слушать этот трек.
Всем, кто не понимает о чем я говорю, Spotify – стриминговый сервис для прослушивания музыки. На данный момент имеент очень много недоастатков, которые я бы исправил. Возможно даже как-то сделаю концепт :)
Редактор называется Keyshape.
Покрутил я его всего минут 30, но уже разобрался в основных принципах работы.
Что понравилось:
1. Интуитивные горячие клавиши. Такие же как и в Sketch. То есть те, кто знают Sketch и немного азы After Effects без труда разберутся с этим инструментом;
2. ЭКСПОРТ! Экспортировать анимацию можно в множестве форматов: CSS-анимация (можно создавать анимации, которые можно сразу передавать на продакшен разработчикам), JavaScript-анимация, видео-ролик а также GIF;
3. Есть привязка к фигурам и сетке;
4. Можно просматривать анимацию прямо в браузере (как в случае с Adobe Flash/Adobe Edge Animation). Что-то мне подсказывает, что прямо тут можно делать html-анимацию для баннеров. Круто;
5. Есть операции с контуром. Можно соединять, вырезать, оставлять и удалять пересечение фигур прямо кк в Sketch;
6. Есть куча разных фигур, таких как прямоугольники, круги, линии, а также можно рисовать пен-тулом (пером) собственные фигуры;
7. Очень хорошая документация, где все четко описано.
Стоит это удовольствие $30. Но есть пробная версия на 14 дней. Настоятельно рекомендую открыть и поклацать.
Ииии как всегда классные программы для дизайнеров только на мак… Да-да, эта тулза есть только на мак. Еще один повод купить яблочную машину.
#web #link
Очень понравился лендос. Да и сайт в общем неплох.
http://gaz.store
#web #link
Sketch неплохо подзарядили свой лендос.
https://www.sketchapp.com
#bad_ux
Вот ещё способ исправить ситуацию
Приложение можно поклацать http://itunes.apple.com/ru/app/id1246154462
#Sketch #tips & #tricks
Расскажу еще одну очевидную для многих штуку.
В инспекторе Sketch можно вводить значения в процентах. Если слой находится в группе, 100% ширины такого слоя будет равняться ширине группы. Если слой не находится в определенной группе, тогда 100% его ширины будет равняться 100% ширины всей монтажной области (артборда).
Еще есть интересный менеджер горячих клавиш для тех, кто не хочет возиться с системными настройками. Если мне память не изменяет, я его уже вам отправлял. Но держите еще раз :)
https://github.com/exevil/Keys-For-Sketch
Для любителей горячих клавиш – хороший способ быстро выравнивать объекты. Настройки клавиатуры > сокращения приложений, выберете Sketch, введите “Arrange->Align->Horizontally” и нажмите комбинацию.
Читать полностью…
#web #link #animation #brutalist
Лучшая анимация загрузки из всех, которые я когда-либо видел. Просто нажмите на любую картинку и залипайте :)
https://phoenix.cool/projects/
Internet Explorer (нет, я никогда не буду называть его Edge) скоро и на iOS и Android. Теперь у дизайнеров и разработчиков больше проблем, поздравляю!
Читать полностью…
Когда в нашем чате наберется 520 человек, я опубликую список ссылок на портфолио каждого подписчика, который пришлёт мне линк в лс. Смелее, у нас есть что обсуждать. Всегда посоветуем, поможем и дадим возможность высказаться :)
*Предложение действует до 11.10.2017
/channel/designerschat
Вы ещё не в нашем дизайнерском чате? Тогда присоединяйтесь :)
@designerschat
Я ожидал, что монтажная область под iPhone X в Sketch получит тот же вырез что и сам экран. Но нет.
Читать полностью…
#tools #link
Я к вам с годнотой. Нашел новый редактор анимации шейповой графики. Очень понравился. Следующим постом расскажу о преимуществах.
pixofield.com
У нас получилось собрать 520 человек. Как и обещал, опубликую портфолио каждого подписчика, который пришлёт мне ссылку в лс!
Если еще есть желающие вступить в чатик – добро пожаловать – /channel/designerschat
А ссылки отправляйте мне в лс @kopyl
Все портфолио тут – http://telegra.ph/Portfolio-podpischikov-Bauhaus-Design-10-10 (список будет пополняться)
Ещё одна дикая ошибка. Если нажать на цифру (1), выскочит такой поп-ап, да ещё и без активной клавиатуры. По нажатию на цифру необходимо сразу же давать возможность ввести значение с клавиатурой.
Читать полностью…
В приложении "Петрович" для некоторых товаров отсутствуют параметры. Когда пользователь заходит на страницу товара, он видит пустоту. В таких случаях необходимо отображать две вкладки без параметров.
Читать полностью…
Если ввести букву после числового значения, слой увеличится ОТ определенной стороны. R - от правой, L – левой, B – снизу, T – сверху. Иногда бывает очень удобно.
Читать полностью…
Многие из вас заметили, что теперь в Sketch в режиме презентации есть вот такая панелька вверху, которую в настройках спрятать нельзя. Чтобы от нее избавиться, нужно войти в полноэкранный режим.
Читать полностью…
Чтобы выравнивать вертикально, нужно ввести Arrange->Align->Vertically
Полезно?
В Sketch можно создавать множество страниц…. А как и зачем вы используете Pages в Sketch?
Обсудить можно в @designerschat
#tool #sketch
Приложение, которое сжимает .sketch-файлы
—
Tool for compressing .sketch-files
https://flawlessapp.io/reduce
Сделал интересную анимацию обновления контента в приложении dribbble. Мне кажется это самая логичная анимация, которая только может быть.
https://dribbble.com/shots/3846422-Dribbble-Loading-Animation
Хотите больше картин и искусства на канале?
Однозначно нужно, я за разностороннее развитие – 7
👍👍👍👍👍👍👍 54%
Не нужно, я тут за дизайном – 6
👍👍👍👍👍👍 46%
👥 13 people voted so far.