Лучшие Sketch плагины для UX/UI дизайнеров в 2018

28.12.2017

1. Marketch Как правило, после создания макета дизайнерам нужно передать фронтенд разработчикам точные размеры картинок, шрифтов и интервалов, и Marketch сильно упрощает этот процесс. Marketch – это плагин для Sketch 3, который автоматически генерирует HTML страницу с CSS стилями, позволяя использовать такие супер полезные функции как динамические аннотации и преобразование единиц измерения. Этот плагин не только помогает дизайнерам снизить нагрузку, но и позволяет просматривать параметры всех элементов, включая CSS код….

читать

10 очень полезных генераторов кода для Веб Дизайнеров

01.10.2017

Генераторы кода могут стать лучшим другом веб дизайнера по двум причинам. Во-первых, они помогают в изучении новых техник или совершенствовании тех, с которыми вы уже знакомы. Во-вторых, они позволяют быстро выполнять повторяющиеся задачи. Вот 10 лучших генераторов кода для разных языков: Flexy Boxes Работать с CSS Flexbox иногда может быть… сложно. Поэтому существует несколько генераторов кода для работы с этой техникой. Flexy Boxes предлагает простой в использовании способ создания сложных макетов. Вы…

читать

Всё, что вам следует знать о UX дизайне

29.09.2017

User Experience (опыт взаимодействия) или UX — это популярный в настоящее время термин в технологических и дизайнерских индустриях. Так как UX продолжает развиваться и определяться, многие люди все еще не уверены, что означает UX, и как правильно использовать этот термин. Наверное, вы часто слышите о UX когда речь идет об интерфейсах сайтов или мобильных приложений. Отчасти это правильно, но более глубокий взгляд на UX необходим для полного понимания того, почему опыт взаимодействия настолько…

читать

Знакомство с Preact — Небольшой и быстрой React альтернативой

27.08.2017

Preact – это JavaScript библиотека, которая позиционирует себя как быстрая (3кб) альтернатива React с такой же ES6 API. Как постоянный пользователь React, я всегда хотел опробовать Preact и посмотреть, что он может предложить, а также увидеть разницу между этими двумя библиотеками. В этой статье мы познакомимся с Preact, его основными концепциями и разберемся в отличиях между Preact и React. Читайте также: JavaScript библиотеки 2017 Знакомство с Preact Как я и сказал выше,…

читать

CSS3 Анимация: 10 Впечатляющих примеров

24.08.2017

Одни из лучших примеров CSS3 анимации.  Свойства CSS3 открыли огромное количество новых дверей для веб-разработчиков и дизайнеров, позволяя создавать анимацию и интерактивность прямо в CSS разметке, обходя стороной Flash, Silverlight или After Effects. Ниже мы собрали лучшие примеры CSS3 анимации, включая отдельные эффекты и сайты.

читать

12 Обязательных инструментов для Тестирования Кода

16.06.2017

Новые фреймворки и инструменты для тестирования кода и юзабилити появляются каждый день. Ниже представлен список инструментов для тестирования программного кода, которые подходят под разные нужды. Рассмотрите каждый из них, чтобы убедиться в том, смогут ли они удовлетворить ваши технические потребности. 01. Jasmine Jasmine – это фреймворк для разработки, с помощью которого можно осуществить тестирование JavaScript кода. Он не зависит от других JavaScript фреймворков и не нуждается в DOM. Тем не…

читать

Пятиминутное руководство для не-дизайнера

08.05.2017

Основы веб дизайна могут быть изучены и реализованы кем угодно. Этот гайд даст вам базовые знания основ Web дизайна, которые вы сможете использовать уже сегодня (и впечатлить ваших друзей-дизайнеров).

читать

15 Бесплатных наборов иконок для вашего проекта

23.04.2017

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

читать

10 полезных туториалов по адаптивному веб-дизайну

26.03.2017

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

читать

Новые инструменты веб дизайнера (февраль, 2017)

18.03.2017

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

читать

Инструменты дизайнера, без которых невозможно обойтись

16.03.2017

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

читать

Лучшие бесплатные Photoshop скрипты

07.03.2017

Скрипты Photoshop (сценарии) немного похожи на Actions, но вместо того, чтобы просто воспроизводить серии шагов, скрипты могут сами принимать умные решения во время работы.  Они также имеют доступ ко всему функционалу Photoshop, включая элементы, недоступные для Actions, так что с их помощью можно делать значительно больше вещей.

читать

Идеальный дизайн Поля Поиска

03.03.2017

Search box – это комбинация поля ввода и кнопки подтверждения. Некоторые считают, что окно поиска по сайту не нуждается в дизайне: это ведь всего лишь 2 простых элемента. Однако на веб-сайтах, изобилующих контентом, поиск – наиболее часто используемый элемент дизайна.

читать