1. Fontspace – 93к бесплатных шрифтов.
2. Google Fonts – бесплатные высококачественные шрифты для своего веб-сайта.
3. Typekit – наборы премиальных шрифтов.
4. Fontstruct – создавайте свои собственные шрифты с нуля, пиксель за пикселем.
5. Typecast – создавайте визуальные и семантические дизайны, которые ставят шрифт на первое место.
6. Font Squirrel – база бесплатных шрифтов.
7. 1001 Fonts – библиотека шрифтов для личного и коммерческого использования.
8. What Font is – определитель шрифтов.
9. Typelight – редактор шрифтов.
10. Fontfabric – наборы бесплатных шрифтов.
Стоковые фото
1. Pixabay – просматривайте и загружайте высококачественные изображения (доступно через VPN).
2. Unsplash – стоковые изображения.
ЛУЧШИЕ ПРОГРАММЫ ДЛЯ ДИЗАЙНЕРА И РИСОВАНИЯ НА ПЛАНШЕТЕ
3. Stocksy – скачивайте красивые и оригинальные стоковые фотографии без лицензионных отчислений.
4. Pexels – лучшие бесплатные стоковые фотографии.
5. Gratisography – Райан Макгуайр делает тысячи изысканных снимков. Получите их все бесплатно.
6. Adobe Stock – идеальный ресурс для своего творческого проекта.
7. Zoommy – бесплатные стоковые фотографии из разных источников, собранные в одном настольном приложении.
8. New Old Stock – старинные фотографии из общедоступных архивов.
9. SplitShire – веб-дизайнер Даниэль Нанеску делится сотнями великолепных фотографий.
10. Death to the Stock Photo – получайте оригинальные фотографии по электронной почте каждый месяц.
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»
Стоковая графика
1. Vecteezy – лучшее место для поиска векторных изображений.
2. The Noun Project – найдите простые черно-белые значки и глифы.
3. Flaticons – большая база иконок, созданная дизайнерами.
4. Roundicons – крутые наборы круглых иконок.
5. illustrio – настраиваемые значки и иллюстрации.
6. The ispot – покупайте красивые иллюстрации великих художников.
7. Webalys – Vincent le Moign создал одну из самых замечательных онлайн-библиотек иконок.
8. Iconfinder – мощный поисковик бесплатных иконок.
9. Brusheezy – бесплатные кисти Photoshop и файлы PSD.
10. Iconjar – приложение для хранения всех ваших значков в одном месте. Только для Mac.
Инфографика
1. Canva – удивительно простое графическое программное обеспечение для создания любого контента, который вам нужен (доступно через VPN).
ЛУЧШАЯ БЕСПЛАТНАЯ программа для дизайна интерьера, Ремонт 2020, Сделай САМ планировку квартиры.
2. Easel – выберите среди сотен шаблонов и создайте собственную инфографику.
3. Infogram – позволяет генерировать качественные диаграммы.
4. Visage – создавайте все виды визуального контента.
5. Vizualize – ваше резюме скучное? Превратите его в оригинальную инфографику.
6. Venngage – создавайте сотни инфографиков, постов в СМИ и отчетов с помощью этого простого инструмента.
7. Draw.io – полное средство для создания блок-схем, подходящее как для внутренних, так и для внешних проектов.
8. Piktochart – простой в использовании инструмент для создания инфографики, даже если вы не дизайнер.
9. Visme – превратите свои идеи в привлекательный контент с помощью этого мощного инструмента.
10. Gliffy – превосходный онлайн-инструмент для создания диаграмм (доступно через VPN).
Совместная работа
1. Invision – простой инструмент для создания прототипов и совместной работы для проектных групп.
2. GoVisually – один из лучших способов собрать отзывы клиентов о ваших проектах.
3. Red Pen – самый быстрый инструмент обратной связи.
4. Mural – инструмент для совместной работы дизайнеров и разработчиков.
5. Asana – делитесь, просматривайте и обсуждайте проекты в своей команде
6. Design Drop – делайте пометки на изображениях и делитесь ими с коллегами.
7. Cage – панель инструментов для совместной работы с командами и клиентами.
8. Bounce – веселый и простой способ поделиться идеями на любом веб-сайте.
9. Proofhub – эффективно управляйте своими проектами.
10. Lingo – создавайте библиотеки визуальных ресурсов и делитесь ими с командой. Только для Mac
Цвета
1. Color Hunt – просмотрите тысячи комбинаций четырех цветов, пока не найдете подходящую.
2. Adobe Color – сгенерируйте и сохраните различные цветовые схемы.
3. Coolors – прокрутите страницу и сохраните свои любимые палитры.
4. TinEye – определите свои цвета и найдите изображения с идеальной цветовой комбинацией.
5. ColorZilla – суперудобное расширение для выбора цветов с веб-страницы.
6. Сolorscheme – создайте новое цветовое сочетание.
7. PaletteGenerator – создает цветовую палитру для любого изображения, которое вы найдете в интернете.
8. Colorspark – генератор случайного цвета и градиента.
9. The Color App – благодаря этой большой сетке поиск цветов становится намного проще.
10. ColorPick Eyedropper – позволяет выбирать значения цветов на веб-страницах (Chrome).
Вдохновение
1. Dribbble – место, где дизайнеры делятся своими самыми яркими работами.
2. Muzli – вдохновение для дизайнера, подобранное для вас (расширение браузера).
3. Design You Trust – коллективный блог, полный дизайнерских портфолио и архитектурных вдохновений.
4. Really Good Emails – каталог хорошо продуманных электронных писем, которые вдохновят вас на создание новостной рассылки.
5. Awwwards – отмечает талант и усилия лучших дизайнеров, разработчиков и агентств.
6. One Page Love – оригинальная витрина одностраничных сайтов.
7. Mobbin – библиотека из 50 000+ скриншотов мобильных приложений с возможностью поиска.
8. Designspiration – доска вдохновения в стиле Pinterest, которой можно поделиться.
9. Material Up – ежедневно отбирает лучшие дизайнерские материалы, доступные онлайн.
10. Mobile Patterns – узнайте больше об UX для вашего мобильного приложения.
Редакторы графики
1. Illustrator – создавайте удивительные векторные изображения с помощью этого незаменимого инструмента.
2. Photoshop – создавайте и улучшайте свои фотографии.
3. Daz Studio – создавайте невероятно реалистичных людей или животных в 3D (доступно через VPN)
4. DrawPlus – рисуйте красивые векторные изображения по разумной цене.
5. Pixir – получите доступ к 600 эффектам для ретуши фотографий бесплатно.
6. Inkscape – лучшая альтернатива Illustrator с открытым исходным кодом.
7. Vectr – онлайн-редактор векторной графики. Хватит для решения повседневных задач.
8. Blender – полностью бесплатное программное обеспечение с открытым исходным кодом для создания 3D.
9. Gimp – бесплатный редактор с открытым исходным кодом для редактирования и ретуши изображений.
10. Affinity Photo – профессиональное программное обеспечение для редактирования фотографий.
Дизайн логотипа
1. SquareSpace – этот инструмент для создания классного логотипа.
2. Desugnmantic – введите название своей компании, выберите свою отрасль и создайте редактируемый логотип.
3. Graphic Springs – выберите шаблон логотипа, отредактируйте его и загрузите свой логотип.
4. Logo Genie – делает разработку логотипа легкой и увлекательной.
5. Logo Makr – создайте простой логотип с материалами Flaticons.
6. Logo Type Makr – случайная генерация логотипов для вашей компании.
7. Logo Garden – выберите отрасль, в которой вы работаете, и выберите один из сгенерированных логотипов
8. Logoshi – нарисуйте набросок и получите чистый и современный логотип.
9. Logaster – сделайте достойный логотип без каких-либо дизайнерских навыков.
10. Logo Maker – создавайте сотни потенциальных логотипов и изменяйте их онлайн.
Прототипирование
1. Sketch – инструмент векторного дизайна, удобный для разрпаботки UI и UX. Совместим только с Mac.
2. Napkin – создавайте быстрые мокапы на своем устройстве iOS.
3. Flinto – нарисуйте интерактивные прототипы из статических изображений.
4. Proto – создавайте ультрареалистичные прототипы приложений. Программирование не требуется.
5. Weld – нарисуйте свой веб-сайт в Интернете так, как вы этого хотите.
6. Balsamiq – инструмент Quick Wireframing, позволяющий создавать макеты.
7. App Cooker – работайте с макетами и прототипами с вашего iPad.
8. Atomic – создавайте реалистичные прототипы, которыми вы можете поделиться со своей командой.
9. HTML5 Up – создавайте стильные, настраиваемые и адаптивные шаблоны HTML5.
10. Axure – быстро создавайте прототипы со своего компьютера и делитесь ими.
Материалы по теме
- ТОП-10 инструментов дизайнера UX/UI, актуальных в 2021 году
- 30 лучших YouTube-каналов по UX/UI
- 40 лучших веб-сайтов и телеграм-каналов по UX/UI для дизайнеров интерфейса в 2021 году
- 50 онлайн-инструментов для дизайна: веб-сайты и мобильные приложения
Источник: proglib.io
10 бесплатных приложений для дизайнеров и просто деловых людей
Студия «Холмакс» подготовила подборку лучших, на наш взгляд, приложений, полезных как для дизайнеров, так и для наших клиентов, которые смогут самостоятельно и быстро сделать красивый рекламный пост, открытку, объявление, когда нельзя терять ни минуты. А еще эти приложения помогут быстрее найти общий язык между дизайнером и заказчиком, лучше понять друг друга.
1. Canva (PC, iOS, Android)
Создать презентацию, красивый рекламный пост для соц.сетей, открытку или приглашение очень легко с помощью множества стильных шаблонов в приложении Canva. Простой и минималистичный интерфейс делает процесс создания комфортным и приятным. В библиотеке хранятся тысячи изображений, иконок, шрифтов, вы обязательно подберете что-нибудь подходящее для себя.
Flat иллюстрации продолжают пользоваться популярностью. Приложение Assembly, которое даже больше похоже на игру, поможет создать плоскую иллюстрацию даже новичкам: вы просто составляете свою картинку из множества различных геометрических фигур, выбираете цвета и создаете свой шедевр. Для трудоголиков это будет также неплохой медитацией.
Для тех, кто любит выделять текст маркером, обводить в кружок на листе бумаге что-то важное, придумано очень простое приложение Skitch. Вы просто выбираете нужное фото, принтскрин письма, и виртуальный маркер (или стрелка, или значок, или даже смайлик) уже под рукой! Клиентам и арт-директорам на заметку: очень удобно прямо на превью макета выделить недочеты.
4. Paper (iOS)
Paper является продвинутой записной книжкой с уникальным пользовательским интерфейсом, созданным с расчётом на художников, желающих всегда иметь под рукой возможность сделать ту или иную зарисовку или записать пришедшую идею.
5. Creative Shape (iOS)
По функционалу похоже на Canva: выбираете картинку, шаблон, пишете свой текст, выбираете шрифт и оперативный красивый макет готов. Но Creative Shape проще в управлении, и к тому же на русском языке.
Font Candy моментально подгонит картинку из богатой библиотеки приложения или ваше фото под нужный размер экрана планшета, заставки для фейсбука, поста в блог и т.д. А так же вы можете добавить готовый текстовый блок, перекрасить цвета, отредактировать фото с помощью фильтров, добавить красивые графические элементы: разделители, полоски – и все это в одном приложении. Единственный минус в бесплатной версии – выскакивающая реклама.
7. PicLab (iOS, Android, WindowsPhone)
Если вы не нашли нужных шаблонов или красивых надписей в Canva, Creative Shape и Font Candy — то можете поискать их в PicLab. Множество красивых каллиграфический надписей, мини-иллюстраций, разбитых на разные тематики помогут вам создать свой дизайн за считанные минуты. Единственное «но» – это мало бесплатных шаблонов.
8. Fuzel Collage (iOS)
Простой и увлекательный способ комбинирования фотографий между собой с добавлением надписей и иллюстраций. С этим приложением можно создать не только коллаж для инстаграм или милый альбомчик на день Святого Валентина, но и сделать пост в соцсеть или афишу для запланированного мероприятия.
9. Penultimate (iOS)
Это еще один продвинутый блокнот для творческих людей. Здесь вы легко сможете сделать свой собственный виртуальный ежедневник. Самые разные варианты линовок страниц, календари, прописи, миллиметровка и море других шаблонов. Делайте заметки, планируйте свое время, рисуйте скетчи своих идей!
10. Calligraphy (iOS, Android)
Кто сейчас не мечтает красиво писать вензеля и завитушки? В этом приложении вы сможете виртуально тренироваться каллиграфии и создать красивый рукописный текст, поделиться им в соцсетях с клиентами и друзьями.
Источник: holmax.ru
50 лучших программ, утилит и онлайн-сервисов для веб-дизайнера
Приветствую вас у себя в блоге. Сегодня я решил подготовить полезную подборку для дизайнеров. Я посетил самые популярные сайты для веб-мастеров и нашел 50 лучших инструментов, которые помогут в создании дизайна.
Представляю вашему вниманию программы для веб дизайна, лучшие онлайн-сервисы и признанные профессионалами инструменты. Не со всеми пунктами я согласен, но кто я такой, чтобы спорить со специалистами, работающими на таких сайтах как Нетология , vc.ru, say-hi и других.
Я немного дополнил этот список от себя и разбил на категории. Теперь представляю его вашему вниманию.
Базовые программы
Конечно, ни один веб-разработчик пока не может обойтись без стандартного набора от Adobe, через который и ведутся все работы. Сейчас конец 2016 и многие профессионалы утверждают, что набирающая популярность программа Sketch , вот уже несколько лет вытесняющая привычный для многих Photoshop, вот-вот уже сделает это. В 2017 все мы будем активно изучать именно эту программу.
Это даже несмотря на то, что ее еще нет на русском языке и подходит она только для Mac OS. Большинство профессионалов утверждают, что для дизайна интерфейсов она подходит куда лучше, чем фотошоп.
Если говорить о других продуктах Adobe, то изучать их или нет – решать вам. И тем не менее они все еще присутствуют в списках.
- Illustrator как лучший инструмент для работы с векторной графикой и создания иллюстраций.
- InDesign, как оптимальная утилита для верстки полиграфии.
- Adobe Muse как идеальная платформа для создания одностраничных сайтов.
Помимо продукции Adobe профессионалы рекомендуют обратить внимание на другие марки и их продукты. Macaw признается одной из самых популярных программ для веб-дизайна. В отличие от Sketch она подходит для Виндовс и позволяет программировать без знания кода. Она сама автоматически генерирует html и css. Скачать ее можно бесплатно прямо с официального сайта.
Правда только на английском языке.
Издание Creative Bloq в качестве альтернативы Adobe Muse предлагает посмотреть другой современный сервис Pinegrow , он подходит для рисования любого сайта с последующим автоматическим преобразованием картинки в код. Этого же можно добиться и на Jetstrap.
Ну а если вам нужно поработать с приложениями, то в этом вам скорее поможет Foundation for Apps.
Банк графики
Любому дизайнеру нужна графика. Если рисовать все самому, то это займет много времени. Некоторые элементы можно заказать у кого-то другого, а можно приобрести или забрать уже готовые картинки с банков. Тырить хороший дизайнер никогда не станет, а вот скачать с хорошего сайта – почему бы и нет.
К примеру, на endlessicons.com можно найти иконки, а на coverr.co видеообложки.
На freepik.com и IconStore можно найти много бесплатных изображений. Векторов и даже PSD-макетов. От себя могу предложить Photoshop-master и Pixabay .
Stripemania.com – быстро сгенерирует графику. Добавляете свои цвета и получаете полосатую картинку. Хотите создать свой анимированный фон с плавным переходом цвета ? С этим поможет справиться сайт gradient-animator.com. Он не только покажет в режиме реального времени результат, но и создаст код, который останется только вставить на сайт.
Findguidelin.es это сборник, на котором можно найти иконки и всю информацию для дизайнеров о популярных брендах: WatsApp, Facebook, Вконтакте и так далее.
Конструктор логотипов и фавиконов
Меня удивило, но на многих популярных и престижных сайтов для дизайнеров можно найти ссылку на сервис, помогающий создать логотипы. На Нетологии, к примеру, предлагают withoomph.com или designrails.com . Я предпочитаю Логастер .
Для быстрого создания фавиконов можете воспользоваться порталом www.favicon.cc . О нем я кстати уже писал. Хорошая штука.
Работа с цветом
Плох тот дизайнер, который не доверяется помощи профессиональных сервисов для создания наилучшего сочетания цветов. Для этого в интернете можно найти множество ресурсов. Мне, к примеру, нравится ColorScheme .
Сервис Material Palette предлагает выбрать два цвета, а всю остальную схему она достроит за вас: шрифты, разделители и так далее.
На 0to255 можно посмотреть различные оттенки, хотя у вас есть и русская альтернатива – Яндекс.
Если вы увидели красивую картинку, то можете при помощи сервиса pictaculous.com извлечь из нее цветовую схему. Кстати, очень помогает точно решить стоит ли использовать на своем портале то или иное изображение. Если оно не удачно сочетается с основой схемой, то ответ очевиден.
Работа со шрифтами
Первый и самый лучший ресурс для работа с шрифтами Google Fonts. Это огромная коллекция шрифтов, в том числе и на русском. Выбирать удобно, использовать легко.
Чтобы подобрать идеальное сочетание шрифтов специалисты рекомендую воспользоваться сервисом: canva.com/font-combinations или typewolf.com .
Вам также может пригодиться расширение для браузера fontface.ninja . Находите красивый шрифт, наводите на него мышью и получаете информацию. Останется только найти его.
А в онлайн-редакторе на сайте prototypo.io вы можете немного его изменить и сделать уникальным.
Завершающий этап
Когда проект готов, нужно проверить как все будет выглядеть в стандартных браузерах с компьютеров и на экране мобильного телефона. Resizemybrowser.com поможет сделать это быстро.
При помощи сервиса dunnnk.com вы можете вставить свой скриншот в тысячи изображений телефонов и компьютеров и посмотреть как ваш сайт будет выглядеть на разных гаджетах с нескольких ракурсов.
Очень полезный список располагается на сайте webdesignerschecklist.com . Все ли вы сделали верно, можно ли сдавать проект? Просто расставьте галочки и удостоверьтесь, что ничего не забыли. Жаль, но сервис подойдет только для тех, кто владеет английским.
Если помимо дизайна вы занимаетесь еще и версткой, можете встроить в код утилиту tota11y . Она подсветит ошибки.
Ну и не забывайте, про развитие. Думаю, что любому дизайнеру будет полезно выбрать курс по недостающим знаниям от команды Photoshop-Master .
Помимо этого, предлагаю вам подписаться на рассылку моего блога и группу Вконтакте . Это позволит ни на секунду не останавливаться в дизайн-развитии и каждый день совершенствоваться.
Ну вот и все. До новых встреч и удачи.
Источник: start-luck.ru