School — бесплатный шаблон для сайта школы на uCoz. Дизайн для сайта школы


Школьный дизайн для шаблона сайта

В данном уроке мы будем учиться рисовать макет для сайта в стиле «Школьный».

Материалы для урока:

Ластик

Ручка

Карандаш

Архив

Шаг 1. Для начала создадим тетрадный лист и добавим к нему несколько изображений. Для тетрадного листа создадим полосатый фон темно-синего цвета, размером 700x550 пикселов. Используем инструмент rectangular marquee tool (Прямоугольная область выделения) для того, чтобы создать светло-голубые полосы на новом слое.

Поместите этот слой в папку под названием «Полосы» (для того, чтобы поместить слой в папку – выделите необходимый слой и нажмите комбинацию клавиш <Ctrl+G>). Активизируйте инструмент  free transform tool (Свободное трансформирование) из меню edit > free transform (Редактирование – Свободное трансформирование)и поместите полосу строго по горизонтали. Полоса должна быть достаточно длинной, такой, как показано на рисунке:

Шаг 2. Теперь созданную полосу поверните на 45 градусов. Это полоса должна находиться в папке «Полосы».

Шаг 3. Дублируйте полосы (удерживая клавишу <Alt>, переместите полосу в сторону, создавая копию), располагая их равномерно, как показано на рисунке. Все эти полосы поместите в папку «Полосы».

Шаг 4. Объедините папку «Полосы» - кликните правой кнопкой мыши по миниатюре с изображением папки группы и выберите команду – объединить группу.

Шаг 5. Уменьшите непрозрачность слоя с полосами до 30%, дублируйте этот слой и отразите его по горизонтали: flip it horizontally (Отразить по горизонтали) в меню: edit > transform > flip horiztonal (Редактирование – Трансформирование – Отразить по горизонтали), как показано на рисунке:

Шаг 6. Воспользуйтесь инструментом  rectangular marquee tool (Прямоугольная область выделения) для того, чтобы создать белый прямоугольник на новом слое, который и будет выполнять функцию листа бумаги. Назовите этот слой «Бумага 2».

Шаг 7. Дублируйте слой, который был в группе «Полосы», назовите его «Бумага 1» и сделайте его невидимым.На новом слое создайте узкую прямоугольную полосу фиолетового цвета при помощи инструмента rectangular marquee tool (Прямоугольная область выделения).

Шаг 8. Дублируйте линию несколько раз. После этого объедините все слои с полосками в один.

Шаг 9. Сделайте видимым слой «Бумага 1» и объедините слои «Бумага 1» и «Бумага 2» в один слой, затем примените к ним стиль слоя drop shadow (Внутренняя тень) с настройками, которые указаны на рисунке:

Шаг 10. Сделайте активным слой «Бумага 2» и используйте инструмент free transform (Свободное трансформирование) из меню edit > free transform (Редактирование - Свободное трансформирование)для того, чтобы повернуть этот слой по часовой стрелке. Выровненная бумага должна находиться под углом, как показано на рисунке:

Шаг 11. Дублируйте слой «Бумага 1» и поместите его ниже двух других слоев. Поверните слой «Бумага 1» против часовой стрелки, как показано на рисунке и немного подвиньте:

Шаг 12. Создайте дубликат только что повернутого и выровненного слоя «Бумага 1»И создайте прямоугольное выделение, как показано на рисунке. Таким образом, мы будем создавать листок стикера.

Шаг 13. Заполните созданное выделение цветом с показателем: #F9EEB3

Шаг 14. Создайте прямоугольное выделение верхней части желтого стикера, увеличьте насыщенность этой выделенной части: saturation (Насыщенность)из меню: image > adjustments > hue /saturation (Изображение – Коррекция – Цветовой тон/Насыщенность).

Шаг 15. Поместите наш стикер за верхний слой «Бумага 1», и немного его поверните.

Шаг 16. Теперь к созданной нами раскладке будем добавлять содержимое. Для написания текста используется шрифт под названием  "angelina", который Вы можете найти в архиве.

Шаг 17. Параметры настройки, используемые для текста, показаны ниже:

Шаг 18. В заключительной части урока, мы будем добавлять объекты к нашему макету. Здесь я покажу, как поместить пару объектов, а дальше Вы сами сделаете с другими объектами то же самое.Прежде всего, нам нужно удалить фон, на котором находится ластик. Для этого воспользуйтесь инструментом magic wand tool (Волшебная палочка). Кликните этим инструментом по светлому фону за ластиком, фон выделится, и Вы можете его удалить, нажав клавишу <Delete>.

Шаг 19. Используйте инструмент transform tool (Трансформирование)из меню: edit > free transform (Редактирование – Свободное трансформирование),для того, чтобы повернуть ластик на 50 градусов.

Шаг 20. Измените оттенок ластика: saturation (Насыщенность)из меню: image > adjustments > hue/saturation (Изображение – Коррекция – Цветовой тон/Насыщенность).

Шаг 21. Немного уменьшите размер ластика:

Шаг 22. Проверьте, хорошо ли удален фон от ластика:

Шаг 23. Макет должен быть похож на этот рисунок:

Шаг 24. Примените к ластику стиль drop shadow (Внутренняя тень) из меню: layer > layer style > drop shadow (Слой – Стили слоя – Внутренняя тень).

Шаг 25. Удалите фон от карандаша и примените к нему тень:

Шаг 26. И теперь добавьте к макету изображение шариковой ручки:

Шаг 27. Вот и все! Макет сайта в стиле «Школьный» закончен.

Желаю Вам успехов!

Автор: flash-game-design

photoshop-master.ru

бесплатный шаблон для сайта школы на uCoz

Так уж повелось, что на uCoz работает огромное количество официальных сайтов школ. И как по мне все они заслуживают того, чтобы иметь более яркие дизайны. Не так давно в сети появился новый, достаточно функциональный шаблон для uCoz, который просто идеально подойдет для сайтов школ.

Ну а так как наш народ уж очень любит сладкое слово халява — я отправляю его в свободное «плаванье». Надеюсь со временем на нем появится много образовательных учреждений, которые скажут спасибо его создателям и uGuide.ru за возможность получить этот дизайн совершенно бесплатно.

По большому счету название этого шаблона говорит само за себя — «School». Дизайн изначально заточен, чтобы позиционироваться как шаблон для сайта школы, или какого-то другого учебного заведения. Хотя его легко можно «поправить» и переделать практически под любую другую тематику.

Теперь немного о самом дизайне. Внешний вид по-умолчанию полностью соответствует ожиданиям и тому образу, который всплывает перед глазами, когда представляешь себе настоящий сайт школы… Глядя на эту тему понимаешь, что в ней все так, как и должно быть: изображение школьной доски, учебников, глобуса. Все это не даст тебе усомнится в том, что ты попал именно на школьный сайт. Сам шаблон выполнен в светлых тонах, поэтому с уверенностью можно сказать что придется по вкусу практически всем. Кстати, если вы ищете именно светлые шаблоны для uCoz — рекомендую http://utemplate.pro/shop/colors/orange. Уверен, сможете найти массу подходящих вариантов.

Ну а вот так собственно и будет выглядеть ваш сайт на этом дизайне (по-умолчанию).

School

Теперь немного о технической части. По своей структуре этот шаблон состоит из двух колонок, над которыми расположено информационное меню (ширина 823 px). В левом сайдбаре установлены базовые модули, при необходимости их можно удалить или заменить на более подходящие. Естественно в эту колонку уместно будет добавить основные разделы сайта. Приятно, что в шаблоне уже реализована интеграция с популярными социальными сетями, что бы все ученики и преподаватели были в курсе последних событий.

Хочу отметить, что дизайн выполнен в минималистическом стиле — убрано все лишнее, что отвлекало бы внимание от главной информации и лишь раздражало посетителей. Хотя яркость, в некоторых случаях, может быть и плюсом. Все мы помним красочный, детский шаблон Лилипутик. Он бы явно потерял свою прелесть, без своего «блеска».

В общем однозначно рекомендую! С этим шаблоном ваш школьный веб-сайт будет загружаться очень быстро, отлично отображаться в браузерах и выглядеть превосходно на устройствах с любым разрешением и форматом дисплея.Ну и напоследок то, ради чего все тут собрались: по этим кнопкам можно скачать файл шаблона, или перейти на сайт с примером использования. Если у вас возникнут какие-то трудности по установке, или любые другие вопросы — можете задавать прямо здесь…

ucoz-site.ru

Шаблоны сайта языковой школы с онлайн-записью и оплатой

Знание иностранных языков не только свидетельствует о многогранности человека и уровне его развития, но и является жизненной необходимостью. Особенно в современном мире, где быстрыми темпами происходит глобализация и интеграция. Многие хотят изучать не только английский, но и испанский, немецкий, французский и даже японский языки. Именно поэтому такой популярностью пользуются языковые школы, лингвистические центры и языковые курсы онлайн. Даже если с бизнесом все в порядке, иметь сайт для компании, предоставляющей языковое обучение, просто жизненно необходимо. Чтобы он был качественный, следует использовать шаблоны сайта языковой школы. Причем премиум класса.

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

При выборе шаблона важно выбрать достойную платформу. Оптимальным вариантом для языковой школы, по моему мнению, будет CMS WordPress. Ее отличает чрезвычайная легкость разработки, чистота и безопасность кода, а также доступность для новичков. Чтобы создать сайт на Вордпрессе, необязательно быть экспертом в программировании. Нужно иметь лишь вкус и фантазию. Благодаря возможностям настройки админки WordPress в этом вы не будете ограничены. На базе этой системы создано больше 28% всех сайтов, а это говорит о том, что это платформа №1 по популярности!

Для статьи я нашел пять лучших тем, чтобы вам было из чего выбирать. Все шаблоны языковой школы относительно свежие. Они имеют положительные отзывы и рейтинг не ниже 4/5. Выберите тот, который вам приглянется, и создавайте сайт уже сегодня! Также, как альтернативный вариант, прочтите обзор образовательных тем на Вордпресс.

Шаблоны сайта языковой школы с онлайн-записью и оплатой

Language Center – Вордпресс тема для языкового центра и онлайн-школы

Тема с трендовым дизайном Language Center станет идеальным вариантом для лингвистических центров, учебных заведений различного уровня (колледжей, университетов и школ) и индивидуальных репетиторов. Причем обучение можно проводить как в классическом виде, так и в онлайн-режиме. Благодаря поддержке настраиваемых типов записей вы сможете создавать и проводить на сайте онлайн-курсы.

С конструктором сайта Visual Composer и построителем шорткодов у вас появится возможность настроить сайт и макет каждой страницы так, как вам захочется. Причем довольно быстро. С этим также поможет плагин сетки Essential Grid и плагин слайд-шоу Revolution Slider.  Навигация поддерживает удобное мега меню и классные jQuery/CSS3 анимационные эффекты.

Тема разработана на базе мощного фреймворка, а код написан с использованием лучших практик HTML5 и CSS3. Это позволяет добиться оптимизации работы сайта по скорости. К тому же, тема отлично себя чувствует при работе с различными браузерами и на любых устройствах.

Посмотреть подробнее / Скачать

Education Pack – тема для обучения и образования на Вордпрессе

Самая популярная тема в обзоре идеально подойдет под понятие «универсальная». Она имеет в запасе демо-темы для университета, школы дизайна, языковой школы, онлайн-курсов, музыкальной, танцевальной и даже школы вождения. В этом многие другие шаблоны сайта языковой школы ей слегка проигрывают.

Вас удивит наличие плагинов и дополнений на общую сумму свыше 600$, которые вы получите без дополнительной платы! Среди них Visual Composer для разработки сайта и собственная система управления обучением (LMS).

Для языковых курсов доступна удобная возможность сравнения. Если студенту какой-то курс приглянулся, он может его добавить в закладки. Благодаря PayPal-функционалу у вас будет возможность принимать на сайте оплату за обучение. Это очень удобно и для вас, и для студентов. К курсам можно прикреплять любое количество обучающих материалов и документов. Также на сайт встроен раздел отзывов, что поможет вам продвигать свою школу и привлекать новых учащихся. К тому же, курсами можно делиться в соц.сетях.

Education Pack это полный комплект средств для сайта вашей языковой школы!

Посмотреть подробнее / Скачать

Education WordPress – обучающие шаблоны сайта языковой школы с премиум функциями

Еще одна многоцелевая тема для различных учебных заведений (универов, школ, колледжей), онлайн-курсов и других образовательных целей. В нее встроено 10 уникальных демок, и одна из них для языковой школы. Дизайн строгий и чистый, что понравится большому количеству посетителей.

Главная изюминка темы – встроенный LMS-плагин LearnDash, который позволит вам принимать оплату за курсы без WooCommerce. Онлайн-курсы можно разбивать на отдельные категории и добавлять в них уроки, темы и опросы. Обучающие материалы вы сможете загружать по заданному расписанию. Во время обучения учащиеся получают баллы, а по завершении сертификат о прохождении.

Дополняет преимущества обучающего сайта дополнение Paid Memberships Pro, с которым вы запросто организуете систему подписки и членства на сайте с предоставлением привилегированного доступа к закрытому контенту. Тема поддерживает возможность создания любых событий и встреч, например открытых speaking-классов, просмотров фильмов на языке оригинала или выставок международных программ. Это поможет вам расширить аудиторию потенциальных студентов.

Посмотреть подробнее / Скачать

Academee – универсальная тема для центра обучения, тренинг-центра и онлайн-курсов

Универсальная тема Academee хоть и не имеет специального макета для языковой школы, как другие шаблоны сайта языковой школы, но ее премиум функционал идеально подходит для образовательных целей. Она поддерживает возможность создания и проведения онлайн-курсов за счет интеграции настраиваемых типов записей.

От других тем Academee отличает элегантный дизайн, который можно улучшить, используя премиум построитель страниц Visual Composer и плагин для слайдера Revolution Slider. Для приема оплаты в тему интегрирован самый лучший плагин для онлайн-магазинов на Вордпрессе – WooCommerce (и, к слову, самый популярный среди всех существующих eCommerce-решений для любых систем).

В теме используется мега меню (липкое меню, как альтернатива), задний фон с эффектом параллакса, потрясающие иконки Fontello и шрифты Google. Есть поддержка гугл-карты.

Для записи на курсы можно использовать плагин Booked Appointments, а чтобы с вами было легко связаться и задать интересующие вопросы – плагин Contact Form 7.

Выберите Academee, чтобы ваш сайт получил все необходимое для уверенной работы.

Посмотреть подробнее / Скачать

Language Course – лучшая тема WordPress для языковой школы на Templatemonster

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

В теме есть все виды записей, и она легко переводится на любой язык благодаря поддержке WPML. Это позволит вам создать языковую школу, ориентированную на различные целевые аудитории, и привлекать к обучению native-спикеров, которые легко разберутся, как работать с вашим сайтом благодаря переводу.

В теме используется эффект параллакса и ленивая загрузка для повышения интуитивности и приятных впечатлений от посещения сайта. К тому же, она SEO-оптимизирована и готова к продвижению. Идеальный выбор для вашего образовательного бизнеса!

Посмотреть подробнее / Скачать

Как вам наши шаблоны сайта языковой школы? Уверен, что среди них вы выберете идеальный, который поможет вам в вашем деле. Если у вас возникнут вопросы по разработке или настройке шаблона, не стесняйтесь и пишите об этом в комментариях.

inbenefit.com

Дизайн сайта

Опубликовано: 30 апреля 2013

Источник: Просвещение

Автор: Елена Королёва, Игорь Мытько   26.04.2013  17:54

В 2011 году Российский новый университет (РосНОУ, www.rosnou.ru) и издательство «Просвещение» (www.prosv.ru), воодушевлённые успехом конкурса «Лучший школьный сайт», учредили Общероссийский рейтинг школьных сайтов (www.rating.rosnou.ru).

Предположение о востребованности внешней оценки качества школьных сайтов оправдалось в полной мере: к началу 2013 года количество участников рейтинга выросло с четырех сотен до 1328, а число представленных регионов РФ — до 79. Хотя ничего материально ценного организаторы не обещали: всё, что мог получить участник — это место на вершине рейтинга, почётный знак на сайт и диплом. Или место в нижней части рейтинга — если сайт оказывался несостоятельным по критериям и мнению экспертов.

Обновлено: 03 февраля 2014 Просмотров: 1465 Опубликовано: 31 июля 2011

Предлагаем познакомиться с ресурсом "Всё для школьного сайта". Елизавета, его автор (больше она ничего о себе не сообщает), так рассказывает о своём сайте: "... появилось желание создать allschoolsite.ru, на котором можно было бы найти все для школьного сайта. ... Но главное, я вложила частичку своей души в этот проект и очень надеюсь, что кому-нибудь он будет полезен. Не скажу,что я "гуру" в создании сайтов, но ... сейчас я знаю намного больше... Не забывайте, что здесь вы всегда найдете подходящий школьный клипарт, шаблон школьного сайта, в общем, все для создания школьного сайта...".

На данном сайте есть свежие идеи, полезные материалы, которые могут пригодиться вам в работе над дизайном образовательного сайта. При этом обращаем внимание, что далеко не всё, что там есть, - истина в последней инстанции. Это всего лишь мнение и опыт конкретного человека (прямо скажем - не гуру). Кроме того, не следует слишком увлекаться клипартом. Всё хорошо в меру. Картинки и иконки, когда они слишком известны и когда их избыток, сайт не красят! Лучше размещать фотографии учеников своей школы.

Скачивание материалов с файлообменников вызывает определённые трудности. "Своим" (ярославским) образовательным учреждениям предлагаем следующее. Ознакомьтесь с тем, что выставлено на данном ресурсе. Если что-то захотите скачать, обращайтесь к тому, кто мониторит ваши сайты ежемесячно. Вам обязательно помогут ;)

Обновлено: 03 февраля 2014 Просмотров: 1292 Опубликовано: 13 апреля 2011

Материалы "Открытого класса"

При оформлении веб-страницы необходимо решить две основные задачи: определиться с цветовым оформлением и добиться «удобочитаемости» текста.

1. Выбирая цвет при создании контента в Открытом классе (впрочем, как и создавая веб-страницу на любом другом ресурсе) помните, что цвет в данном случае также является средством передачи информации. От того, какую цветовую гамму Вы выберите, зависит, какие будут вызваны эмоции у посетителей, какое у них будет настроение при просмотре.

В какой-то степени цвета веб-страницы можно сравнить с голосом человека. Блеклые цвета на веб-странице с низким контрастом похожи на тихий голос, когда слова произносятся застенчиво и нерешительно. Спокойные цвета при сильном контрасте похожи на сильный голос спокойного человека. Насыщенные яркие цвета и резкий контраст создают ощущение, что кто-то громко кричит. Понятно, что громкий голос всегда привлечет наше внимание, но согласитесь, мы так не любим, когда с нами разговаривают, повышая тон.

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

Читать далее

Очень интересный профессиональный сайт по веб-дизайну. ANTULA. Профессиональная студия веб-дизайна

Обновлено: 03 февраля 2014 Просмотров: 1347 Опубликовано: 14 августа 2010

Автор: Александр Макушин — 31.01.2010

Выбор цветовой гаммы для любого создателя сайта или блога на первой стадии играет огромную роль. Игнорирование правилами цветового сочетания может привести к тому, что сайт не только не будет запоминающимся, но и будет отталкивать посетителей. Любой сайт или блог должен обладать своим уникальным цветовым решением для того, чтобы он легко запоминался среди других. Я попробовал определить основные концепты для выбора оптимального цвета для вашего сайта или блога.

Обновлено: 03 февраля 2014 Просмотров: 1723 Опубликовано: 26 января 2010

   Цвет — один из самых неоднозначных элементов веб-дизайна. Цвет может подчеркнуть контекст, а может и оттолкнуть. Для создания эффективного дизайна необходимо учитывать ряд требований, налагаемых на выбор цветового решения.

  • Текст не должен сливаться с фоном, а заголовки теряться.
  • Использование контрастных сочетаний, вызывающих напряжение глаз, также неприемлемо.
  • Цветовое решение должно соответствовать форме подачи материала, его содержанию, аудитории сайта. Обновлено: 21 января 2014 Просмотров: 1509
Опубликовано: 25 января 2010 Веб-дизайн — это, в своем роде, искусство, требующее, в первую очередь, чувства меры. Не зря многие признанные мастера советуют обходиться академическим стилем оформления — зачастую это наилучшее решение. Думающий дизайнер заботится о тех, кто будет смотреть его сайт. Он всеми силами старается уменьшить время загрузки сайта, оптимизируя графику и текст страницы. Делает ненавязчивый и удобный дизайн. Обновлено: 03 февраля 2014 Просмотров: 1158

www.gcro.ru

Информационная система «Школы России» | Дизайны сайтов

Нефрит базовый со слайдером

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1024px

 

Ширина поля контента:

710px

 

Слайдер:

есть

 

Размер:

1004х330

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

3 колонки

 

Ширина шаблона:

1023px

 

Ширина поля контента:

580px

 

Слайдер:

есть

 

Размер:

468х228

 

 

Меняющийся фон

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1144px

 

Ширина поля контента:

790px

 

Слайдер:

есть

 

Размер:

фоном, под размер монитора

 

 

Меняющийся фон, триколор

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1144px

 

Ширина поля контента:

790px

 

Слайдер:

есть

 

Размер:

фоном, под размер монитора

 

 

Меняющийся фон, прозрачный

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1144px

 

Ширина поля контента:

790px

 

Слайдер:

есть

 

Размер:

фоном, под размер монитора

 

 

Сова белая клеточка

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1280px

 

Ширина поля контента:

950px

 

Слайдер:

есть

 

Размер:

950х402

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1280px

 

Ширина поля контента:

950px

 

Слайдер:

есть

 

Размер:

950х402

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

3 колонки

 

Ширина шаблона:

1082px

 

Ширина поля контента:

524px

 

Слайдер:

есть

 

Размер:

535х224

 

Рекомендован для учреждений:

Все

 

 

С анимацией базовый

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1200px

 

Ширина поля контента:

840px

 

Слайдер:

есть

 

Размер:

1200х337

 

Рекомендован для учреждений:

Все

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

3 колонки

 

Ширина шаблона:

Авто

 

Ширина поля контента:

Авто

 

Слайдер:

Нет

 

Размер:

-

 

Рекомендован для учреждений:

Все

 

Светло-зеленая ДХШ

 

 

 

 

Характеристики шаблона

 

Количество колонок:

3 колонки

 

Ширина шаблона:

Авто

 

Ширина поля контента:

Авто

 

Слайдер:

Нет

 

Размер:

-

 

Рекомендован для учреждений:

Все

 

Серо-коралловая

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1222px

 

Ширина поля контента:

866px

 

Слайдер:

Есть

 

Размер:

1306х392

 

Рекомендован для учреждений:

Все

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1280px

 

Ширина поля контента:

950px

 

Слайдер:

Есть

 

Размер:

950х402

 

Рекомендован для учреждений:

Все

 

Резьба по дереву

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

820px - 1260px

 

Ширина поля контента:

550px - 775px

 

Слайдер:

Есть

 

Размер:

775x400

 

Рекомендован для учреждений:

Все

 

Двойной слайдер

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1000px - 1280px

 

Ширина поля контента:

653px - 852px

 

Слайдер:

2 шт - основной и фоновый

 

Размер:

1) - 1200х452px2) - авто,фоном

 

Рекомендован для учреждений:

Все

 

Двойной слайдер - зеленый

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1000px - 1280px

 

Ширина поля контента:

653px - 852px

 

Слайдер:

2 шт - основной и фоновый

 

Размер:

1) - 1200х452px2) - авто,фоном

 

Рекомендован для учреждений:

Все

 

Школьная папка

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1000px - 1200px

 

Ширина поля контента:

682px - 791px

 

Слайдер:

Есть

 

Размер:

 796х305px

 

Рекомендован для учреждений:

Все

 

Легкий оранжевый

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

807px - 1000px

 

Ширина поля контента:

569px - 735px

 

Слайдер:

Нет

 

Размер:

 -

 

Рекомендован для учреждений:

Все

 

С анимацией бежевый

 

 

 

 

Характеристики шаблона

 

Количество колонок:

3 колонки

 

Ширина шаблона:

1039px - 1280px

 

Ширина поля контента:

552px - 800px

 

Слайдер:

Есть

 

Размер:

 высота: 326px; ширина: 590-840px

 

Рекомендован для учреждений:

Все

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

805px - 1024px

 

Ширина поля контента:

553px - 705px

 

Слайдер:

Нет

 

Размер:

 -

 

Рекомендован для учреждений:

Все

 

Строгий стиль - бирюзовая

 

 

 

 

Характеристики шаблона

 

Количество колонок:

1 колонка

 

Ширина шаблона:

1000px - 1200px

 

Ширина поля контента:

990px - 1190px

 

Слайдер:

Есть

 

Размер:

 1200x452px

 

Рекомендован для учреждений:

Все

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1000px - 1200px

 

Ширина поля контента:

728px - 876px

 

Слайдер:

Есть

 

Размер:

 1170x440px

 

Рекомендован для учреждений:

Все

 

 

Светлый базовый

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

1196px

 

Ширина поля контента:

941px

 

Слайдер:

Есть

 

Размер:

 942х471px

 

Рекомендован для учреждений:

Все

 

 

 

 

 

Характеристики шаблона

 

Количество колонок:

2 колонки

 

Ширина шаблона:

972px - авто

 

Ширина поля контента:

709px - авто

 

Слайдер:

Есть

 

Размер:

879pх - авто

 

Рекомендован для учреждений:

Все

 

eduru.ru

6 школ и курсов, где стоит учиться дизайну

Костя Горский

Design Lead в Intercom, бывший дизайн-директор «Яндекса». Несколько лет преподавал дизайн интерфейсов в МГУ и МАИ. В своём Telegram-канале Design & Productivity пишет о дизайне, продуктивности и жизни.

Чуть менее чем все мои знакомые дизайнеры — самоучки. Курсы и школы могут быть полезны и могут немного помочь, подтолкнуть и ускорить, но в основном всему приходится учиться самому. Единственный способ научиться дизайну — практиковать дизайн. Пытаться что-то делать. Копировать великих. Изучать, разбирать и пытаться воспроизводить сильные работы. Пытаться придумать и привнести что-то новое.

Итак, какие курсы или школы сделают вас дизайнером? Никакие. ¯\_(ツ)_/¯

И всё же расскажу вкратце про 6 школ и курсов, с которыми знаком и которые могу рекомендовать.

1. Британская высшая школа дизайна

«Британка» остаётся одной из самых вменяемых школ дизайна в стране.

Британка →

2. Стрелка

«Стрелка» привозит крутых спикеров и устраивает одни из лучших бесплатных летних лекций. Пока жил в Москве, с удовольствием ходил. Программа этого лета ещё не закончилась, кстати.

«Стрелка» специализируется скорее на урбанизме и архитектуре, но и для дизайнеров продуктов там много интересного. Сейчас у «Стрелки» запускается любопытная программа «Новая норма».

Стрелка →

3. Школа дизайнеров бюро Горбунова

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

Школа дизайнеров Бюро Горбунова →

4. Школа дизайна «Яндекса»

Летние школы дизайна «Яндекса» больше подойдут для тех, кто уже кое-что знает и умеет и хочет большего. В создании первой школы в 2015 году я даже принимал некоторое участие. Все лекции того сезона выложены на YouTube.

Школа дизайна «Яндекса» →

5. Дизайнер интерфейсов. Введение в специальность

Видеокурс по дизайну интерфейсов от ребят из Mail.Ru на Coursera. Я не смотрел эти лекции, если честно, но хорошо знаком с авторами и поэтому не сомневаюсь, что курс должен быть достойным.

Видеокурс от Mail.Ru →

6. Bang! Bang! Education

Молодая и бодрая онлайн-школа Оли Морозовой, Наташи Климчук и Димы Карпова с очень впечатляющим составом преподавателей.

Bang! Bang! Education →

Напоследок — отличное интервью Димы Барбанеля про дизайнерское обучение и не только.

Интервью Димы Барбанеля →

lifehacker.ru