100+ классных инструментов для дизайнеров и не только


Оглавление (нажмите, чтобы открыть):

Подборка бесплатных новинок для дизайнеров и не только

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

THEME.CARDS

Theme.Cards – это одна из лучших коллекций бесплатных тем. Тут есть темы для блогов, лэндингов, одностраничных приложений. Темы Bootstrap, Wordprеss и прочее.

JQUERY CARDS

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

ELEVTR

Elevtr тестирует ваше приложение на целевую аудиторию. Вы также можете просматривать другие приложения и отмечать понравившиеся.

DESIGN WORKFLOW WITH SKETCH

D e s i g n W o r k f l o w w i t h S k e t c h – это бесплатный курс от Invision, который научит, как улучить рабочий процесс, работая в Sketch. Подпишитесь для получения новых лекций на почту.

PROFILE HOPPER

P r o f i l e H o p p e r – отличное приложение для сбора команды на LinkedIn. Оно автоматически посещает профили, которые вы выбрали, и периодически приглашает их на вашу страницу, посмотреть ваше предложение о работе или о поиске работы. Это очень хороший способ поиска новых клиентов.

PLACEMAT

P l a c e m a t был создан для красивого размещения фото и других вещей на вашем сайте. Он очень легок в использовании.

COMMUTEKIT

C o m m u t e K i t контролирует время, затраченное на разные дела. Содержит более 120 инструментов для учебы, релаксации и продуктивной работы.

FOUNDER MANTRAS

F o u n d e r M a n t r a s готовит ежедневную порцию знаний от основателей стартапов, владельцев компаний и изобретателей. Подпишитесь для обновлений на почту.

TECHRUITER

T e c h r u i t e r – коллекция ресурсов по карьерному сервису.

EVERLIST

E v e r l i s t – приложение, которое делает ваши списки более красочными.

PROJECT OXFORD

P r o j e c t O x f o r d – набор разнообразных разработок от Microsoft, которые вы можете использовать в своих приложениях.

DOC SEARCH

D o c S e a r c h добавляет поиск в вашу документацию. Оно уже интегрировано в большое количество проектов.

APPOLO

A p p o l o – набор Jakyll плагинов для создания портфолио.

MOCKUP CATALOG

M o c k u p C a t a l o g – коллекция бесплатных мокапов, шрифтов и многого другого.

PERSONA

P e r s o n a – платформа для блогов.

COLOFILTER.CSS

C o l o f i l t e r . c s s – набор CSS3 фильтров для создания цветных изображений.

BRAND-COLORS

B r a n d – c o l o r s – коллекция цветов известных брендов.

DESIGN FOR STARTUP

D e s i g n f o r S t a r t u p – хороший гайд для дизайнера.

CODESIGN.IO

C o d e s i g n . i o – удобный способ для обсуждения сайтов.

FILESTAGE

F i l e s t a g e – легкий способ делиться, смотреть мультимедийный контент. Используйте его с клиентами или коллегами.

COLORDROP

C o l o r d r o p – окрашивание элементов на сайте с помощью перетаскивания цветов с панельки.

25 шагов, которые помогут стать крутым дизайнером

Поскольку мало кто [в Америке] может позволить себе высшее образование, я решил создать простую 25-ступенчатую программу, которой вы сможете следовать, чтобы стать следующим Джони Айвом. Это сэкономит вам немного денег, и вам не придется беспокоиться о том, что ваш проект будет публично раскритикован другими студентами-всезнайками.

Я предполагаю, что вы никогда не слышали слова «кернинг», и не знали, что Tiffany сделали один конкретный оттенок (бирюзовый с голубоватым), как у яиц зарянки, своим торговым знаком. Однако, если что-то звучит для вас элементарно, не стесняйтесь пропускайте эти этапы, и переходите к тем, которые кажутся вам подходящими.

1. Наблюдайте

Положите графический планшет Wacom, мы еще не готовы перейти к цифровому дизайну. Первый шаг — просто раскрыть глаза на мир дизайна.

Он. Буквально. Везде.

Почему вы ненавидите этот бигборд? Почему именно эта бутылка вина выделяется на полке? Этот дорожный знак установлен в правильном месте?

Мир поглощен дизайном. Первый шаг — осознать это.

2. Освойте инструмент

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

Распечатайте эту таблицу, а затем сделайте из нее дартс. Отлично, вы выбрали инструмент.

3. Читайте

Учебники. Курсы. Дизайнерские статьи. Дизайнерские обсуждения в Twitter.

Погрузитесь в культуру дизайна. Может быть вы поймете только 10% из того, о чем говорят люди, но вы начнете изучать профессиональный жаргон. Вы узнаете, что действительно важно, а что нет.

4. Копируйте что-нибудь

Бьюсь об заклад, что около 72% всех нынешних дизайнеров начали с изучения урока, как сделать горящие буквы в Photoshop.

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

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

Бум … ты шеф-повар!

5. Лучше изучите инструмент

Хорошо, вы еще не шеф-повар… то есть не дизайнер, но вы начали получать удовольствие от выбранного инструмента дизайна.

Теперь станьте лучше.

Изучите горячие клавиши. Загрузите плагины. Найдите вспомогательные инструменты.

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


Ваш инструмент дизайна никогда не должен быть препятствием.

6. Скопируйте что-нибудь еще

Сделайте еще один урок. Найдите еще что-нибудь на Dribbble, что вам действительно нравится, и попытайтесь это воссоздать. Попытайтесь расширить это. Можете ли вы подражать стилю и добавить что-то свое?

Это дизайнерские тренировки. Вы вроде как заглядываете в дизайн-тренажерку и подражаете мускулистым качкам. Они все делают правильно, поэтому учитесь у профессионалов.

7. Сосредоточьтесь на визуальных эффектах

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

Не беспокойтесь, что дизайн, которым вы гордитесь сегодня, будет казаться вам ужасным через неделю или около того. Вы становитесь лучше. Как говорил мой наставник Christian Beck: «Вы не закончили проектирование, пока ваша первая версия не будет выглядеть как дерьмо».

8. Делайте *что-то* идеально

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

Будьте щепетильны в подборе цветовой палитры. Выравнивайте элементы идеально по сетке. Убедитесь, что все объекты идеально центрированы.

Вы тренируетесь делать дизайн согласованным и единообразным на глаз.

9. Переделайте свой ранний дизайн

Переделайте свой первый урок, и первый дизайн, который вы копировали с Dribbble.

Сделайте его заново.

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

10. Попросите фидбек

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

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

Сделайте глубокий вдох и попросите дать честную оценку вашей работе. Это будет больно, но помните, что вы — не ваш дизайн.

11. Защищайте свой дизайн

Попробуйте это, когда вы впервые получите отзывы о своем дизайне. Довольно быстро вы усвоите, что вы не всегда знаете, почему спроектировали что-то так, как вы это делали.

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

Не бывает банальных вопросов! Раньше у меня были трудности с выбором цвета кнопок, и я должен был защищать свой выбор.

12. Учитесь на ошибках

Да, да, неудача — лучший учитель. Мы слышали это тысячу раз.

Но это действительно так.

Вы спроектировали что-то неправильно, но вместо того, чтобы расстраиваться, определите проблему. Вы пропустили важное требование? Забыли отдать текст на вычитку редактору? Вы предварительно не получили достаточно деталей?

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

13. Копируйте кого-нибудь

Вероятно, вы довольно хорошо разбираетесь в своем инструменте дизайна и вам нравятся ваши креативные продукты.

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

14. Найдите, как упросить работу

Для устранения препятствий дизайна и минимизации умственной работы найдите как работать быстрее, умнее и эффективнее.

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

15. Повторно используйте дизайн

Если ваш дизайн был успешным, поймите почему и повторно используйте его. Вам не нужно буквально дублировать файл дизайна, но, если что-то сработало, нет причин изобретать велосипед (при условии, что не существует юридического конфликта интересов…).

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

16. Сосредоточьтесь на пользователе

Кажется, сумасшествием упомянуть пользователя в программе на 25 шагов, но до сих пор вы совершенствовали свои дизайнерские навыки. Теперь пришло время применить свои навыки решения проблем, сосредоточившись на пользователях и правильно решив их проблемы.

Вы познакомитесь со множеством UX методов, но пользователи настолько сильно отличаются друг от друга, что вы потратите всю карьеру, пытаясь понять их.

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

17. Наблюдайте, как кто-то презентует свою работу

Больше всего я люблю смотреть на людей. Плохие примеры — развлекают… но хорошие? Хорошие — вдохновляют.

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

Послушайте, как они говорят. Как они делают паузы. Смотрите, как они двигаются и где они стоят. Запомните их истории. Их шутки. Как они организовали выступление.

18. Наблюдайте, как кто-то презентует вашу работу

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

Делайте заметки о том, как они презентуют ваш дизайн и сравните с тем, как бы вы его презентовали. Много отличий? Чему вы можете у них научиться?

19. Презентуйте работу своей команде дизайнеров

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

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

20. Презентуйте свою работу клиенту или заинтересованному лицу

Прошло около 8 месяцев, прежде чем мой менеджер по дизайну позволил мне представить проект клиенту. Я ужасно нервничал.

Но я был хорош. Не потому, что я какой-нибудь гений презентации … Я был просто оченьхорошо подготовлен. У меня было много практики, мой дизайн был основан на паттернах, и каждая часть моего решения была преднамеренной и продуманной.

21. Презентуйте свою работу другому заинтересованному лицу

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

Но затем клиент хочет, чтобы вы представили проект новому директору по маркетингу. Или новому руководителю отдела продаж.

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

22. Презентуйте чужую работу

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

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

Так просто сказать: «Я бы сделал это по-другому, потому что…»

Теперь представьте, как это звучит для клиента.

23. Давайте фидбек

Вы дадите много отзывов на 23 этапе нашей программы, но бывает, как хорошийфидбек и плохой.

Плохой фидбек может испортить дизайн и заставить дизайнера, принимающего проект, устроить охоту на химер.

24. Сосредоточьтесь на ценности


Ваши проекты выглядят красиво, и они решают проблемы пользователя.

Но не забывайте о бизнесе, которому вы служите.

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

На этом этапе программы, вы начинаете смотреть на пиксели как на средство доставки ценностей для бизнеса, а не только, как на красивые картинки.

25. Пишите о дизайне

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

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

Попробуйте это когда-нибудь. Может быть вам даже понравится!

Когда я не философствую, я работаю над инструментами проектирования Sketch в UXPower Tools, чтобы сделать вас лучшим, более эффективным дизайнером.

75 самых толковых ресурсов для веб-дизайнеров

(Мы продолжаем переводить цикл статей по дизайну. Полную подборку можно найти в коллекции « Основы дизайна»)

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

Ищите системное погружение в тему? Загляните в блог для дизайнеров.

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

Можете дополнить наш список своими ресурсами — в комментариях 🙂

Изображения + видео

1. Showbox

Создавайте видео студийного качества прямо в браузере.

2. Coverr

Красивые, бесплатные видео для главной страницы.

3. Compressify

Один из лучших инструментов по оптимизации видеофайлов онлайн.

4. Pexels

Лучшие бесплатные стоковые фотографии (и видео), собранные в одном месте.

5. Unsplash

База красивых, качественных, бесплатных ( с ними можно делать все, что хотите) фотографий для творческого использования. Никаких нелепых стоковых фоток в офисе.

6. Death to Stock

Фотографический рай и источник вдохновения для творческих личностей, постигающих свой путь.

7. Photype

Прежде чем скачивать фото, вы можете посмотреть его в разных размерах, наложить текст и применить разные эффекты.

8. JPEGmini

Посадите ваши фотографии на диету. Можно уменьшить изображение на 80% без потери качества.

Иконки

9. Iconfinder

Небольшая команда работает над созданием базы иконок (одной из самых крупных в мире). Есть возможностью поиска.

Мастер Йода рекомендует:  Коды символов HTML

10. The Noun Project

Ребята создают визуальный язык иконок, который сможет понять каждый. Это огромная база “глифовых” иконок, созданных сообществом дизайнеров. Есть возможность поиска.

11. Flaticon

Еще одна здоровенная коллекция бесплатных иконок, доступных в форматах SVG, PSD, PNG, EPS и BASE 64.

12. Icomoon

Библиотека иконок для самых придирчивых пиксельных идеалистов, а также генератор иконочных шрифтов.

13. Material Icons

Как вы, наверное, уже догадались, это подборка прекрасно исполненных иконок Google.

14. Icon Store

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

15. Illustrio

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

Шрифты

16. Right Font

Легкий менеджер шрифтов для Mac. Помогает осуществлять предварительный просмотр, синхронизировать и систематизировать гарнитуры — где бы они ни хранились.

17. Font Reach

Сканирует миллион топовых сайтов и показывает, какие шрифты используются в веб. Это как зоопарк для дизайнеров.

18. Google Fonts

Галерея шрифтов от индивидуальных дизайнеров и дизайнерских команд. Можно скачать нужную гарнитуру и использовать в своем дизайне.

19. WhatFont

В буквальном смысле самый простой способ распознать шрифт — это можно сделать прямо в браузере.

20. Font Flame

Это сайт новый и достаточно простой — можно залипнуть подбирая шрифтовые пары: это как Tinder только для шрифтов.

21. Typekit

Изобилие шрифтов высшего качества, от Adobe.

22. Typeface

Новый тип менеджера шрифтов для Mac. Помогает подобрать идеальный шрифт за счет быстрого и четкого предпросмотра шрифтов.

23. Font Squirrel

На этом сайте можно вручную подбирать гарнитуры — все просто, понятно и бесплатно!

Цвета

24. Color Hunt

Pinterest для цветов. Множество четырехцветных палитр — можно скролить бесконечно.

25. Hello Color


Удобный, супер-простой генератор контрастных цветов по клику.

26. LOL Colors

Авторская подборка цветовых палитр от дизайнера Маккензи Чайлд.

27. Coolers

Супер быстрый генератор цветовых схем, который позволяет создавать, сохранять и доводить до совершенства палитры за секунды!

28. Adobe Kuler

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

29. ColorZilla

Крутой встроенный в браузер инструмент-пипетка. Позволяет анализировать цвета, использованные на странице. Работает в Chrome и Firefox.

30. Design Seeds

Ежедневная порция вдохновения для всех, кто любит цвет.

31. UI Gradients

Подобранная вручную коллекция красивых цветовых градиентов.

Вдохновение

32. Muz.li

Секретный ингредиент дизайнера: здесь, в ваших руках огромная порция вдохновения — стоит только открыть новую вкладку в Google Chrome.

33. Landingfolio

Авторская подборка лучших дизайнов лендингов.

34. Awwwards

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

35. UpLabs

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

36. Pricing Pages

Нам нравится этот сайт (и разделы про продуктовые страницы, страницы товаров и страницы чекаута тоже). Это каталог лучших страниц с ценами — и это настоящая золотая жила вдохновения.

37. User Onboarding

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

38. Mindsparkle Mag

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

39. Eye on Design (AIGA)

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

40. It’s Nice That

Альтернативное онлайн-издание, авторы которого верят, что творческое вдохновение — достояние всех и каждого. Публикуют самые увлекательные/удивительные работы: как цифровые, так и печатные.

41. The Great Discontent

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

64 сайта для дизайнеров, которые нужно добавить в закладки

Ищете сайты, которые помогут справиться с первыми заказами и прокачать новые навыки?

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

12 сайтов для вдохновения

  • https://www.pinterest.ru. Чаще всего это первый ресурс, на который идут дизайнеры самых разных специализаций в поисках вдохновения. Самое удобная функция на Pinterest — это возможность создавать свои подборки.
  • https://www.behance.net. Дизайнеры традиционно публикуют свое портфолио Behance, поэтому сайт можно смело назвать самой большой коллекцией удачных примеров в любой сфере дизайна. Следите за новыми проектами, подпишитесь на дизайнеров и студии, на работы которых вам бы хотелось равняться.
  • https://www.awwwards.com. Ресурс посвящен самым лучшим работам в веб-дизайне, на Awwwards можно найти подборки лучших сайтов за день, неделю, месяц или год. Вдохновляйтесь лучшими!
  • https://dribbble.com. Платформа, на которой дизайнеры размещают свои портфолио. Чтобы добавить свои работы, нужно получить приглашение от участника Dribbble.
  • https://www.designspiration.net. На сайте вы встретите сотни примеров хорошего дизайна для вдохновения.
  • https://synapticstimuli.com. Галерея самых разнообразных проектов. Развивает чувство прекрасного.
  • http://www.designmadeingermany.de/sites-we-like/. Можно найти авторские подборки красивых сайтов разнообразных стилей. Кстати, в подборку можно предложить и свой сайт.
  • https://designshack.net/category/articles/critique-articles. Сайт для дизайнеров, на котором не хвалят, а критикуют. Новички наверняка узнают для себя много полезного.
  • https://siiimple.com. Поклонникам минимализма и тем, кто хочет научиться создавать дизайн в этом стиле. На сайте просто огромная подборка примеров дизайна в минималистичном стиле, которая постоянно обновляется.
  • https://onepagelove.com. Отличный ресурс с подборкой одностраничных сайтов. Всем, кто занимается лендингами, смотреть обязательно.
  • https://mediaqueri.es. Довольно удачный проект об адаптивном дизайне. Особенно пригодится тем, у кого еще не было опыта в создании таких макетов.
  • http://bookcoverarchive.com. Сайт пригодится не только тем, кто занимается оформлением обложек книг, но и тем, кто постоянно сталкивается с необходимостью подобрать хороший шрифт.

Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.

14 медиа о веб-дизайне

  • http://webdesignerwall.com. Сайт посвящен не только созданию дизайна, но и затрагивает темы разработки, верстки, анимации и продвижения.
  • http://houseofbuttons.tumblr.com. Здесь можно найти десятки интересных примеров оформления кнопок на сайте (многие с готовой анимацией).
  • https://www.webdesignerdepot.com. Еще один информационный сайт для дизайнеров, затрагивающий самые разнообразные сферы, начиная с приемов оформления интерфейса и заканчивая организацией рабочего процесса.
  • https://webdesignledger.com. Неплохой ресурс о веб-дизайне, на котором можно найти много различных подборок удачных решений, новые тренды, узнать больше о типографике и элементах дизайна сайтов.
  • https://designyoutrust.com. Ежедневная подборка новостей, событий и тенденций в сфере дизайна.
  • https://www.creativebloq.com/computer-arts-magazine. Международный интернет-журнал о цифровом искусстве.
  • https://say-hi.me. Один из лучших русскоязычных ресурсов, рассказывающий о творчестве для креативных людей.
  • https://designpub.ru. Рассказывают о событиях, типографике, дизайн-процессах, иллюстрации и саморазвитии.

  • https://infogra.ru. Отличный русскоязычный ресурс для начинающих и практикующих дизайнеров, на котором размещены море статей, десятки уроков, обзоры и рецензии на книги, курсы и программы. А еще на сайте регулярно появляются подборки кириллических шрифтов.
  • https://bureau.ru/bb/soviet/. Рубрика «Советы» на сайте дизайн-бюро Артема Горбунова ответит на множество вопросов новичков, это — настоящий кладезь практических знаний.
  • http://onjee.ru. Прекрасный сайт для дизайнеров, которые только начали делать первые шаги в этой сфере.
  • https://blog.shaihalov.ru. Этот ресурс заинтересует тех, кто решил специализироваться на UX и продуктовом дизайне.
  • http://deadsign.ru. Подойдет тем, кто не знает английского, но хочет быть в курсе последних новостей в веб-дизайне.
  • https://www.vandelaydesign.com. Это целое собрание хороших статей и отличных подборок по веб-дизайну.

11 сайтов о логотипах

  • https://www.logodesignlove.com. На сайте собрано огромное количество логотипов, но интереснее то, что каждому посвящена небольшая заметка. Изучая сайт, вы не только найдете неординарные решения и красивые примеры, но и узнаете, как автор того или иного логотипа пришел к своей идее.
  • https://logopond.com. Сотни примеров логотипов, как удачных, так и не очень, в вашем распоряжении. Плюс ресурса в том, что вариантов на нем очень много, а еще их можно по-разному отсортировать.
  • https://www.logaster.com. Сервис позволяет очень быстро генерировать логотипы. Да, уникальный логотип с его помощью не сделать, но сайт очень выручает, когда у клиента еще нет логотипа, а в шапку сайта нужно что-то поставить.
  • https://logo.squarespace.com/. Аналогичный сервис для создания логотипов небольшого размера. Вы вводите название компании и попадаете в редактор, в котором к логотипу можно добавить иконку, а заодно посмотреть, как все это смотрится на визитке, мониторе и футболке.
  • http://logofaves.com. В подборках логотипов на этом ресурсе можно найти не только идеи, но и контакты дизайнера, а также ссылку на его Behance-профиль. Это очень удобно в случае, когда вам нужно не только посмотреть логотип, но и найти исполнителя.
  • https://www.hipsterlogogenerator.com. Еще один генератор, позволяющий создать простой, но достаточно эффектный логотип за пару минут.
  • http://logotypes101.com. Подборка бесплатных векторных логотипов. Если у вас есть время и вы готовы его потратить, то сможете найти неплохой вариант.
  • https://logobaker.ru. Сайт для тех, кто разрабатывает логотипы. Здесь есть неплохая подборка, а также возможность попросить совета или получить фидбек.
  • https://www.logofury.com. В этом сервисе от вас требуется только ввести название компании, выбрать категорию и добавить слоган (при желании), все остальное генератор делает за вас, мгновенно создавая десятки вариантов.
  • https://www.logomoose.com. Очень солидная подборка логотипов со всего мира. Что интересно, есть действительно много хороших вариантов, которые можно использовать для вдохновения.
  • http://www.thelogomix.com. И снова подборка логотипов, но на этот раз с расширенной сортировкой: можно выбрать логотипы по определенному цвету или тематике. Когда нужно что-то быстро придумать, очень выручает.

8 полезных сайтов про иконки

  • https://www.iconfinder.com. Один из самых популярных сайтов для дизайнеров с огромным количеством иконок на все случаи жизни. Иконки делятся на платные и бесплатные, а скачать их можно как в PNG, так и в SVG-формате.
  • https://thenounproject.com. Очень приятный ресурс с большим выбором, легким дизайном и красивыми иконками. Для того, чтобы начать пользоваться, нужно лишь зарегистрироваться.
  • https://roundicons.com. Здесь можно найти очень необычные решения (обратите внимание на подборку doodle-иконок). Что самое приятное, небольшие наборы доступны для бесплатного скачивания.
  • https://iconmonstr.com. Очень похожий на уже рассмотренные нами ресурсы — множество иконок, удобный поиск и несколько форматов для скачивания (SVG, EPS, PSD, PNG).
  • http://fontello.com. Если вам нужно сгенерировать шрифтовые элементы из иконок, то без этого сайта не обойтись.
  • https://www.flaticon.com. Еще один сайт с подборкой плоских векторных иконок для любых задач. Самое сложное — выбрать из огромного количества вариантов.
  • http://endlessicons.com. Ресурс с большим выбором иконок. Особенно удобно то, что искать можно как по нужной иконке, так и по тематическому набору или тегам.
  • https://icomoon.io. Подборка из сотен разнообразных иконок, из минусов — все хорошее начинается после оплаты подписки или покупки определенного набора.

6 сайтов для дизайнеров о шрифтах и типографике

  • https://ilovetypography.com. Один из лучших ресурсов для тех, кто небезразличен к буквам. На этом сайте вы найдете массу полезных и просто интересных заметок о типографике и том, что с ней связано.
  • https://fonts.google.com. Подборка бесплатных шрифтов от Google, которой чаще всего пользуются дизайнеры. Самое полезное — возможность посмотреть, с какими шрифтами чаще всего сочетается выбранный вами вариант.
  • https://www.paratype.ru. Отличный сайт с хорошей подборкой шрифтов. Из приятного — можно без особого труда подобрать даже красивый русский шрифт, из печального — большинство шрифтов придется приобретать (но на сайте часто проводятся распродажи).
  • https://fontshop.com. Магазин шрифтов, где можно подобрать удачное решение для своего проекта. Но особенно интересен сайт даже не количеством самих шрифтов, а примерами их применения, которые позволяют лучше оценить, насколько выбранный шрифт подходит для вашей задачи.
  • https://www.dafont.com. Огромная подборка шрифтов для самых разных задач, а еще — удобный интерфейс и много новинок.
  • https://typejournal.ru. Полезный интернет-журнал о типографике и шрифтах.

6 сайтов для подбора цветовой палитры

  • https://www.materialpalette.com. Сервис для подбора палитры работает очень просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему.
  • http://www.flatuicolorpicker.com. Множество очень красивых оттенков, разбитых по категориям: красные, фиолетовые, синие, зеленые, желтые, оранжевые и серые.
  • https://coolors.co. Онлайн-генератор цветовых схем для сайта создает подборку из пяти оттенков, каждый из которых вы можете изменить по своему усмотрению. Чтобы эффективнее пользоваться сервисом, советуем не пропускать инструкцию в самом начале.
  • https://colorfulgradients.tumblr.com. Очень хорошая подборка градиентов на любой вкус.
  • http://paletton.com. Один из самых удобных генераторов цветовых палитр. Его ценят за широкие возможности и гибкие настройки.
  • https://color.adobe.com/ru/create/color-wheel/. Неплохой и функциональный инструмент для создания палитры от Adobe. Обязательно попробуйте!

7 сайтов про UX

  • https://ux-journal.ru. Сравнительно новый журнал, в котором можно найти очень много полезного о самом востребованном направлении в веб-дизайне.
  • https://www.dtelepathy.com/blog. Если вы уже начали изучать UX, то посоветуем вам блог команды из Сан-Диего.
  • https://usabilla.com/blog. Еще один сайт про качественный UX и проектирование интерфейсов.
  • http://uxchecklist.github.io. Суперполезный ресурс представляет из себя список действий по UX, с помощью которого можно пройти весь процесс от начала до конца и не забыть ни о чем.
  • https://uxmovement.com. Сильно поможет в случае, когда во главу угла ставится проблема конверсии сайта.

  • https://uxmastery.com. Этот сайт целиком и полностью посвящен UX и всем его тонкостям, сложностям и особенностям.
  • http://uxmag.com. Ресурс поможет всегда быть в курсе последних новостей из мира UX, узнавать первым о новых методиках, исследованиях и мероприятиях.

Заключение

Сайтов про дизайн существует очень много, но прочитать все статьи и запомнить все советы не под силу ни одному человеку. Именно поэтому так важно фильтровать поступающую информацию — стараясь осилить все и сразу, вы наберете поверхностных знаний, но есть риск, что специалистом вы так и не станете. Лучше всего выбрать структурный подход и образование у лидеров рынка. Курс «Веб-дизайн с 0 до PRO» рассчитан на новичков в веб-дизайне. Шаг за шагом, вместе с опытными и практикующими преподавателями, вы узнаете все о дизайне и станете востребованным специалистом.

22 Лучших инструмента для веб-дизайнеров

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

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

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

Ну что готовы? Тогда начинаем!

Sketch

Sketch является одним из самых популярных инструментов веб-дизайнера. Он уже давно борется с Фотошоп за пальму первенства в разработке веб-интерфейсов.

По сравнению с детищем Adobe этот продукт обладает некоторыми преимуществами. Например, такими как быстродействие, низкая потребность в ресурсах и ориентация на проектирование веб-интерфейсов.

Единственный его минус заключается в поддержке только MacOS платформ. Продукт стоит $99, но тем не менее по отзывам юзеров Sketch стоит своих денег. Как и полагается с платными сервисами, разработчики предоставляют бесплатную пробную версию.

Macaw

Macaw — это инструмент, созданный дизайнерами для дизайнеров. Его главная особенность состоит в разработке сайтов без необходимости писать код. Как вы знаете, в последнее время границы между разработчиками и веб- дизайнерами сильно размылись. И Macaw дает почувствовать это в реальности.

При помощи Macaw вы сможете создать сайт с адаптивной версткой без малейшего знания HTML и CSS. От вас лишь требуется работа по составлению внешнего вида, после чего приложение само сгенерирует исходный код.

Несомненным плюсом этого софта является простота в использовании. То есть, всего за полчаса вы сможете научиться создавать адаптивные шаблоны сайтов. И что больше всего удивляет, Macaw — абсолютно бесплатен!

UXPin

UXPin является полноценным инструментом веб-дизайнера. Он довольно универсален и не ограничен каким-то конкретным функционалом.

При помощи UXPin вы можете проектировать как сайты, так и приложения на iOS. Вы можете создавать как просто наброски проекта, так и более детальные шаблоны интерфейсов.

При необходимости есть возможность импортирования проектов с Photoshop и Sketch. Также при создании проекта с нуля вы можете использовать UX паттерны от таких фреймворков, как Bootstrapp, Foundation и др.

Marvel

Marvel — еще один инструмент по созданию эскизов сайтов и мобильных приложений. Главный плюс этого сервиса состоит в простоте использования. Вот что говорит об этом основатель сервиса:

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

Особенностью Marvel является то, что при регистрации он просит доступ к аккаунту на Dropbox. Это нужно для дальнейшего импорта файлов проекта. Также несомненным плюсом этого инструмента является бесплатный базовый пакет.

Webflow

Webflow — это еще одно потрясающее веб-приложение, с помощью которого можно с легкостью создавать красивые и адаптивные веб-сайты. При этом вам не нужно обладать такими технологиями, как HTML и CSS.

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

Canva

Canva — это один из лучших платформ по работе с графическим дизайном. При помощи этого инструмента вы сможете создавать практические любые графические элементы.

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

Эта платформа по работе с графикой является условно-бесплатной. Среди тех графических элементов, которые предоставляет Canva есть как платные, так и бесплатные варианты.

Noun Project

The Noun Project может стать отличным источником поиска графических элементов для вашего сайта или блога. Также при помощи этого сервиса дизайнеры могут зарабатывать на своих работах.

Paper

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

Также fifty three, разработчик приложения, дополнительно предоставляет оригинальный и очень функциональный стилус.

Paper будет особенно полезен при создании быстрых набросков проекта, а также в повседневной работе дизайнера.

Astropad

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

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

Iconfinder

Iconfinder — один из лучших сервисов по предоставлению иконок для сайта. Его база насчитывает более 800 тыс. графических элементов. В ассортименте есть как платные, так и бесплатные варианты.

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

365 Psd

365 Psd — один из самых богатых хранилищ бесплатных psd макетов и векторных изображений. Здесь можно найти всё начиная от фирменных логотипов и заканчивая изображениями живой и дикой природы.

Freepik

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

Adobe Color CC

Adobe Color CC, который в простонародье называют Adobe Kuler, уже давно стал для дизайнеров одним из незаменимых инструментов. Adobe Kuler здорово помогает в выборе цветов и их оттенков при работе над элементами интерфейса.

Особо полезной бывает функция выбора цветовых схем. Всего их насчитывается около семи. При помощи Adobe Kuler вы намного увереннее будете работать с цветами и подбирать их удачные оттенки.

Paletton

Paletton по сути выполняет ту же функцию что и предыдущий сервис — работа с веб-цветами. Paletton является отличной альтернативой Кулеру и имеет некоторые особенности. Новички могут попробовать оба варианта и выбрать понравившийся.

Google fonts

Google fonts является одним из самых любимых мной сервисов. Многие сайтостроители и дизайнеры уже давно оценили по достоинству очередной продукт Гугла.

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

Покупать цифровые продукты у нас не очень любят, так что Google fonts может отлично выручить в этой ситуации. Но это нисколечко не зазорно, так как шрифты от Гугла очень добротные. Сейчас в их коллекции уже более 700 наименований. Да и разработчики со всего мира давно пристрастились к использованию этого сервиса.

В общем, если вам нужны шрифты для сайта, добро пожаловать в Google fonts!

Font Squirrel

На мой взгляд, Font Squirrel является самым крутым сервисом по предоставлению шрифтов. Его преимущество перед Гугл сервисом заключается в большей коллекции шрифтов.

Установка шрифтов на сайт — не самое простое дело, в связи с чем я записал отдельный видеоурок по этой теме. В нем я наглядно показываю, как скачивать и устанавливать шрифты с хранилищ Гугла и Font Squirrel. Для просмотра скринкаста нажмите на изображение внизу:

Tableau Public

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

Logopond

Важность логотипа сайта трудно переоценить. Именно при помощи него вы сможете произвести первое и самое устойчивое впечатление на ваших пользователей.

Но как создать логотип в духе вашей компании? Как сделать так, чтобы он был не только приятным и красивым, но и производил правильное впечатление на людей?


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

Siteinspire

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

В такие периоды может здорово помочь сервис Siteinspire. Он призван, так сказать, поднимать дух художника, так как наполнен великолепными работами лучших дизайнеров.

Вы сможете найти готовые проекты по тематикам, используемым решениям и многим другим критериям.

Color Hunter

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

При этом в качестве решения я часто могу найти какое-нибудь удачное фото или изображение. Удачное сочетание цветов в нем я мог бы использовать на своем сайте. Но как добиться этого технически?

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

ColorZilla

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

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

Resizer

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

Вовсе нет. При помощи нового сервиса того же Гугла вы сможете увидеть отображение вашего сайта сразу на разных устройствах: ноутбуках, планшетах и смартфонах. Вам достаточно ввести адрес вашего сайта в форму и нажать Enter.

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

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

Буду рад если вы дополните этот список своими «любимцами». Также не стесняйтесь задавать вопросы в комментариях, если таковые имеются.

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

85 инструментов для работы, учёбы и путешествий

Всё самое полезное в одной подборке.

Путешествия

1. Google Flights. Для изучения карты мира и проверки доступных рейсов в разные пункты назначения с ценами.

2. Aviasales. Сервис для поиска выгодных билетов на авиарейсы.

3. Momondo. Ещё один инструмент для поиска дешёвых авиабилетов.

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

5. Nomad List. Полезный инструмент, чтобы решить, куда отправиться дальше, узнать цены на жильё, получить информацию о погоде и местных жителях.

6. Agoda. Поиск дешёвых отелей в Юго-Восточной Азии.

7. Airbnb. Поможет найти жильё в любой точке мира: комнату, квартиру или целый дом.

8. Hipcamp. По сути, это Airbnb для любителей кемпингов и палаточного отдыха. Самые красивые места, где можно отдохнуть на природе в США.

9. Booking. Сервис для поиска и бронирования недорогих отелей. Можно зарезервировать отель, по приезде посмотреть условия и, если вас всё устраивает, оплатить номер.

10. Google Maps. Не нуждается в отдельном представлении: в любой точке мира карты от Google помогут проложить правильный маршрут.

11. Foursquare. Отличное приложение, чтобы найти хорошие кофейни, рестораны, бары, спортзалы в любом городе мира.

12. TripAdvisor. Находите отели, рестораны и развлечения поблизости, читайте отзывы местных и путешественников и выбирайте самое лучшее.

13. MapsMe. Офлайн-карты любой страны и любого места: от больших городов до посёлков и деревень, которые вы планируете посетить.

14. Redigo. Удобный гид по разным странам и популярным туристическим направлениям, который заменит дорогие путеводители.

15. «Чек-лист для путешественников». Наш микросервис поможет вам быстро составить список вещей, незаменимых в поездке.

Планирование

16. Ручка и бумага. Сложнее придумать что-то лучше старых добрых ручек и блокнотов, чтобы набросать идеи или составить расписание дел на день.

17. Toggl. Простой и лёгкий в использовании тайм-трекер.

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

19. Trello. Отличный инструмент для планирования проектов и работы над задачами с командой.

20. Evernote. Подходит не только для заметок, но и для сохранения PDF-файлов и сканирования квитанций. В общем, для управления всей важной для вас информацией.

21. Swipes. Приложение для ведения списка дел с интуитивно понятным интерфейсом.

22. I Done This. Приложение, чтобы ежедневно отмечать свой прогресс.

23. Coach.me. Ставьте перед собой цели, обзаводитесь полезными привычками и избавляйтесь от плохих. Сервис Coach.me поможет вам в достижении своих целей.

24. Speedtest. Лучший инструмент, чтобы оценить, насколько быстро работает Wi-Fi в кафе и хватит ли вам такой скорости для работы.

25. Toby. Поможет навести порядок во вкладках браузера.

26. Kin Calendar. Приятный по оформлению и очень удобный календарь.

27. Clocks. Минималистичный виджет с часами и мировым временем для Mac.

28. Parchi. Приложение от Microsoft для создания быстрых заметок и списков.

29. iThoughts. Инструмент для составления ментальных карт в iPad и iPhone.

30. Habit List. Приложение для ведения учёта вредных и полезных привычек и наблюдения за своим прогрессом.

Социальные сети

31. Buffer. Удобный инструмент, чтобы заранее планировать обновления в социальных сетях.

32. TweetDeck. Сервис для управления сразу несколькими учётными записями в Twitter.

33. Klout. Сервис для анализа и оценки того, как вы представляете себя в социальных сетях.

34. Pablo. Простой способ подготовить красивые изображения для разных социальных сетей.

35. Rocketium. Превращайте текст и изображения в красивые видео.

36. Blink. Изменяйте свои скриншоты: добавляйте пояснения и эмодзи, выделяйте самое важное, анимируйте их.

37. Adobe Spark. Инструмент для создания графики для социальных сетей, интерактивных веб-историй, анимаций и видео на iPhone и iPad.

38. Shortcutz. Все ваши профили в социальных сетях, собранные в одном месте.

39. About.me. Сайт для создания страницы-визитки, которую можно красиво оформить по готовым шаблонам.

40. Swipe. Если вы ненавидите делать скучные презентации, с помощью сервиса Swipe вы сможете создавать интересные и хорошо иллюстрированные истории.

Обучение

41. TED. Вдохновляющие видеозаписи выступлений выдающихся и просто интересных людей.

42. Duolingo. Учите английский, испанский, французский, немецкий, португальский и итальянский бесплатно.

43. Skillshare. Качественные курсы для предпринимателей и творческих людей: фотографов, дизайнеров, музыкантов.


44. Udemy. Тысячи курсов по любому предмету.

45. Codeacademy. Интерактивные бесплатные курсы для разработчиков.

46. Medium. Платформа для людей, которым есть что рассказать, и тех, кто ищет вдохновляющие и познавательные истории.

47. Memrise. Карточки для изучения новых иностранных слов и расширения словарного запаса.

48. MIT OpenCourseWare. Курсы Массачусетского технологического института, где публикуются все материалы по разным предметам: онлайн-учебники, вопросы для экзаменов, мультимедийный контент, задания, примеры, конспекты лекций.

49. «Слово дня». Каждый день приложение будет знакомить вас с новыми словами, объясняя их значение.

50. «Универсариум». Площадка для получения образования онлайн. Много интересных курсов от российских преподавателей по разным направлениям.

Книги

51. «Как завоёвывать друзей и оказывать влияние на людей», Дейл Карнеги. Может показаться, что Карнеги рассказывает об очевидных вещах, но принципы, изложенные в книге, действительно работают и помогут наладить отношения с людьми.

52. «Как работать по 4 часа в неделю и при этом не торчать в офисе „от звонка до звонка“, жить где угодно и богатеть», Тимоти Феррисс. Книга, которая вдохновит вас оптимизировать свой рабочий день, вместо того чтобы просиживать в офисе штаны по 8 часов 5 дней в неделю.

53. «Стартап за $100. Создай новое будущее, делая то, что ты любишь», Крис Гильбо. Автор делится вдохновляющими историями людей, которые начали свой бизнес и кардинально изменили свою жизнь, практически не имея денег.

54. «Начни с вопроса „Почему?“», Саймон Синек. Книга поможет навести порядок в голове, поступать более разумно и вдохновлять других.

55. «Оставь свой след», Блейк Майкоски. Трогательный рассказ об обувной компании TOMS и строительстве социального бизнеса, который не просто приносит деньги, но и делает жизнь других людей лучше.

56. «Сила воли», Рой Баумейстер, Джон Тирни. О том, почему сила воли — главный фактор достижения успеха.

57. «Эмоциональный интеллект. Почему он может значить больше, чем IQ», Дэниел Гоулман. Просто быть эрудированным человеком недостаточно. Вы должны научиться управлять своими эмоциями и понимать других людей.

58. «Переломный момент. Как незначительные изменения приводят к глобальным переменам», Малкольм Гладуэлл. Виральность, феномен толпы и подобные массовые явления — это не случайное стечение обстоятельств.

59. «Развитие памяти», Гарри Лорейн и Джерри Лукас. После прочтения этой книги у вас останется убеждение, что возможности нашей памяти безграничны. Прекрасное руководство со множеством полезных методик.

60. «Игры, в которые играют люди. Психология человеческих взаимоотношений», Эрик Берн. Культовая книга по психологии отношений. Вы научитесь понимать мотивы собственных поступков и поведения других людей, избегать конфликтов и не поддаваться на манипуляции.

Вдохновение

61. Dribbble. На сайте можно посмотреть работы других художников и учиться у самых талантливых дизайнеров мира.

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

63. StumbleUpon. Бесплатное расширение для браузера, чтобы находить и просматривать интересные сайты.

64. Random Useful Websites. Нажимаете на кнопку и получаете случайный полезный сайт.

65. Muzli. Дополнение для браузера Google Chrome, которое будет рекомендовать вам вдохновляющие и полезные ресурсы для дизайнеров каждый день.

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

67. Designspiration. Аналог Pinterest для дизайнеров. Разнообразные иллюстрации, постеры, инфографики каждый день.

68. Book Cover Archive. Коллекция обложек книг.

69. Movie Title Cards. Ещё одна онлайн-коллекция, на этот раз — кадров с названиями фильмов и сериалов.

70. siteInspire. Вдохновение для веб-дизайнеров: постоянно обновляющаяся подборка сайтов с необычным оформлением.

Ведение блога

71. WordPress. Блог-платформа, на которой создали свои сайты и блоги уже больше 60 миллионов человек.

72. Bluehost. Доступный и надёжный хостинг для вашего блога или небольшого проекта.

73. MediaTemple. Более мощный хостинг для больших блогов и проектов.

74. ThemeForest. Шаблоны для Photoshop и в формате HTML, а также большой выбор тем для разных CMS (WordPress, Shopify, Drupal).

75. MaxCDN. Сеть доставки контента (CDN), которая поможет загружать ваш сайт значительно быстрее.

76. MailerLite. Инструмент для создания рассылок с простым в использовании интерфейсом и доступными тарифами.

77. MailChimp. Ещё один сервис для создания классных рассылок. Подходит и для крупных проектов, и для небольших (до 2 000 подписчиков — бесплатно).

78. Creative Market. Онлайн-магазин со множеством полезных штук для дизайнеров: шрифтами, темами, шаблонами.

79. Unsplash. Фотографии в высоком качестве для бесплатного личного и коммерческого использования.

80. StockSnap. Сервис, позволяющий искать бесплатные стоковые фото, при этом достаточно неплохие.

Концентрация внимания

81. Headspace. Рекомендуем это приложение всем, кто хочет попробовать медитацию.

82. ZenFriend. Людям, которые уже умеют медитировать и которым не нужны подробные инструкции, подойдёт приложение ZenFriend: в нём вы просто задаёте время на таймере.

83. StayFocusd. Расширение для Google Chrome, которое блокирует отвлекающие сайты на определённое время (до одного дня).

84. Noisli. Подборка звуков, которые не будут отвлекать и помогут сфокусироваться на работе. Выбирать можно на свой вкус: например, шум дождя или мерный стук колёс поезда.

70+ лучших ресурсов о веб-дизайне

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

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

Что читать, смотреть и слушать о веб-дизайне

Чтобы сделать сайт на Тильде, дизайнером быть не обязательно: вы собираете сайт из готовых универсальных блоков и даже шаблонов.

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

Для вашего удобства мы свели все ресурсы в таблицы, разбитые по категориям.

Сайты и блоги

Рассылки

Сообщества

Подкасты и видео

Телеграм-каналы

Вот уже несколько лет мы обнуляем все наши знания: раньше, мы «рисовали» дизайн, теперь — «придумываем». Это первое, о чем мы читаем.

Вторая тема — управление творческими процессами. Sketch, Slack, Avocode, Invision и десятки похожих компаний вступили в борьбу за эффективность дизайнера, поэтому обязательно читайте их блоги, смотрите и слушайте выступления.

Внутренний Getpocket. Обычно интересные статьи, которые мне попадаются в сети, я собираю здесь. Получается ежедневный журнал, который удобно читать офлайн. В нем — десятки сайтов на русском и сотни на английском языках: блоги, заметки, журналы. Информация очень размазывается и ее тяжело найти в одном месте. Этими статьями я делюсь внутри CreativePeople с другими дизайнерами, чтобы мы могли обсуждать их и синхронизировать свои знания.

Отмечу несколько фаворитов, которые попадают в подборку достаточно часто.

Medium. Поиск по ключевым словам выдает интересные и свежие статьи. Отдельно стоит выделить два блога: Muzli и Nathan Curtis.

Sketchapp.me. Отличный ресурс, где коллеги собирают статьи по работе sketch. Все чаще публикуют статьи не про управление программой, а про эффективность вообще, про полезные фичи и ускорение дизайнера.

Vc.ru. Следим за новостями и переводами статей по UIX.

Блог Invision. Пишут про то, как добиваться эффективности в проектах, когда требуется коллаборация разных специалистов. Собственно, на этом принципе строится весь их продукт.

Дизайн-кабак. Неплохие подборки в виде еженедельных дайджестов.

60+ красочных дизайнов сайтов — лучшие примеры для вдохновения


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

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

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

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

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

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


Inkscape – это бесплатный редактор векторной графики с открытым исходным кодом. Он очень похож на Adobe illustrator, Corel Draw, Freehand и Xara X. Отличие Inkscape заключается в использовании Scalable Vector Graphic (SVG) в качестве основного формата. Дизайнеры, хорошо знакомые с векторной графикой, без труда освоят эту программу. В программе можно создавать проекты любой сложности. Готовые работы можно публиковать в интернете или распечатывать на физических носителях. Inkscape является кроссплатформенным редактором, его можно установить на компьютере с ОС Windows, Mac OS и Linux.

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

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

Графический редактор Fhoto! – это мощное многофункциональное программное обеспечение, которое предлагает полный набор инструментов для редактирования изображений. В нем есть все, что может понадобиться владельцу цифровой камеры. С помощью сервиса можно исправить или улучшить свои фотографии: убрать эффект красных глаз, подкорректировать цветовую гамму изображения, добавить различные эффекты. С помощью инструмента Denoise можно быстро удалить цветовой шум из неудачной фотографии, сделанной в условиях плохого освещения. Многие пользователи также смогут по достоинству оценить инструмент Make Up, который предлагает отличный набор средств для ретуши.

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

Какой дизайнер не знает о GIMP! Удобный и доступный редактор изображений используют тысячи дизайнеров и фотографов по всему миру. В GIMP есть все, что может понадобиться для работы с растровой графикой, в том числе и очень удобные инструменты для управления цветом. Данный функционал позволит создать файлы с гарантированной передачей, которые будут одинаково хорошо смотреться как на дисплеях компьютеров и мобильных устройств, так и на физических носителей.

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

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

Как следует из названия, Autotracer это бесплатный онлайн-редактор для векторизации цифровых изображений. Программа может конвертировать растровые изображения JPEG, GIF и PNG в файлы с масштабируемой векторной графикой. Изображения можно трассировать в форматы EPS, SVG, AI и PDF. Для работы не требуется регистрироваться или оставлять свой адрес электронной почты. Достаточно лишь загрузить файл с компьютера или вставить URL картинки, выбрать нужный векторный формат, указать количество цветов перед векторизацией и нажать кнопку Start.

Генератор «рыбы». Данный инструмент попал в список полезных инструментов для графических дизайнеров не только потому, что он предлагает различные варианты создания демонстрационного текста. Lorem Ipsum (Greeking) Generator находится на ресурсе, который может очень пригодиться в работе. Помимо самого генератора на сайте designerstoolbox.com можно найти много полезного: размеры стандартных конвертов, информацию о форматах бумаги, символы HTML, интернет-шрифты и т.д. Если нужна онлайн-шпаргалка на все случае жизни – стоит обязательно поставить данный сайт в закладки браузера.

Данный инструмент первоначально распространялся VSCO с целю дать пользователям возможность сократить время работы при редактировании изображений в Adobe Photoshop Lightroom. В 2015 году работа над проектом была прекращена, а сам продукт был выложен в свободный доступ. Несмотря на прекращение поддержки, инструмент доступен для пользователей, в нем присутствуют все необходимые для работы ресурсы.

Visual Hunt – это тысячи бесплатных высококачественных фотографий, собранных в одном месте. Создатели сервиса действительно охотятся за бесплатными изображениями, проверяя различные онлайн-источники. Большинство изображений имеют лицензию СС0, то есть их можно использовать безо всяких ограничений. Также на сайте можно найти изображения, распространяемые по лицензии Creative Commons. Сервис позволяет вставлять изображения непосредственно с сайта, без скачивания файлов на жесткий диск компьютера.

Многие дизайнеры нередко сталкиваются с необходимостью создания схем, графиков и диаграмм. Есть множество бесплатных инструментов для этого, но сервис OmniGraffle очень сильно выделяется на их фоне. Создатели данного инструмента сумели найти золотую середину, сумев создать редактор с широкими возможностями, доступный буквально всем. Создавать схемы в OmniGraffle очень просто – для этого есть все необходимое. Пользователю нужно лишь выбрать подходящий шаблон с базовыми элементами и начать изменять объекты схемы с помощью панели Inspectors.

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

FontForge это удобное приложение, позволяющее создавать, изменять и конвертировать шрифты в множестве форматов. Поддерживаемые форматы шрифтов: PostScript (Type1, Type3, Type0), TrueType, OpenType (Type2), CID (CID-keyed), multi-master, CFF, SVG, BDF, Datafork TrueType и др. Программа бесплатная, однако при этом имеет большое количество настроек и инструментов.

Новые инструменты для создания прототипов сайтов и приложений появляются постоянно. Но далеко не всякая программа позволит презентовать свой проект в полноэкранном режиме на целом ряде устройств. С помощью инструмента Origami это стало возможно. Origami является мощным программным обеспечением для создания современных прототипов любого уровня сложности. С его помощью можно очень быстро собрать прототип и тут же запустить его на iPhone или iPad. Origami был создан дизайнерами Facebook и по сути является плагином среды виртуального программирования Qartz Composer. Прототип создается путем подключение патчей друг к другу. Очень удобно, когда нужно показать принципы работы приложения без необходимости писать код.

Adobe Keyboard Shortcut Visualizer создаёт в веб-браузере виртуальную клавиатуру, на которой отображаются более 1000 горячих клавиш для приложений Photoshop, Illustrator и InDesign. По умолчанию инструмент показывает сочетания клавиш для глобального контекста того или иного редактора (то есть наиболее широко употребляемые горячие клавиши). Однако, если нужно найти горячие клавиши для конкретного инструмента, режима или окна, можно воспользоваться окошком над виртуальной клавиатурой, чтобы выбрать желаемый контекст.

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

Для разработчиков, использующих AngularJS, Angular Material является основой UI-компонентов для эталонной реализации спецификаций Google Material Design. Этот инструмент представляет собой набор наиболее распространенных, хорошо проверенных и доступных компонентов пользовательского интерфейса на основе Material Design.

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

60+ самых красивых сайтов в мире: запредельный креатив и дизайн

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

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

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

У вас могут возникнуть трудности с просмотром веб-ресурсов по следующим причинам: слабый компьютер, плохой браузер (оптимальный вариант — Google Chrome), низкая скорость интернета.

Самые лучшие сайты в интернете

2020 год

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

От многим известного digital-агентства Red collar

От разработчиков интернет-магазинов и сервисов Brand Agency

Проект компании About Agency

От брендингово агентства Bürocratik

От агентства Blue Cheese

От дизайнера Alex Romaniukha

От стратегического, брендингово и цифрового агентства OUL WIL

От компании Point Blank , специализирующейся на создании и дизайне сайтов на движке Drupal

Игровой проект-сайт для бренда одежды Puma от агентства DPDK

Всем известная игра от дома цифровых продуктов Merci Michel ,ориентированной на интерактивные проекты

2013-2020 года

Сайты от цифрового агентства Dog studio .

https://www.kikk.be/2020/en (Год: 2020)

http://www.kikk.be/2020/en/home (Год: 2020)

От арт-директора Люка Финча .

http://www.welovenoise.com (Год: 2013)

От Spring/Summer , агентства по созданию сильных брендов посредством реализации креативных сайтов и их продвижению.

http://curvy.dk/beagle/site/ (Год: 2015)

От дизайнера и веб-девелопера Bryan James .

http://species-in-pieces.com/# (Год: 2015)

От digital-агентства Red collar .

http://en.euro.vet (Год: 2020)

https://gus-trans.com/ (Год: 2020)

http://timeismoneypro.com/ (Год: 2020)

Самый красивый сайт от студии по созданию веб-анимации и интерактивного взаимодействия Legwork Studio .

http://www.legworkstudio.com/ (Год: 2015)

От студии Hello Monday , создающей завораживающее цифровое взаимодействие бренда и посетителя сайта.

http://residente.com/en/ (Год: 2020)

От студии креативного дизайна Boy-Coy .

http://boy-coy.com/#home (Год: 2013)

От брендингового агентства по цифровому взаимодействию и дизайну Basic .

https://basicagency.com/ (Год: 2020)

От независимой творческой студии из Сан-Франциско UpperQuad .

https://upperquad.com/ (Год: 2020)

От агентства цифровой трансформации брендов с мощными инструментами маркетинга Isadora Digital Agency .

http://wakeup.isadoradigitalagency.com/ (Год: 2020)

Самый красивый сайт от студии креативного дизайна 970 Design .

http://raisetheriver.org/ (Год: 2020)

От digital-агентства Welikesmall .

http://www.welikesmall.com/ (Год: 2020)

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

http://pixudio.com/ (Год: 2020)

От агентства по цифровой трансформации бренда и интернет-маркетинга WIONT .

http://lookbook.wedze.com/winter-2020-2020/en (Год: 2020)

От агентства интерактивного дизайна, разрабатывающего стратегию бренда и цифровые инновации для прогрессивных брендов, OUI WILL

as.ouiwill.com (Год: 2020)

От front-end разработчика Roden Migen .

https://www.reputationsquad.com/ (Год: 2020)

http://resn.co.nz/ (Год: N/A)

http://2020.makemepulse.com/ (Год: 2020)

http://www.kabu-kitamura.com/colon/en/ (Год: 2020)

Самый красивый сайт от крафтового design-агентства Kraftwerk .

https://studiokraftwerk.com/ (Год: 2020)

От прогрессивного медиа агентства Watson/DG .

https://district13.co.in/ (Год: 2014)

http://swissarmyman.com (Год: 2020)

От креативной студии ED. , базирующейся в Сиднее и Канберре и работающей в цифровом, дизайнерском и брендинговом пространстве.

http://newacton.com.au/ (Год: 2020)

От дизайнера Lorenzo Bocchi , известного, как лучший дизайнер пользовательского интерфейса года и судья на конкурсе CSS Design Awards.

http://da-ink.com/ (Год: 2020)

От медийного агентства SBS с аудиторией более 13 миллионов на телевидении и 7 миллионов уникальных посетителей в интернет-пространстве. Цель компании — вдохновить всех австралийцев исследовать и ценить наш разнообразный мир и тем самым способствовать созданию сплоченного общества.

http://www.sbs.com.au/theboat/ (Год: 2015)

http://www.sbs.com.au/kgari/ (Год: 2020)

http://www.sbs.com.au/aviolentact/ (Год: 2020)

http://after64.sbs.com.au/ (Год: 2014)

От агентства KOJO с комплексными коммуникационными решениями в области digital, ивентов и производства медиа контента.

http://www.proudandpunch.com.au/ (Год: 2020)

http://www.creaturetechnology.com/ (Год: 2014)

Самые красивые сайты от агентства Leo Burnett Melbourne с интегрированным комплексом услуг, включая цифровые, социальные, дизайн, контент и стратегию.

http://reword.it/#!/ (Год: 2020)

https://www.finforafin.com/ (Год: 2020)

От digital art-директора Pascal van der Haar .

http://pablotheflamingo.com/ (Год: 2014)

От студии Wild , фокусируемой на дизайне, разработке инновационных рекламных кампаний, веб-сайтов и приложений.

http://bundy.madebywild.com/ (Год: 2020)

http://www.johos.at/#/en/0/0 (Год: 2015)

https://www.volcan.com/en (Год: 2020)

От фрилансера-дизайнера Daniel Spatzek , создающего уникальную эстетику.

http://www.danielspatzek.com/Home (Год: 2015)

http://www.renaterechner.at/en/ (Год: 2020)

От компании по производству креативных веб-сайтов ReedBe .

http://www.ginventory.co/ (Год: 2015)

От агентства цифрового маркетинга и необычного дизайна Deen .

http://solo.vc/ (Год: 2020)

От творческой студии Akufen , специализирующейся на веб-разработке, брендинге и адаптации цифрового опыта под посетителя.

http://2020.grosselanterne.com/ (Год: 2020)

От агентства по производству медиа контента и разработке сайтов Jam3 .

http://www.jam3.com/ (Год: 2014)

От цифровой студии Immersive Garden , специализирующейся на дизайне, анимации и разработке.

https://www.rainforestfoods.com/experience/#!/slide-rain (Год: 2020)

http://veille.reputationsquad.com/#equipes (Год: 2020)

Самый красивый сайт от творческой студии Rezo Zero со специализацией на идентификацию и оцифрование брендов. Команда ориентирована на создание уникальных решений.

https://fauteuils.operadeparis.fr/ (Год: 2020)

От Raffael Stüken , фрилансера и партнера агентства Humans & Machines, помогающего создавать яркие впечатления от взаимодействия с веб-сайтом.

http://www.manuel-rueda.com/ (Год: 2014)

От агентства креативных, стратегических и инновационных решений, помогающим брендам в решении новых задач, 84.Paris .

http://www.because-recollection.com/laurent-garnier (Год: 2015)

От цифрового агентства EPIC Agency .

http://www.fermedesohan.be/fr/la-ferme/ (Год: 2020)

От креативного агентства Huncwot , ориентированного на интерактивном дизайне и умных технологиях.

http://huncwot.com/ (Год: 2015)

От неизвестного агентства

http://www.sound-of-change.com/#/buskers/ (Год: N/A)

https://granola.com.ua (Год: N/A)

От digital-агентства Werkstatt .

http://70ans.inra.fr/ (Год: 2020)

http://i-remember.fr/en (Год: 2014)

https://creationolivierlapidus.paris/en/ (Год: 2020)

Заключение

Вот и всё! Как видно, большинство сайтов были запущены в 2020 году, поэтому с точки зрения креатива и дизайна его можно и даже нужно называть удачным. Вместе с ними «прокачиваются» фронт-энд разработка и другие аспекты создания сайтов, но статья не об этом.

Список будет постепенной пополнять, следите за обновлениями!

Если вам понравилась статья, расшаривайте и оставляйте комментарии. Также скидывайте достойных претендентов попасть в этот «красивый» список или пишите что вам не понравилось в нашей подборке. Будьте в тренде создания сайтов и интернет-маркетинга. Спасибо!

Мастер Йода рекомендует:  5 задач по программированию для разработчика ПО
Добавить комментарий