На каких сайтах можно посмотреть идеи дизайна веб элементов (кнопок, полей ввода, списков и т.д.)?

Question

[Ростислав]

Я сам верстальщик, с дизайном с нуля как-то не ладится. Есть ли какие-то сайты где можно подчерпнуть идеи? Например дизайн кнопок, полей для ввода, списков и прочего в виде изображений или html+css.

Answer 1

[Влад]

Лично сам беру отсюда:
freebbble.com/type/ui
dribbble.com/search?q=ui
graphicsland.ru/freebies/templates
freebies.flatro.ru/publications/category/ui-kit

Answer 2

[Никита Гарейшин]

Эх, жаль пару порталов кануло в небытие…
Вот парочка что есть)

houseofbuttons.tumblr.com
www.uiparade.com
ui-cloud.com

Answer 3

[kmaroff]

Электронные письма
goodmails.ru
www.htmlemailgallery.com
https://emailmonks.com/emails-newsletter-design-in...
www.emaildesigninspiration.com
www.email-gallery.com
https://reallygoodemails.com
https://www.campaignmonitor.com/best-email-marketi...
inspiration.mailchimp.com
htmlemaildesigns.com

Сборники сайтов:
market.envato.com
www.siteinspire.com
flatinspire.com
www.awwwards.com
www.webdesign-inspiration.com
www.thebestdesigns.com
thedesigninspiration.com/category/websites
https://httpster.net
https://siiimple.com — минимализм
minimal.gallery — минимализм
https://ru.pinterest.com/zevvs/web-design/
theperfectgrid.tumblr.com — сайты с не обычными сетками
cargocollective.com/favorites — креативные сайты
https://www.website-designaward.com/category/sotd/ — сайты дня
https://bestwebsite.gallery
https://cssnectar.com

Сборник лэндингов
https://land-book.com
www.landingfolio.com
www.lapa.ninja
https://onepagelove.com
www.pages.xyz/type/product

Подборка дизайнерских решений
www.calltoidea.com
https://www.uplabs.com
100-beste-plakate.de/archiv-plakate

Бесплатные html шаблоны
https://w3layouts.com

Answer 4

[Максим Федоров]

https://www.awwwards.com/websites/nominees/
https://www.behance.net/search?field=102&content=p...

Answer 5

[akavato]

www.dailyuikit.com
Там и css html сразу есть

Answer 6

[Vimux]

www.calltoidea.com

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

Answer 7

[boss_lexa]

Для E-Commerce
https://baymard.com/

Answer 8

[Сергей Некрасов]

https://www.sketchappsources.com/category/ui.html

Answer 9

[tyzberd]

components идут с демо https://framework7.io/docs/accordion.html
https://material.io/guidelines/components/bottom-n...

Answer 10

[romansergeevich]

На Рinterest сходи ещё.

Comments

[Нерон Лордов]

тупейший сайт, тупее еще не видывал - форменная помойка

[Johny Smith]

Nekto_Habr, там суть в тегах

[Нерон Лордов]

Olek1, как и везде. но это его не спасает

Answer 11

[Иван]

https://codepen.io/patterns
https://www.creative-tim.com/bootstrap-themes/ui-kit
www.99lime.com/uikit

Answer 12

[lotse8]

Имеет ли смысл верстальщику заниматься отдельными элементами дизайна, все равно ведь это нужно все сводить в одну общую концепцию дизайна, и чтобы все гармонировало. Не проще ли купить за 50-70 зеленых готовую тему для WordPress или до 20 зеленых тему HTML? Смотришь тему, выбираешь подходящую, покупаешь и ставишь. Ну чуть допилить придется, не без этого. Тему можно сразу проверить google на скорость загрузки и оптимизацию для мобильных устройств и брать прошедшую тест google. Да и заказчику можно сделать скринов тем штук пять и дать на выбор, потом претензий к дизайну меньше будет. См. темы https://themeforest.net/

Answer 13

[Нерон Лордов]

юзаю гугл-картинки обычно. хватает. и контент свежий.