Знаете ли вы порталы, где показываются интерфейсы для конкретных задач?

Question

[Mikhail Osher]

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

Пример: создание/редактирование команд. Название команды и список участников. Я перепробовал кучу всего - мне всегда не нравится, и переделываю.

Можете подсказать, дамы и господа?)

Answer 1

[Павел Волынцев]

inspired-ui.com
ui-patterns.com
pttrns.com
www.smileycat.com/design_elements
patternry.com
www.mobile-patterns.com
zurb.com/patterntap

ну и, вдруг понравится, наш проект https://icons8.com и блог https://icons8.com/blog

Comments

[Павел Волынцев]

вообще на разных ресурсах надо поискать по фразе "ui patterns" или "ui design patterns"

[Mikhail Osher]

Спасибо за объемный ответ.

[Мак Алексей]

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

[Павел Волынцев]

Мак Алексей: Уже есть. Может быть не интуитивно понятно take.ms/7vxPb Мы делаем A/B тестирование для того, чтобы пользователям было проще переключиться от простого поиска иконок к использованию нашего онлайн-редактора. Чтобы не надо было ставить Illustrator или Photoshop для простейших операций над иконками: изменить размер, покрасить, тень добавить, подложку, сделать шрифт или спрайт.

[Мак Алексей]

Павел Волынцев: Я читал про SVG шрифты (что они есть на платных планах), но я говорил о TTF, WOFF, EOT. Поддержка caniuse.com/#feat=svg-fonts крайне печальна.

[Мак Алексей]

Павел Волынцев: Вы, наверное, слышали про https://icomoon.io/ ? Я о такой возможности.

[Павел Волынцев]

Мак Алексей: icons8.github.io/windows-10-icons/font этовеб-шрифт из наших иконок нашими же утилитами. В файле CSS выбирается EOT/TTF/WOFF/SVG версии в зависимости от возможностей браузера. У icomoon аналогично.

[Мак Алексей]

Павел Волынцев: Тогда извините. Буду иметь ввиду.

[Павел Волынцев]

И чтобы ни у кого волосы дыбом не вставали: <<Ваш сайт с акции "труд несовершеннолетних">> Не, это не то что вы подумали. Это я хотел опубликовать книжку "251 совет, как дети и подростки могут заработать", но на половине остановился. Возникли сомнения в том, что моё мнение является авторитетным :) Хотя заинтересованных было значительное количество.

Answer 2

[Антон Соловьёв]

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

Смотрите ещё Behance, тоже иногда к проектам есть нормальное описание.

Answer 3

[Александра Быстрова]

www.cssauthor.com