Все записи автора Designe-R

10 хитростей Figma, которые я хотел бы знать раньше

Хаки Figma, о которых вы, возможно, не слышали. Меня всегда поражало количество полезных функций, которые Figma встроила в свое приложение. То, что раньше было обходным решением в Sketch, теперь является продуманной функцией в Figma.



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

Рекомендуем также посмотреть:

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

10 хитростей Figma, которые я хотел бы знать раньше

Я понятия не имел об инструменте «Arc», пока однажды случайно не перетащил его на артборд, это просто взорвало мой мозг. Он позволяет создавать простые и красивые индикаторы прогресса.

2. Используйте инструмент масштабирования, чтобы избежать искажения

10 хитростей Figma, которые я хотел бы знать раньше

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



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

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

10 хитростей Figma, которые я хотел бы знать раньше

Удерживайте клавишу пробела при перетаскивании объекта за пределы фрейма, чтобы он оставался внутри контейнера. Вы также можете отключить функцию «Clip contents» для фрейма, содержащего объект, чтобы вы все еще могли видеть его, когда он находится за пределами контейнера – вы также можете нажать CMD (CTRL) + Y, чтобы отобразить контуры.

4. Приведите сетку в порядок

10 хитростей Figma, которые я хотел бы знать раньше

Приведите в порядок свои проекты, щелкнув по иконке сетки в углу после выбора нескольких объектов в массиве. Это сделает все интервалы между объектами одинаковыми, а затем вы сможете перетаскивать объекты, чтобы изменить их расположение и отрегулировать интервалы.

5. Продублируйте последнее действие

10 хитростей Figma, которые я хотел бы знать раньше

Нажмите CMD + D, чтобы продублировать предыдущее действие. CMD + D также будет дублировать объекты, фреймы и все остальное.

6. Предварительно просмотрите цвет с помощью пипетки

10 хитростей Figma, которые я хотел бы знать раньше

При использовании инструмента «Пипетка» (i) удерживайте левую кнопку мыши, чтобы просмотреть как меняется цвет элемента.

7. CMD + / разблокировать все объекты

10 хитростей Figma, которые я хотел бы знать раньше



Сочетание клавиш СMD + / имеет массу полезных быстрых действий, которые помогут в рабочем процессе и позволят сэкономить массу времени. Если вы еще не используете его, я настоятельно рекомендую посмотреть, какие действия доступны в меню. Действие, которое я часто использую – это быстрая разблокировка всех объектов и изменение шрифтов.

8. Легко вставляйте изображения внутрь фигур-плейсхолдеров

10 хитростей Figma, которые я хотел бы знать раньше

Нажмите CMD + Shift + K, чтобы заменить заливку фигур или фреймов с кучей изображений.

9. Другие приемы с пробелом

10 хитростей Figma, которые я хотел бы знать раньше

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

10 хитростей Figma, которые я хотел бы знать раньше

Если вы рисуете фигуру, вы также можете удерживать пробел, чтобы переместить объект во время его создания.

10 хитростей Figma, которые я хотел бы знать раньше



А если этого недостаточно, вы можете удерживать клавишу пробела, чтобы запретить Figma автоматическое вложение объектов внутри фреймов или отключить auto-layout. Клавиша пробела очень удобна!

10. Content Reel + Unsplash

10 хитростей Figma, которые я хотел бы знать раньше

Content Reel и Unsplash были двумя незаменимыми плагинами, экономящими время и позволяющими избежать использования «John Doe» в качестве имени для всех пользователей. С Content Reel вы можете одним кликом мыши вставлять в свой дизайн аватары, lorem ipsum, имена, адреса и многое другое. Unsplash – это бесплатная библиотека высококачественной графики.

11. БОНУС! Исправить высоту строки за секунду

10 хитростей Figma, которые я хотел бы знать раньше

Если у вас нет определенного значения высоты строки просто введите «auto» в поле line-height, и оно автоматически отрегулируется!



Источник

Узнать больше интересного:

 

Огромная коллекция Бесплатных MockUp файлов iMac

На сегодняшний день трудно представить себе устройство более стильное и презентабельное чем iMac. С их помощью любой дизайнер, будь он профессионал или начинающий разработчик, сможет более выгодно презентовать свой готовый проект заказчику, подобрав необходимый тот или иной удачный мокап.
В подборку вошли не только стандартные мокапы с изображением iMac на белом фоне, но и целый ряд оригинальных идей, в которых используются интересные решения и подходы.




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

Рекомендуем также посмотреть:

1. iMac на рабочем столе.

Мокапы: 25 бесплатных мокапов iMac

Скачать

2. iMac офисном стиле.

Мокапы: 25 бесплатных мокапов iMac

Скачать

3. iMac на светлом фоне.

Скачать

4. iMac на столе в черно-белом интерьере

Скачать

5. Простой и скучный мокап на белом фоне.

Скачать

6. Мокам с двумя iMac.

Скачать

7. iMac на столе, интерьер в стиле минимализм.

Скачать

8. Фотомокап, iMac на темном деревянном столе.

Скачать

9. Мокап iMac вид на рабочий стол под небольшим углом

Скачать

10. iMac и iPad на деревянном столе.




Скачать

11. Мокап в легких коричневых тонах.

Скачать

12. Фотомакап, видна половина iMac на офисном столе.

Скачать

13. K-макет экрана iMac в формате PSD

Скачать

14. IMac Workplace Mockup PSD

Скачать

15.Современная рабочая станция iMac Mockup Design PSD

Скачать

16. Макет iMac Pro PSD

Скачать

17. Рабочий стол iMac Mockup Scene PSD

Скачать

18. iMac 27 ″ Mockup

Скачать

19. Imac Mockup PSD

Скачать

20. Компьютерный макет




Скачать

21. Дизайнерская рабочая обстановка iMac Mockup

Скачать

22. iMac on Desk Mockup PSD

Скачать

23. Мокап современного рабочего пространства

Скачать

24. Брендинг веб-сайта Дизайн мокапа iMac

Скачать

25. Серебряный шаблон iMac Mockup PSD

Скачать

26. Рабочее пространство iMac Mockup PSD

Скачать

27. Дизайнерские декорации на рабочем месте

Скачать

28. Мокап iMac на подставке

Скачать

29. iMac Pro Mockup

Скачать

30. PSD макет рабочего пространства




Скачать

31. Мокап рабочего места фрилансера

Скачать

32. Реалистичный макет iMac 5k

Скачать

33. Макет iMac на рабочем столе, шаблон PSD

Скачать

34. Элегантный интерьер iMac Pro Mockup PSD

Скачать

35. Мокап iMac, современный дизайн




Скачать

36. Реалистичный макет iMac 5k

Скачать

37. Шаблон макета IMac PSD

Скачать

38. Silver iMac Mockup PSD

Скачать

39. Шаблон макета экрана компьютера

Скачать

40. iMac Mockup PSD

Скачать

41. iMac Mockup PSD на столе

Скачать

42. Макет Mac Pro и MacBook Pro

Скачать

43. iMac Pro Mockup

Скачать

44. 5 бесплатных мокапов для Photoshop




Скачать

45. iMac Workspace Mockup PSD

Скачать

46. Реалистичный IMac Mockup PSD

Скачать

47. iMac Creative Work Space

Скачать

48. Мокап iMac в шаблоне рабочего пространства PSD

Скачать

49. iMac Workstation Mockup PSD

Скачать

50. Рабочий стол Mockup PSD




Скачать

Подборка бесплатных HTML шаблонов Landing Page

Сегодняшняя наша подборка посвящена бесплатным шаблонам на чистом HTML для создания Landing Page не требующих особых знаний в разработке. Достаточно базовых знаний HTML и CSS. В подборку вошли шаблоны лендингов самых разных тематик. Если Вам понравился наш пост, поделитесь своими впечатлениями в комментариях или в соц. сетях. И так, поехали!




Рекомендуем также посмотреть:

1. Outline

Скачать

2. Appi — Шаблон с фоновым видео

3. Bukku

Скачать

4. Landing Page по продаже кофе

Скачать

5. Fractal — адаптивный LP для мобильного приложения

Скачать

6. Landing Zero — Лендинг с фоновым видео

Бесплатные HTML шаблоны Landing Page

Скачать

7. Engage — адаптивный одностраничник на Bootstrap

Скачать

8. Lucid — Бесплатный Bootstrap-шаблон Landing Page мобильного приложения.

Скачать

9. Landing Page — Oleose

Бесплатные HTML шаблоны Landing Page

Скачать

10. Fotografy — чистый Landing Page для фотографа




Скачать

11. Take — бесплатный одностраничник

Скачать

12. Foodee — Бесплатный одностаничный HTML5 шаблон для создания посадочной страницы

Скачать

13. WHITE — одностраничная HTML-тема

Скачать

14. Navigator — Бесплатный шаблон-одностраничник

Бесплатные HTML шаблоны Landing Page

Скачать

15. Lhander — интересный бесплатный HTML шаблон для лендинга

Скачать

16. Fudi — Еще один бесплатный шаблон мини-лендинга

Бесплатные HTML шаблоны Landing Page

Скачать

17. Diff — Шаблон для корпоративного сайта, портфолио и студии веб-дизайна.

Скачать

18. APEX — Шаблон в плоском стиле

Скачать

19. Dreativity

Креативный шаблон в зеленом цвете с фиксированным меню

Скачать

20. Zet — Чистая тема в плоском стиле




Скачать

21. Unicorn — Одностраничная тема в светлом стиле

Скачать

22. Nine Stars

Элегантный шаблон для веб студии

Скачать

23. FixDuty

Креативный шаблон для группы разработчиков

Скачать

24. Acrostia

Шаблон одностраничника с плоскими иконками, фиксированным меню, слайдером полноэкранных изображений, портфолио, социальными иконками и контактной информацией.

Скачать

25. Bird View

Стильная тема в черно-красном цвете

Скачать

26. Seven

HTML/CSS шаблон в современном стиле

Скачать

27. Agendo

Шаблон в плоском стиле с фиксированным меню

Скачать

28. Lithium

One page шаблон в черно-белом цвете с hover эффектами.

Скачать

29. Amoeba

Одностраничник в плоском стиле.

Скачать

30. Shield

Стильная одностраничная тема.




Скачать

Узнать больше интересного:

 

 

 

 

 

 

 

 

 

Подборка качественных и бесплатных Email шаблонов в PSD

Сегодняшняя подборка посвящена качественным PSD шаблонам Email рассылки. Если вы активно рассылаете письма своим посетителям тогда эта подборка именно для вас! Надеемся Вам понравится наша подборка! Поехали!




Рекомендуем также посмотреть:

1.Новостной email шаблон в формате PSD

545444-41

Скачать

2. Email шаблон для интернет магазина в формате PSD

 

6566565-800x753

Скачать

3. 3 крутых email шаблонов в PSD

545444-42

Скачать

4. Крутой и современный email шаблон бесплатно

545444-43

Скачать

5. Минималистический Email шаблон для Ваших писем

545444-44

Скачать

6. Самый простой и светлый Email шаблон в PSD формате

6566565-1-800x700

Скачать

7. Отличные и новостные PSD шаблоны для писем бесплатно

545444-45

Скачать

8. Email шаблон для бизнеса

545444-46




Скачать 

9. Скачать крутые Email шаблоны на разную тематику в PSD формате

545444-47

Скачать

10. 3 отличных новостных Email шаблонов в PSD

545444-48

Скачать

11. Современный и бесплатный email шаблон

6566565-4

Скачать

12. Простые шаблон для ваших писем

545444-49




Скачать

Узнать больше интересного:

Коллекция бесплатных иконок для веб и графического дизайна

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




Рекомендуем также посмотреть:

1. 50 БЕСПЛАТНЫХ ДВУХЦВЕТНЫХ ИКОНОК МЕБЕЛИ И ИНТЕРЬЕРА (AI, EPS, SVG, PNG)

Скачать

2. 100 ПЛОСКИХ ИКОНОК (ADOBE XD)

Скачать

3. Линейные иконки

Скачать

4. 50 БЕСПЛАТНЫХ ИКОНОК ДЛЯ УБОРКИ (AI, EPS, SVG, PSD, PNG)

Скачать

5. БЕСПЛАТНЫЕ 260 ВЕБ-ИКОНКИ (AI, XD)

Скачать

6. Иконки минимализм

Скачать

7. ЗНАЧКИ ЛИНИЙ РАЗНОЕ (AI, EPS, SVG, PDF, PNG)

Скачать

8. 50 БЕСПЛАТНЫХ ИКОНОК  (AI, EPS, SVG, PNG)

Скачать

9. БЕСПЛАТНЫЙ НАБОР 100  ИКОНОК (AI, EPS, SVG, PNG)

Скачать

10. ИКОНКИ БИЗНЕС ЛИНИИ (SVG, PNG)




Скачать

11. 3000+ IOS 11 ИКОНОК БЕСПЛАТНО (PNG)

Скачать

12. Бесплатные простые линейные иконки

Скачать

13. Иконки погоды

Скачать

14. ПРОДУКТОВЫЙ БЕСПЛАТНЫЙ НАБОР ИКОНОК





Скачать

Узнать больше интересного:

 

 

 

 

Потрясающие обои для рабочего стола на тему Маяк

Представляем вашему вниманию потрясающие обои на тему Маяк, которые вы можете скачать абсолютно бесплатно. С нашей обширной коллекцией вы можете менять вид рабочего стола очень часто, в зависимости от того, на что вы настроены. Приятного просмотра!

Рекомендуем также посмотреть:

1. Красивое фото Маяка

Скачать

2. Фон с Маяком

Скачать

3. Маяк

Скачать

4. Маяк — обои на рабочий стол

Скачать

5. Восхитительный пейзаж с маяком

Скачать

6. Маяк

Скачать

7. Маяк острова Кенгуру

Скачать

8. Фон — Маяк

Скачать

9. Маяк на закате Обои

Скачать

10. Закат и Маяк

Скачать

11. Маяк и красивый закат

Скачать

12. Маяк в сумерках

Скачать

13. Маяк

Скачать

14. Отражение маяка

Скачать

15. Маяк

Скачать

Узнать больше интересного: