Основы типографики для Начинающих Дизайнеров

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

читать

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

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

читать

CSS Grid: Пятиминутное руководство

Сетка – фундаментальный элемент дизайна любого веб-сайта, а CSS Grid – самый мощный и простой в использовании инструмент для ее создания. Модуль CSS Grid получил поддержку множества современных браузеров (Safari, Chrome, Firefox) в этом году, так что всем фронтенд разработчикам…

читать

Начало работы с HTML canvas

HTML <canvas> элемент – это мощное решение для создания пиксельной графики в Web c использованием JavaScript. Canvas позволит вам создавать замечательные визуальные эффекты – нужно только немного попрактиковаться. В этом туториале мы создадим canvas объект, добавим к нему простые визуальные…

читать

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

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

читать

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

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

читать

SASS для Начинающих: Миксины, Наследование, Операторы

Предыдущий урок: SASS для Начинающих: Вложенные стили, Фрагменты, Импорт 01. SASS Миксины — Создание многоразовых CSS правил SASS миксины позволяют создавать многоразовые CSS правила, чтобы избежать повторений в коде. Это одна из самых мощных функций SASS. В CSS3 нам приходится писать слишком…

читать

SASS для Начинающих: Вложенные стили, Фрагменты, Импорт

Предыдущий урок: SASS для Начинающих: SASS Переменные 01. Вложенные стили SASS Вложенные стили SASS — это еще одна отличная функция, которая позволяет писать CSS правила и вкладывать их друг в друга. Вложение позволяет писать CSS в той же структуре, что и…

читать

SASS для Начинающих: SASS Переменные

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

читать

SASS для Начинающих: Скачивание и Установка

Следующий урок: Препроцессор SASS для Начинающих: SASS Переменные Эта серия туториалов по SASS предназначена для начинающих и опытных разработчиков. Это первая часть обучающих статей, в которой вы узнаете: 1. Что такое SASS? 2. Для чего он нужен? 3. Как его использовать?…

читать

Золотое Сечение в Дизайне

Золотое сечение – это то, о чем должен знать каждый дизайнер. Мы объясним, что это такое, и как вы можете его использовать. 

читать

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

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

читать

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

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

читать

ТОП 5 инструментов для редактирования фото онлайн

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

читать

Fibonacci Flexbox Composer: простая Flexbox верстка

Веб-приложение Fibonacci Flexbox Composer, разработанное Максом Стинбергеном (Max Steenbergen) из Нидерландов, оказывает неоценимую помощь, когда дело доходит до CSS Flexbox вёрстки. В принципе, для его использования никаких навыков и знаний не понадобится вообще.

читать

Карточный дизайн — исчерпывающее руководство

Карточки — это аккуратные маленькие контейнеры с информацией. Карточки стали практически обязательным элементом, когда дело доходит до балансирования эстетики с простым юзабилити. Изначально карточный дизайн был введен такими сервисами как Pinterest и Facebook, а сегодня его влияние распространилось на многие…

читать