20 страхотни отзивчиви шаблона и теми (безплатни и премиум)
В момента отзивчивият уеб дизайн е яростта, но като дизайнер на пълен работен ден е трудно да отделите време да се ориентирате към нови тенденции, без значение колко полезни и може би дори необходими са те.
Предварително изградените теми и шаблони ви осигуряват бърз и лесен начин да започнете с отзивчив уеб дизайн. Много от тях вършат цялата работа за вас и осигуряват обикновен работен процес за включване и възпроизвеждане, други просто се грижат за тежкото повдигане, като се грижат за медийните заявки и ви предоставят пълен контрол върху дизайна. Тази публикация съдържа 20 безплатни и премиум шаблона, всички от които са напълно отзивчиви веднага.
Отзивчива подредба: прищявка или необходимост?
Напоследък има много дискусии относно отзивчивия уеб дизайн. Мнозина го оценяват като бъдещето на уеб дизайна и дори стигат дотам, че просто не правите уеб дизайна по правилния начин, ако вашите сайтове не отговарят на тяхната конкретна формула за максимална съвместимост. Други твърдят, че това е просто още една играчка в дълъг ред прищявки, които идват и си отиват.
Отговорът вероятно е някъде между двете. Истината е, че уеб дизайнът наистина се е ударил в голяма пречка с богатството на различни размери на екраните, които сега имат достъп до мрежата редовно. Много сайтове не могат нито да си позволят да изоставят големи части от мобилни потребители, нито могат да създават персонализирани сайтове, идеално пригодени за всеки смартфон, таблет, лаптоп и десктоп на пазара.
Чувствителният дизайн, независимо дали е тенденция или не, в момента е най-добрият отговор на този проблем. Ако медийните заявки изпаднат в полза, това просто ще бъде, защото се появи по-добро решение, а не защото проблемът престава да бъде важен.
Не мога да кажа как ще разработваме сайтове след десет години, но можете да се обзаложите, че размерите на екраните ще продължат да стават все по-фрагментирани, тъй като всичко с батерия или щепсел бързо става способно да влиза в интернет. Ако определим „отзивчивия“ уеб дизайн като набор от техники, използвани за осигуряване на максимална съвместимост на възможно най-много устройства, тогава определено не гледаме на прищявка, а на сегашния и бъдещия стандарт за професионалистите в нашата индустрия.
Някои се оплакват от допълнителните усилия и време за разработка, но всъщност не е толкова лошо, колкото може би си мислите и след като сте го изтеглили няколко пъти, въздействието върху работния процес може да бъде съвсем минимално. Инструментите в тази публикация го правят още по-бърз, като отнемат по-голямата част от натиска от вас, когато става въпрос за отзивчивите елементи.
20 отзивчиви шаблона и теми
Yoko - Безплатна HTML5 / CSS3 WordPress 3.1+ тема
„Йоко е модерна и гъвкава тема на WordPress. С отзивчивото оформление, базирано на CSS3 медийни заявки, темата се адаптира към различни размери на екрана. Дизайнът е оптимизиран за големи настолни екрани, таблети и малки екрани на смартфони. За да направите блога си по-индивидуален, можете да използвате новите формати за публикации (като галерия, встрани или цитат), да изберете ваше собствено лого и изображение на заглавката, да персонализирате фона и цвета на връзката. “
скелет
Skeleton е котел, който успешно прави разработването на отзивчиви уебсайтове лесно. Няколко пъти сме писали за него на Design Shack и наистина обичаме неговата простота. Заедно с изтеглянето можете, разбира се, да получите демо файл, който лесно може да бъде използван като начален шаблон за надграждане на вашата собствена работа.
Отзивчиви двадесет и десет (WP тема)
Отзивчиви двадесет и десет е детска тема на основната тема на WordPress с много страхотни функции като гъвкави изображения. Авторите ви дават разрешение да "изтегляте, вземате, използвате, променяте и правите с него каквото си поискате."
Шаблон за уеб дизайн, адаптивен към Onextrapixel
Много основен, но солиден безплатен шаблон / урок за отзивчив уеб дизайн. Това е перфектно, ако просто искате да разкопаете и да видите как работи прост отзивчив шаблон без целия пух.
Романът: Отзивчива WP тема за писатели
Много уникална изглеждаща тема със симулиран интерфейс за отворена книга, която мащабира добре, когато преоразмерите браузъра. Перфектен за лични портфейли на писатели.
Тема на Ari WordPress
Ari е много минимална тема на блога, която е супер привлекателна в своята простота. Той е създаден за WordPress 3 и по-нова версия и включва както светла, така и тъмна тема. Определено ще искате да разгледате това.
Златна решетка
Подобно на Skeleton, Golden Grid е нещо повече от шаблон, това е рамка за изграждане на отзивчиви сайтове. Етикетиран като сгъваема решетка за отзивчив дизайн, „16 колоните могат да бъдат комбинирани или сгънати в 8 колони за екрани с размер на таблета и в 4 колони за такива с размер на мобилни устройства.“
Добър минимален - отзивчив шаблон HTML5
„Good Minimal е изчистен и минималистичен шаблон за стил, който е подходящ за портфолио, блогове и бизнес.“ Много подобен на предишния шаблон в много отношения, но с по-смел, по-уникален дизайн. Много харесвам вида на типографията в тази.
iTheme2 (WordPress)
iTheme2 е великолепен безплатен шаблон за блог, който има отзивчиво оформление и множество страхотни функции като плъзгач за персонализирани функции, джаджа за социални медии, две тематични кожи и други.
Фолио втора
„Folio Two е разширено портфолио, практичен и използваем шаблон, проектиран с HTML5 + CSS3 и използващ jQuery за подобряване на страхотно потребителско изживяване.“
Този шаблон разполага с наистина хубава голяма решетка от изображения, която се преобразува плавно при промяна на размера на прозореца на браузъра. Решетката изглежда страхотно както малка, така и голяма!
Grido WP Тема
Grido е страхотен и впечатляващ подвиг на трикове за уеб оформление. Той разполага както с оформление, наподобяващо зидария, така и с адаптивна система, която коригира това оформление за няколко размера на екрана. Предлага се с множество цветни схеми, галерия с лайтбокс, седем кожи и други.
Гъвкава WordPress тема
„Гъвкавата е WordPress тема, която ви помага да представите съдържанието си и да го показвате, за да отговаря на различни размери на екраните, със собствен дизайн. Той също така осигурява наистина лесна интеграция с Facebook и Fan Gate опция, задължително, ако имате уебсайт. "
Тема за съзвездие WordPress
Тази тема има всичко. Не само, че е отзивчив, той е изграден на HTML5 Boiler Plate и съдържа както хоризонтална мрежа, така и пиксел перфектен вертикален ритъм, който красиво мащабира на всички устройства. Това е перфектната отправна точка за следващия ви проект WordPress.
Безпроблемна отзивчива фоторешетка
Хубав малък експеримент от Крис Койер, който можете да изтеглите и използвате. По същество това е просто голяма решетка от снимки, която мигновено се приспособява към различния размер на прозореца на браузъра.
Tisa WP Тема
Друга страхотна и отзивчива тема Themify с много големи изображения, красива цветова схема и шест тематични кожи.
Meerkats отзивчива WordPress тема
„Темата Meerkats е създадена да отговаря на различни платформи и устройства. Това е проста и основна тема на WordPress, създадена от Грегор Маккелви. "
Рамка за бяла дъска
„Рамката за бяла дъска за WordPress е разработена, за да ускори процеса на разработване на тема на WordPress. Бялата дъска прави това, като премахва времето, прекарано за код, общ за всички теми на WordPress, и включва ненатрапчив код, който подобрява общата тема на WordPress по много начини - включително SEO, бързина, използваемост и поддръжка за мобилни устройства. “
Изградена на популярната по-малко рамка, Whiteboard използва както HTML5, така и CSS3 и ви дава почти непобедима отправна точка за разработване на отлично отговарящи на WP теми.
заключение
С тези двадесет невероятни ресурси трябва да бъдете напълно въоръжени, за да започнете да създавате отзивчиви уеб дизайни както в правия HTML / CSS, така и в WordPress. Без значение какъв е бюджетът ви, тук има няколко теми и шаблони, които са идеални за вас.
Оставете коментар по-долу и ни уведомете дали сме пропуснали някой. Попадали ли сте на страхотни отзивчиви шаблони и теми? Искаме да ги видим!
){kind=link}