Полезности для дизайнера и не только.

Kulahin · 06.08.2015

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

советы, которые упрощат работу дизайнеру, и тем кто пишет сайты.

Тема будет постепенно пополняться.

Генератор аватарок: uifaces.com

Расчет оптимального размера шрифта: www.pearsonified.com/typography

Генератор случайных пользователей: randomuser.me

Drag & drop редактор для создания респонсивных сайтов: webflow.com

Рецензирование веб-страниц (полезно для фрилансеров):trackduck.com/ru

Неплохой инструмент для прототипирования: ninjamock.com

Еще один инструмент для прототипирования: moqups.com

4 инструмента: генератор кнопок, форм, лент на чистом CSS, а также редактор иконок:livetools.uiparade.com

Сервис для генерации превью ваших работ: placeit.net

Сжатие изображений в формате PNG: tinypng.com

Генератор цветовой схемы на основе загруженного изображения: pictaculous.com

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

● Метод Эдварда де Боно «Шесть шляп». По ходу творческого процесса человек по очереди надевает шесть шляп разного цвета. В белой он беспристрастно проверяет цифры и факты, в черной – пытается найти отрицательные черты, в желтой – анализирует положительные моменты, в зеленой – генерирует новые идеи, в красной – может позволить активную эмоциональную реакцию. Ну и, наконец, в синей шляпе, подводятся итоги работы.

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

● Синектика. Автор — Уильям Гордон. В его теории главный источник новых идей – это поиск аналогий. Для начала необходимо выбрать объект и нарисовать таблицу для его аналогий. В первом столбце пишут прямые аналогии, во втором – косвенные, например, признаки первого столбца. Затем сопоставляют цель, объект и косвенные аналогии. Пример: объект — карандаш, задача — расширение ассортимента. Прямая аналогия — объемный карандаш, ее отрицание — плоский карандаш. Результат - карандаш-закладка.

● Метод фокальных объектов от Чарльза Вайтинга. В этом методе объединяются признаки разных объектов в одном предмете. Пример: свеча и понятие «Новый год». Новый год значит праздник, искры бенгальских огней, к свече это тоже относится. Если бенгальскую свечу стереть в порошок и добавить его в воск, то выйдет «новогодняя» свеча с искрящейся крошкой внутри.

● Морфологический анализ, предложенный Юлией Дучковой, заключается в том, что исследуемый объект раскидывают на компоненты, из которых выбирают самые существенные характеристики. Затем их изменяют и пытаются снова собрать вместе. В итоге получается новый объект.

● Непрямые стратегии. Этот метод придумали Брайан Эно и Питер Шмидт. Для этого метода нужна колода карт с командами, например, «дай волю злости», «укради решение» и др. Человек вытаскивает карты и следует указаниям.

● Метод «Автобус, кровать, ванна» от Доменика Рекарто. В его основе лежит убеждение, что новые идею не только таятся в глубине нашего подсознания, но и рвутся наружу, надо их просто выпустить, то есть не мешать их появлению. Новая идея может прийти в голову в самом необычном месте.

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

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

[HR][/HR]

abduzeedo.com — отличный сайт про логотипы и дизайн вообще. Причем с подробными объяснениями.

freelanceswitch.com— сообщество всех внештатных дизайнеров для работы за рубежом.

free-lance.ru— подобное же сообщество дизайнеров в русском варианте. Предложение появляются практически каждый час, так что ушки на макушки и вперед.

davidairey.com — сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого-дизайна.

behance.net — сайт, собравший в себе портфолио художников, дизайнеров и людей искусства со всего мира. Честно говоря, по-настоящему вдохновляющий сайт.

designiskinky.net— австралийский сайт о дизайне. Сфокусирован только на новостях дизайна. В общем, сайт только про дизайн и еще раз дизайн.

freelancefolder.com — фрилансерское блог-сообщество с регулярными и очень полезными статьями о том, как лучше организовать работу вне штата.

bittbox.com— сайт, посвященный всем дизайнерским нуждам. Текстуры, кисти, узоры, а также консультация всех желающих. И все это абсолютно бесплатно, как мы любим.

vandelaydesign.com — собрание очень хороших статей из медиаресурсов. Особенно понравится этот сайт веб-дизайнерам.

youthedesigner.com— этот сайт полон разнообразных статей о графическом дизайне. Очень незаурядный.

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

logopond.com — все о логотипах. Отличных примеров хоть пруд пруди.

bangbangstudio.ru— качественный российский сайт для иллюстраторов с очень интересными работами.

logodesignlove.com— сайт сфокусированный только на логотипах. Его название говорит само за себя. Регулярные новости и ресурсы.

noupe.com — отличный сайт о веб-дизайне и веб разработках.

smashingmagazine.com — здесь есть информация обо всем, что нужно как начинающему разработчику, так и профессионалу в области дизайна.

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

sitepoint.com— очень разнообразный сайт: графика, css, ajax.

webappers.com— блог, содержащий множество исходников, распространяемых по принципу open-source и предназначенный для веб-разработчиков и дизайнеров.

happycog.com— на этом сайте его создатели публикуют свои собственные красивые веб-сайты и делятся лучшими из своих идей.

webdesignerwall.com— каждый дизайнер должен знать, пусть даже если он не интересуется веб-дизайном.

designfloat.com — сайт по типу сайта digg.com, только на тему дизайна.

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

bluevertigo.com.ar— здесь собраны ссылки на, пожалуй, все крупные фотобанки интернета.

sxc.hu — один из самых крупных, любимых и бесплатных фотобанков интернета. Хороший выбор изображений любого качества и тематики.

iconfinder.com — название сайта говорит само за себя. Если нужны иконки, вам сюда.

dafont.com— более 11 000 шрифтов на любой вкус.

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

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

thefwa.com— главным образом, здесь собраны флэш-сайты в очень высоком качестве. Вдохновляющая подборка.

cssmania.com— другие, но не менее привлекательные подборки CSS-сайтов.

cssremix.com — еще одна очень хорошая галерея из CSS-сайтов.

bestwebgallery.com— очень полезная галерея для дизайнеров всех мастей.

ilovetypography.com— название говорит само за себя. Обязательно зайдите и вам понравится.

typographe.com — сайт про типографику по-французски. Что-то в нем есть. Что-то французское.

slanted.de— а это крупный немецкий сайт о типографике. Много теории, примеров и полезных советов.

paratype.ru— уютный сайт, посвященный шрифтам, порадует русских дизайнеров.

[HR][/HR]

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

● dreamstime.com
● freedigitalphotos.net
● freeimages.com
● freerangestock.com
● freephotosbank.com
● imagefree.com
● imcreator.com
● morguefile.com
● pixabay.com
● publicdomainpictures.net
● stockvault.net
● rgbstock.com
● ancestryimages.com
● bigfoto.com
● gratisography.com
● join.deathtothestockphoto.com
● freemediagoo.com
● blog.hubspot.com
● istockphoto.com
● littlevisuals.co
● nos.twnsnd.co
● picjumbo.com
● pickupimage.com
● superfamous.com
● unsplash.com
● commons.wikimedia.org
● canweimage.com
● compfight.com
● search.creativecommons.org
● foter.com
● images.google.ru
● everystockphoto.com
● imagefinder.co
● photopin.com
● stockphotos.io
● tineye.com
● wylio.com
● canva.com
● gettyimages.com
● pinterest.com
● picjumbo.com
● publicdomainarchive.com
● splitshire.com
● openphoto.net

[HR][/HR]

Просьба оставлять отзывы в теме.

[HR][/HR]

http://color.method.ac/
Ваша задача как можно скорее подобрать цвет, представленный в примере. Вы будете подбирать цвета по оттенку, насыщенности, комплиментарности и пр.

[HR][/HR]http://woodgears.ca/eyeball/index.html
Проверьте свой глазомер: найдите центр круга, расположите правильно биссектрису, найдите точку одинаково отдаленную от заданных ориентиров и т. д.

[HR][/HR]http://type.method.ac/#
Редактируем кернинг: подбираем правильный межбуквенный просвет.

В новые проекты нужны новые шрифты, так ведь? Есть много довольно популярных бесплатных шрифтов, которыми пестрит вся сеть, например, новые шаблоны веб-сайтов, баннеры, рекламные листовки и т. д. Если вы видите, что чуть ли не каждый графический проект сегодня набран Open Sans, Bebas, Raleway и Exo, то вам пора найти способ выделиться из толпы за счёт свежих шрифтов.
Предлагаю вам 10 замечательных простых шрифтов для минималистского дизайна. Свежие новинки 2014 года, абсолютно бесплатные для скачивания.

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

Universe by Vincent Labonne

Equal by Isaac Taracks

Facile Sans by Twicolabs Design

Thin Line by Gatis Vilaks

Regina by Santino Calvo

Silent Lips by Vincent Labonne

Roboto 2014 by Christian Robertson

Landscape by Gita Elek

PT Sans by Paratype

Fira Sans by Mozilla

[HR][/HR]

https://vk.com/app3000222_48507161

[HR][/HR]

СКАЧАТЬ

• balbesof.net/down/view/brashs.html
• lenagold.ru/
• artfile.ru/
• www.photoshop-master.ru
• deslife.ru/
• photoshop.demiart.ru
• rukurs.com
• softoplanet.ru
• typenow.net
• deviantart.com
• uzhuka.ru/load/
• zerolayer.ru/index.php
• 0lik.ru/
• pixelbrush.ru

+ 1. http://subtlepatterns.com
Subtle Patterns – oтличная онлайн-коллекция шаблонов для “бесконечного” фона на сайте. И вся эта красота – бесплатно.

2. http://www.stripemania.com
Stripe Mania – бесплатное веб-приложение, которое позволяет вам создавать фоновые изображения “в полосочку”. Можно использовать до 5 сочетаний цветовой гаммы, с разной шириной и расстоянием между полосками в создаваемом фоне.

3. http://www.stripegenerator.com
Stripe generator – онлайн-сервис для быстрого создания картинок, чтобы использовать их в качестве фонового изображения на сайте.

4. http://www.colourlovers.com
Colour lovers – огромная подборка цветов, палитр и паттернов для создания фоновых изображений. Еще можно добавлять собственные фоны в коллекцию, доступную для пользователей по всему миру.

5. http://pictaculous.com
Pictaculous – бесплатный онлайн-сервис, который позволяет вам сгенерировать цветовую палитру на основе загруженного файла в формате PNG, JPG или GIF.

6. http://tools.medialab.sciences-po.fr/iwanthue/
I want hue – онлайн-сервис для поиска и подбора сочетания групп и цветов, Отлично подойдет для тех, кто занимается колористикой, созданием цветовых схем и “размножением” шаблонов для сайтов.

7. http://placeit.breezi.com
Placeit – сервис для подготовки фото-картинок для портфолио. С его помощью ваш сайт можно “вставить” на экран ноутбука, айпада или айфона. Отлично подходит для подготовки презентационных материалов.

8. http://placehold.it
Place hold – сервис для быстрой онлайн-демонстрации готовых шаблонов и сайтов. Можно задать цвет, размер, масштаб загружаемых макетов и картинок.

9. http://www.cutandslice.me
Cut & Slice me – бесплатный плагин для Photoshop, чтобы экспортировать готовые картинки на различные устройства в течение нескольких секунд.

10. http://css3ps.com
css3ps – бесплатный “облачный” плагин для Рhotoshop, чтобы конвертировать готовые слои в CSS3.

11. http://creately.com
Creately – быстрый инструмент для создания графиков и диаграмм, которые можно использовать в презентациях.

12. http://www.easel.ly
Easel.ly – простой редактор для быстрого создания инфографики в вашем браузере без использования сторонних инструментов обработки изображений.

13. http://sneakpeekit.com
Sneakpeekit – набор инструментов для создания фреймов и разработки прототипов для вашего сайта.

14. http://loadergenerator.com
Loader Generator – бесплатный веб-сервис для создания анимированных загрузчиков сайта.

15. http://mothereffinganimatedgif.com
Mothereffing animated gif – простое приложение для загрузки сразу нескольких картинок и получения на их основе настраиваемой анимации с рядом заданных параметров: размер, частота показов, качество итоговой анимации и т.д.

16. http://duri.me
Duri.me – генерация кода для изображений, чтобы этот код в дальнейшем использовать для вставки на ваш сайт.

17. http://rsizr.com
Rsizr – онлайн-редактор для изменения изображений и быстрого масштабирования графики.

18. http://www.fotor.com
Fotor – мощный и понятный онлайн-редактор практически любой графики с большим набором встроенных инструментов и фильтров. Есть отдельные приложения для Android and iPhone.

19. http://www.jpegmini.com
JPEGmini – бесплатный онлайн-сервис, при помощи можно “сжать” готовый фотоснимок с сохранением исходного качества (поддерживается пятикратное сжатие) и получить готовый более “легкий” файл в формате JPEG.

20. http://cropp.me
Cropp.me – очень простой и быстрый инструмент для масштабирования и “кропа” готовой графики до нужных вам размеров или пропорций.

21. http://cropp.me
Photocat – онлайн-редактор изображений, который оснащен богатым инструментарием для работы с графикой. Готовые изображения сохраняются в JPG или PNG.

22. http://www.roundpic.com
Round pic – веб-сервис для быстрого создания “круглых уголков” для любых изображений. Действия с заранее заданными параметрами можно проконтролировать в окне предварительного просмотра.

23. https://kraken.io
Kraken – онлайн-приложение для оптимизации снимков и корректировки их “веса”, чтобы сделать графику более “легкой”.

24. http://editor.method.ac
Editor method – веб-приложение для работы с векторной графикой прямо в вашем браузере. Достаточно открыть браузер – и вас под рукой сращу богатый набор инструментов для создания изображений в формате SVG. Мощности Adobe Illustrator от него ждать не стоит; но многие задачи с его помощью решить можно.

25. http://www.patternify.com
Patternify – браузерное приложение для создания шаблонов фонового изображения без применения каких-либо редакторов. На каждый созданный шаблон также создается уникальная ссылка, при помощи которого готовый шаблон можно показать друзьям или коллегам.

26. http://thenounproject.com
The noun project – онлайн-коллекция из отличной узнаваемой графики, которая постоянно пополняется.

27. http://copypastecharacter.com
Copy paste character – онлайн-коллекция символов Unicode, из которой можно выбрать и скопировать в свой контент любой понравившийся символ.

28. http://www.xiconeditor.com
X-Icon Editor – приложение на основе HTML5 для создания иконок с высоким разрешением, которые можно применить на сайте или для новых вкладок в веб-проектах.

29. http://makeappicon.com
Make app icon – для оптимизации иконок для любых приложений под iOS и Android. Просто загрузите картинку, – и сервис автоматически изменит ее размер до требуемых пропорций. Результаты сохраняются в PNG, JPG и PSD.

30. https://icomoon.io/app/#/select
IcoMoon – онлайн-сервис для подготовки и создания монохромных иконок и встраивания их в шрифты. Выбранное изображение можно встроить и оформить на сайте на основе правил, прописанных в CSS, либо параметров текста и формы. Также есть простой визуальный редактор для иконок.

31. http://www.mobiletuxedo.com/touch-gesture-icons/
Mobile tuxedo – позволяет создавать иконки, которые оптимизированы для работы с сенсорными экранами. Готовая графика сохраняется в форматах EPS, PSD и PNG в различных разрешениях.

32. http://iconmonstr.com
Icon monstr – коллекция из более чем 600 иконок для веб-приложений, диаграмм и графиков. Все иконки доступны в форматах PNG и SVG.

33. http://www.endlessicons.com
Endless icons – сайт с постоянно пополняемой коллекцией монохромных иконок. Все иконки изготовлены в стиле скетчей, нарисованных от руки.