Создание сайта на русском языке: Бесплатный конструктор сайтов. Создайте свой сайт самостоятельно!

Создание сайта на нескольких языках » DataLife Engine (DLE) — система управления сайтом и контентом. Официальный сайт.

Добрый день уважаемые посетители,

сегодня хочется продолжить написание полезных советов по работе с DataLife Engine. Как известно это очень мощный и гибкий инструмент по созданию собственного портала. С каждым днем его возможности расширяются, но не всегда некоторым пользователям понятно как использовать ту или иную возможность. Одним из нововведений версии 5.1 является полная поддержка ведения сайта на нескольких языках. Но так как DataLife Engine это не шаблонный движок один на всех, а гибкий конструктор для создания сайта, то строчки «Английский писать тута» вы не найдете. И целью данной статьи является рассказать вам как создать сайт на которым будет поддерживаться написание статей на нескольких языках.

Разберем небольшой пример создания сайта на русском и английском языке. Итак во первых нам понадобиться два шаблона, для того чтобы была 100% поддержка двух языков, а не так что часть надписей на русском, часть надписей на английском.

Допустим у нас есть шаблоны

/templates/russian/
/templates/english/

Также нам понадобиться два языковых пакета для скрипта

/language/russian/
/language/english/

Далее в админпанеле настройках скрипта указываем шаблон по умолчанию russian, язык по умолчанию также указываем russian.

Теперь нам нужно чтобы каждому из наших шаблонов соответствовал необходимый нам языковой пакет, чтобы при переключении с одного шаблона на другой, менялся бы также язык системных сообщений скрипта. Для этого заходим в Админпанель скрипта -> Другие разделы -> Шаблоны сайта и устанавливаем для каждого шаблона

Используемый язык, т.е. для шаблона russian назначаем язык russian, для шаблона english назначаем язык english

Следующим этапом является добавления переключения языков для посетителей сайта. Для этого в main.tpl создадим две ссылки например:

<a href="http://site. ru/index.php?action_skin_change=yes&skin_name=russian">Русский</a>
<a href="http://site.ru/index.php?action_skin_change=yes&skin_name=english">Английский</a>

Теперь при переходе по этим ссылкам пользователь будет менять свой шаблон, а вместе с ним и язык системных сообщений скрипта.

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

Создаем новое дополнительное поле со следующими параметрами:

Название поля: english
Описание поля: Английский коротко
Категория: Все
Тип поля: Несколько строк

Далее открываем в шаблоне английского языка templates/english/

файл shortstory.tpl и меняем в нем тег {short-story} на тег дополнительного поля [xfvalue_english]. теперь при смене пользователем на сайте русского языка на английский то сама новость будет также выводиться на английском. Правда теперь незабывайте писать новости на двух языках. По аналогии вы можете добавить дополнительное поле и для просмотра полной новости.

Ну вот собственно и все дамы и господа

Удачи вам в построении собственных сайтов.

Отзыв о конструкторе — qbed

О чем следует знать, прежде чем создавать русскоязычный сайт на Squarespace?

Домашняя страница Squarespace

На пути к созданию qbed.space я перекопала несколько конструкторов сайтов в поисках оптимального по дизайну и простого в использовании. Так как я человек не из IT сферы, во время поиска я испытала несколько культурных шоков, связанных с техническими тонкостями, но нашла таки приятные глазу адаптивные шаблоны, удовлетворяющие моим эстетско-техническим требованиям, на платном англоязычном конструкторе squarespace. com. Ниже речь пойдет о плюсах и минусах данного сервиса по созданию сайтов, которые я выявила за время его использования.

Сайт я создала в конце 2017 года и отзыв делаю о Squarespace того же периода.

Содержание статьи:

Почему я выбрала Squarespace?
Подводные камни в Squarespace
Встроенная SEO оптимизация
Подытожим

Почему я выбрала Squarespace?

Сейчас на рынке есть множество конструкторов сайтов — у всех свои плюсы и минусы, своя стоимость. Среди англоязычных, самые популярные — это Wix, Squarespace, Weebly и Jimdo. Сравнительную таблицу их условий и цен можно посмотреть здесь. Русскоязычная аудитория отдает предпочтение Wix, Tilda, Nethouse, Umi, Redham. Описание этих сервисов вы найдете здесь.

 

Когда я ступила на тернистую тропу выбора конструктора, у меня на слуху были Wix и широко разрекламированный инфлюенсерами YouTube Squarespace: основатели многих англоязычных каналов предлагали

скидку 10% на первую подписку Squarespace с использованием их промокода. Позднее Wix также стал активно рекламироваться на YouTube, но первым я узнала именно о Squarespace.

 

Главное меню конструктора Squarespace, где Pages открывает вам страницы вашего сайта, Design позволяет менять внешний вид сайта,

Commerce открывает меню торговли, Analytics показывает трафик и конверсию сайта, Settings меняет настройки сайта и Help открывает страницу помощи

 

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

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

 

Меню Аналитика позволяет увидеть характеристики трафика на сайте и отслеживать конверсию

Меню Торговля показывает ваши заказы, инвентарь, клиентов и скидки

 

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

Здесь же хочу обратить ваше внимание на Sumo — этот сервис позволяет расшаривать контент и повышать конверсию через удобное создание всплывающих сообщений и прочих услад. Для упрощения системы комментирования есть популярный веб-сервис Disqus, который поможет обойти проблему с непереводимостью блока комментов в Squarespace, о которой речь пойдет ниже.

 

Сразу оговорюсь, что для пользования Squarespace вы должны владеть английским. Плюс, некоторые утверждают, что осваивать Squarespace сложнее — Wix более интуитивный.

Назад к содержанию

Подводные камни в Squarespace

А теперь о подводных камнях и недостатках. Уровень кастомизации шаблонов Squarespace варьируется. Если вы не умеете кодить, как я, то, скорее всего, не сможете осуществить все ваши дизайнерские задумки.

Установить, что возможно изменить на конкретном шаблоне, а что нет, можно только опытным путем: оформите бесплатный 14-дневный пробный период и изучите меню Style Editor понравившихся шаблонов (в этом меню с помощью кнопок и ползунков вы меняете сайт под себя).

 

Меню Дизайн. Здесь, помимо прочего, вы меняете внешний вид сайта в Style Editor и вставляете ваши коды в Custom CSS

 

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

 

Ограничения в кастомизации выбранного мною шаблона меня все же не остановили. Я самостоятельно писала html и css коды для сайта, дабы приблизить его к задумке. Не бойтесь! Как я говорила выше, кодить я не умею, но на сайте W3Schools можно найти заготовочки кодов интересующих элементов дизайна и подпилить их под себя. Я коды переписывала и миксовала, делала новые элементы дизайна адаптивными и вставляла их в хэдеры, футер и тело сайта без проблем — для этого в Squarespace есть все необходимое.

 

Далее. В шаблонах Squarespace есть элементы, которые нельзя перевести на русский язык. Для их перевода нужны будут дополнительные плагины. Данный факт я открыла уже в процессе создания сайта и очень огорчилась (не знаю, на что я рассчитывала:)). Не переводится, например, бокс комментов, элементы блога — заголовки типа All Posts, когда фильтруешь посты по категориям, Next Page, Previous Page и другие, — слово Sending…, когда нажимаешь на кнопки в формах, чтобы отправить сообщение.

 

Также в блоке социальных сетей данного конструктора нет ВКонтакте и Одноклассников. Однако, перечень подключаемых аккаунтов в Squarespace большой:

Общие

• Email

• Facebook

• Google+

• LinkedIn

• Medium

• Pinterest

• Tumblr

• Twitter

• Reddit

• StumbleUpon

• Houzz

• ChowNow

• Snapchat

• IMDb

• Goodreads

• Stitcher

 

Картинки

• 500px

• Behance

• Dribbble

• Dropbox

• Flickr

• Instagram

• SmugMug

• VSCO

 

Видео

• Twitch

• Vevo

• Vimeo

• Vine

• YouTube

 

Музыка

• Apple Podcasts

• Bandsintown

• Google Play

• iTunes Store

• SoundCloud

• Spotify

• TIDAL

 

Локации

• Foursquare Swarm

• Meetup

• Yelp

 

Код

• CodePen

• GitHub

Назад к содержанию

Встроенная SEO оптимизация

Пару слов о великой и могучей оптимизации под поисковые системы в Squarespace.

 

Чтобы сайт вышел в топ в поисковиках и не затерялся на просторах интернета, его содержание, как минимум, должно быть понятно индексирующим ботам Яндекс, Google и так далее (а как максимум, быть ультра интересным, чтобы люди с радостью посещали ваш сайт и расшаривали его контент). Какие шаги нужно предпринять для оптимизации сайта? Интернет-агентство TexTerra написало развернутую статью на данную тему. Однако, непрофессионалу такие манипуляции дадутся ОЧЕНЬ непросто.

 

К счастью, в Squarespace уже встроена оптимизация под поисковики (SEO). Что в нее входит, можно посмотреть здесь. Вам необходимо будет следовать рекомендациям Squarespace, дабы успешно оптимизировать свой сайт. Для лучших результатов, можно также следовать советам упомянутой выше статьи от TexTerra, например, мануально добавить счетчики от Яндекс.Метрика и Google Analytics в хэдеры сайта через Settings → Website: Advanced → Code Injection для отслеживания трафика.

 

Меню настроек сайта

 

Но не торопитесь радоваться. Я создала два сайта на Squarespace следуя всем SEO инструкциям хостинга. Так вот один из этих сайтов был отдан на аудит компании TexTerra (так как я даже близко не профессионал) с целью выявления недостатков оптимизации, во время которого было вскрыто несколько технических проблем, доказывающих, что не все так безоблачно с SEO данного конструктора.

 

На созданном мною сайте были выявлены следующие проблемы. Для начала, на IP адресе моего сайта находилось несколько других сайтов, что снижало скорость работы сайта, если на других было много трафика. Количество страниц сайта, находящихся в индексе Google и Яндекс, различалось, что также свидетельствовало о плохой оптимизации. Title и Description повторялись на нескольких страниц — это, конечно, моя ошибка как человека SEO-несведущего; следите, чтоб Названия и Описания каждой вашей страницы были уникальными. Также на самих страницах всегда пишите заголовки, релевантные тексту и содержащие ключевые запросы, по которым будет продвигаться страница, и убедитесь, что ваши заголовки h2, h3, h4 находятся в правильной иерархии друг под другом.

 

На сайте были выявлены проблемы с индексацией изображений. Конструктор Squarespace предусматривает автоматическое создание Alt текста к изображениям — однако, вы должны корректно называть каждую картинку, которую заливаете на сайт. Что я и делала. Аудит же выявил, что тег img был оформлен неправильно, а некоторые изображения имели пустой тег Alt, а то и не имели его вовсе — все это негативно влияло на оптимизацию. Мимоходом, Squarespace автоматически сжимает картинки, однако лучше, когда размер изображений на сайте соответствует их исходному размеру, то есть вам рекомендуется уменьшать размеры и разрешение картинок, прежде чем заливать из на сайт.

 

Далее, в микроразметке сайта были найдены недочеты и скорость загрузки сайта была не оптимальной (я использовала параметры разрешения изображений, рекомендованные конструктором, но этого оказалось недостаточно, и сайт грузился долго; следите за размером ваших изображений).

 

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

 

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

 

Назад к содержанию

Подытожим

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

 

Если у вас есть вопросы по Squarespace или нужна моральная поддержка — бомбите соцсети, и я примчусь на помощь!

Назад к содержанию

Назад ко всем статьям

Галерея

На что способна 3D печать

СМОТРЕТЬ

Словарь

Термины 3D моделирования и аддитивного производства

СМОТРЕТЬ

Отзывы, РазноеK.May 1, 20182 Comments

0 Likes

English Разработка сайта под ключ | SEOgrad.com

Чтобы завоевать русскоязычный рынок, вам нужны русскоязычные СМИ, готовые к тому, чтобы поисковые системы и социальные сети привлекали к вам целевых посетителей и превращали их в ваших постоянных клиентов. Разработка сайта в домене .ru/рф — ключ к успеху на российском рынке, ведь поисковые системы и пользователи здесь редко используют английский язык для поиска товаров или услуг. Если вы собираетесь представить свой бизнес в рунете…

Получите русскоязычный сайт!

Сайты и лендинги

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

Мобильный / Адаптивный + поддержка

Разрабатываемые нами веб-сайты оптимизированы для мобильных устройств, что крайне важно в России, где пользователи предпочитают мобильные устройства для просмотра веб-сайтов. Мы также предоставляем поддержку и обновления контента для вашего русского веб-сайта.

Оптимизация для поисковых систем

Мы обеспечим ваш только что родившийся веб-сайт правильным SEO на странице и качественным текстом, чтобы помочь ему подняться по лестнице размещения в поисковых системах Яндекса (самая популярная российская поисковая система) и Google.

Что вы получаете с SEOgrad:

работающий сайт в рунете вместе с SEO/SEM на основе вашего оригинального дизайна сайта и перевод контента, адаптация и локализация
услуги по маркетингу сайтов в яндексе и другом русскоязычном поиске двигателей, а также разработка стратегий для любого вида онлайн-рекламы
система управления контентом настроенная под ваши нужды
регистрация и размещение домена на выбранном российском хостинге – все на ваше имя и от вашего имени (мы не размещаем сайты и не регистрируем доменные имена на SEOgrad, мы не -сервис: вы являетесь владельцем доменного имени вашего бренда и всех связанных с ним активов)
техническая поддержка и управление контентом для веб-сайтов, которые мы разрабатываем

Как мы разрабатываем для вас русский веб-сайт:

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

Этапы разработки

1. Мы начинаем с планирования сайта (исследование ключевых слов, планирование контента, архитектура, структура навигации, взаимодействие с клиентами и поведение)
2. Настраиваемый шаблон бренда или разработка дизайна с нуля (макет сайта, графика, фотографии, и стиль)
3. Разработка контента (копирайтинг, перевод, SEO-копирайтинг, обработка мультимедиа и изображений)
4. Разработка или настройка шаблона для вашей CMS (кодирование html/css, настройка шаблона CMS)
5. При необходимости добавить веб-программирование
6. Сборка и тестирование модулей и страниц сайта (кодирование контента и публикация)
7. Проведение SEO на сайте (поисковая оптимизация) (мета-теги, коррекция размещения ключевых слов, редактирование текстов)
8. Сайт регистрация в поисковых системах, продвижение и сопровождение SEM/SMM (ежемесячно)
9. Настройка и запуск платных рекламных кампаний в поисковой выдаче (PPC) и таргетированных кампаний в социальных сетях.

Зачем разрабатывать русские сайты с SEOgrad.com?

• Мы хорошо разбираемся в российском веб-рынке и российских поисковых системах, поэтому мы эффективно настроим ваш сайт на потенциальных клиентов в России или любом другом регионе.
• Мы обеспечиваем комплексный подход к разработке вашего сайта , техническую поддержку и маркетинг: удобная и прозрачная структура сайта, оригинальный веб-дизайн, SEO-копирайтинг, поисковый маркетинг в российских поисковых системах (Яндекс, Рамблер) и маркетинг в социальных сетях в VK.com или российских Facebook и Instagram.
• В нашем штате квалифицированных англоговорящих веб-дизайнеров, SEO/SEM-специалистов, кодеров и веб-программистов, а также обученные лингвисты и переводчики, а это значит, что ваш бизнес будет выгодно представлен в русскоязычном Интернете. сообщество.
• Технологии , которые мы используем в веб-разработке – php/css/mysql/Apache – более широко используются в рунете, чем любые другие, а значит, вы сможете избежать затрат времени и сил на кроссплатформенность адаптация: при необходимости мы сделаем это за вас.
• Мы предлагаем CMS/LMS/PLE установку, настройку, настройку и поддержку (Word Press, Joomla, Moodle, Mahara, modx, Bitrix и т.д.)

Нужен расчет?

Свяжитесь с нами с нашего веб-сайта, по электронной почте [email protected] , по телефону: + 7.917. 842.2103 или WhatsApp

ЗАПРОСИТЬ ЦЕНУ

Витрина веб-дизайна в России — Smashing Magazine

• Чтение: 14 мин.
• Витрины, Вдохновение, Веб-дизайн
• Поделиться в Твиттере, LinkedIn

Об авторе

Арсений Веснин — основатель и творческий руководитель Designcollector.net, блога, в котором представлены проекты, созданные художниками из России и других стран … Больше о Арсений ↬

Эта статья является первой из нашей новой серии « Global Web Design ». В течение следующих месяцев мы будем охватывать различные континенты, представляя веб-разработчиков и веб-дизайнеров из разных стран мира, а также пристально следить за тем, что происходит на мировой сцене веб-дизайна. Сегодня мы начинаем со статьи о веб-дизайне в России.

Масса суши, составляющая одну шестую часть Земли, всегда вызывает удивление. Как основатель одного из журналов о дизайне в Россия (Designcollector.net), я рад представить скрытую силу России. Я не буду останавливаться на классических стереотипах, а скорее посмотрю на протекающее через них творчество.

Больше после прыжка! Продолжить чтение можно ниже ↓

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

Русский Веб-дизайн: Моспромстрой

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

Сегодня профессиональная сцена веб-дизайна состоит из тысяч фрилансеров, студий, агентств и крупных медиа-компаний, а также офшорных и аутсорсинговых предприятий. Я не буду делать «Топ-20» того или иного рейтинга, но постараюсь коснуться наиболее устоявшихся частей российского веб-дизайна, включая агентства, фрилансеров, порталы и так далее.

Измерять рынок веб-дизайна продуктами его агентств не совсем справедливо. Российские агентства также доказали свои технологии управления и процессы контроля качества. Как кто-то однажды сказал: «Лучший способ понять новый город — это пойти на центральный рынок». А в России веб-дизайн по-прежнему сосредоточен в руках фрилансеров и небольших студий. Чтобы получить более полное представление о фрилансе в России и на границе с Украиной, я попросил двух фрилансеров рассказать о своей работе.

Я разговаривал с Геннадием В. Осипенко, довольно известным киевским дизайнером, работающим с компаниями из Восточной Европы (он также известен как Genn), и Дмитрием Салливаном, российским веб-дизайнером-фрилансером.

Alexarts

В: Не могли бы вы описать жизнь фрилансера, разработчика и дизайнера?

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

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

Profsouz.tv

В: Проводятся ли регулярные встречи или мероприятия?

тел.: Проводим фестивали и различные рекламные выставки. Единственная выставка, которую я посетил за границей, это рынок дизайнеров в Будапеште (Sziget). Веб-ориентированные конференции были очень популярны в прошлом году. Не все из них были посвящены дизайну, но некоторые из них все равно были полезными и интересными. На некоторых из них я проводил короткие мастер-классы и планирую делать это в будущем; В конце октября меня пригласили рассказать о работе дизайнера-фрилансера. Мне нравится говорить о том, чем я занимаюсь, с людьми, которые готовы меня слушать.

Дмитрий: В России хороший набор конференций. Могу назвать последние: DesignAct в Москве и Конференция веб-дизайнеров 404 в Самаре. Многие россияне также посещают зарубежные мероприятия в Европе и по всему миру.

Erarta.com

В: Откуда вы черпаете вдохновение?

Genn: Я черпаю вдохновение во всем, что меня окружает. Это типичный ответ, но любой объект мог привести мое воображение к уникальной и совершенной идее. Это как в сериале «Доктор Хаус» по телевизору, когда Хаус застрял на диагнозе и внезапно получает вдохновение решить его. На мой последний проект меня вдохновила игра Wipeout Pulse для PSP. Я играл в нее часами и в конце концов придумал архитектуру веб-сайта.

Дмитрий: Дизайн книг, журналов и интернет-ресурсов. В настоящее время у нас есть множество местных дизайнерских блогов, в которых они делятся своим опытом и мыслями.

Солисты Москвы

В: Как обстоят дела с рынком? Сколько зарабатывают дизайнеры?

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

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

Стиляги

В: Является ли профессия веб-дизайнера высокоуровневой, сложной работой?

Genn: Когда вы видите рекламу на каждой (буквально каждой) открытой поверхности, говорящую: «Сайт за 100 долларов», как вы можете считать веб-дизайнеров или тех, кто связан с созданием веб-сайтов, высококлассными или искушенными? К счастью для нас, клиенты, которым действительно нужны сложные, функциональные веб-сайты, понимают, что им нужно работать с профессионалами. То, что вы можете что-то проиллюстрировать, не означает, что вы веб-дизайнер. Если вы можете упорядочить самую безумную информацию в удобном и удобочитаемом виде, а затем украсить ее, то вы веб-дизайнер. Таким образом, можно сказать, что быть веб-дизайнером — это и высокий уровень, и низкий уровень одновременно. На самом деле многие веб-дизайнеры также создают идеальные образы и движения, поэтому я бы лучше назвал их дизайнерами, хотя мы создаем красивые веб-сайты.

Дмитрий: К сожалению, не всегда. В основном потому, что люди до сих пор путают веб-дизайнеров с системными администраторами. Когда российский клиент заказывает сайт, он хочет его на 100% с доменами, парковкой, хостингом, поддержкой. Это главная проблема с профессией.] Но в большинстве ИТ и смежных компаний должность веб-дизайнера (а также разработчика, дизайнера пользовательского интерфейса и визуального дизайнера) ценится и уважается из-за навыков высокого уровня и обычно сложной работы. В наши дни профессия веб-дизайнера заняла свое место на рынке и получила за это признание.

Нельма

В: Ходят слухи, что многие дизайнеры в России до сих пор используют таблицы, и что большинство дизайнов на 100% плавные, независимо от разрешения экрана?

Genn: Вы имеете в виду программистов HTML и веб-разработчиков? Насколько я знаю, тенденция состоит в том, чтобы использовать семантический код и следовать стандартам доступности и другим стандартам соответствия. Один украинский HTML-кодер даже написал свой собственный блог на HTML 5 и выполнил все требования стандартов, пусть даже только для нескольких браузеров. Так что все они прогрессивные и перспективные. Что касается 100% гибкой ширины, предполагалось, что все веб-сайты должны иметь 100% ширину и заполнять все окно браузера. Как я объясняю на своих тренингах и мастер-классах, ширина сайтов должна соответствовать требованиям. Насколько я могу судить, неправильное использование гибкой ширины сокращается и используется только в определенных случаях.

Дмитрий: Это только слухи. Профессиональные веб-разработчики следуют стандартам и перенимают последние тенденции в программировании. Гибкая ширина — отличительная черта российской веб-разработки и общепринятый стандарт. Хорошие плавные макеты удобны в использовании, динамичны и хорошо выглядят при разных разрешениях. А хорошие веб-разработчики могут избежать распространенных проблем, например, связанных с плавающей точкой и типографикой, используя плавающую ширину.

Имя России

В: Что насчет типографики и веб-стандартов?

Genn: Общеизвестно, что все дизайнеры ненавидят кириллицу. Буквы действительно выглядят странно, если вы хотите создать что-то необычное, но мы приспосабливаемся к этому. Мне нравится история одного логотипа, сделанного в США для какой-то торговой марки конфет. Дизайнер решил добавить особенность логотипу и названию, поэтому сделал ö из o. Спустя годы он узнал, что скандинавские дизайнеры ненавидят умлауты, но он использовал их в качестве украшения, и это сработало. Мы должны абстрагироваться и не видеть иероглифы в буквах, а понимать их природу и использовать их наилучшим образом.

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

vtransport.ru

В: Есть ли какие-то проблемы, характерные только для русского веб-дизайна?

Генн: Да, может быть какая-то разница между дизайном в Украине и в России. Пока дизайнеры не считаются в сообществе специалистами высокого уровня, клиенты будут продолжать верить, что они тоже идеальные дизайнеры. Таким образом, они всегда будут хотеть немного сдвинуть это, немного перекрасить это и изменить весь макет за пять минут до крайнего срока. С любым проектом я стараюсь быть максимально конкретным в объяснении почти каждого пикселя (или точки, если мы говорим о печати), чтобы заказчик мог понять, почему продукт такой, какой он есть. Удивительно, но это работает более чем в половине случаев. Другая проблема заключается в том, что никто не хочет расставаться со своими деньгами, поэтому вы можете подождать некоторое время, прежде чем получить деньги за проект, который сделан, реализован и работает.

Дмитрий: Российские заказчики до сих пор не понимают, что дизайнеры не слепо следуют своим идеям, а сами являются высокомотивированными работниками, которые хотят получить наилучшие результаты для данной работы. Кто бы ни заказчик, будь то иностранный или местный, каждый раз это небольшая война. Отношения дизайнер-клиент в России не стабильны и даже не регламентированы. У нас нет профессиональных союзов и, конечно, поддержки со стороны государства. Новички во фрилансе часто не знают, что некоторые клиенты недобросовестны, но узнают, когда им не платят.

Земля

В: Видите ли вы заметные отличия между российским дизайном и американским и западноевропейским?

Genn: Я рад, что отличить российский дизайн от зарубежного становится все труднее и труднее. Дизайны здесь по-своему уникальны, но ведь и работа каждого хорошего дизайнера уникальна.

Дмитрий : Как уже упоминалось, основное отличие заключается в гибкости макетов. Хорошие русскоязычные сайты имеют четкую и смысловую структуру, не следуют строгим сеткам, что делает макеты динамичными и свежими. Они используют современные веб-технологии, сочетая ненавязчивый JavaScript с чистым xHTML.

Русский стиль Великобритании

В: Как все это работает?

Генн: Не знаю. Я не очень любил физику в университете. Когда я задаю себе этот вопрос, я начинаю читать британскую научную фантастику. Он не отвечает на вопрос, но содержит много забавных шуток.

Дмитрий: Короче ситуация хорошая. Российские веб-дизайнеры всегда смотрят вперед и больше не делают неуклюжих, тяжелых веб-сайтов на Flash. Мы начали концентрироваться на удобстве использования и доступности и стали более интегрированы с остальным профессиональным миром.

DC: Российские веб-дизайнеры даже начинают организовывать профессиональные союзы (например, WSG Russia) и посещать местные конференции, такие как 404, RIT, Drupal Camp и многие другие.

Витрина креативных агентств

Перейдем теперь от жизни фрилансеров в России к секторам FMCG и продвижения, где живут российские креативные агентства. Они делают все возможное, чтобы произвести впечатление на потребителей своими продуктами и корпоративными сайтами. Результаты предназначены для того, чтобы произвести впечатление на посетителей и заставить их распространять новости, как вирус. Вот некоторые агентства, которые привлекли внимание общественности, а также престижные награды, такие как FWA, ADCR и даже шорт-лист Cyber ​​Lions.

Design Depot

Orangelabel

Ony.ru

Deluxe Interactive

Firma

BrandStudio

Red KEDS

Nile Studio

Coalla Ruvolving

stink

на

Coalla Revolving

!

Transformer Studio

Витрина веб-агентств

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

Как уже упоминалось, Студия АртЛебедева по-прежнему остается крупнейшей студией на российском рынке по размеру портфолио. На сегодняшний день было создано более 760 веб-сайтов, 725 графических дизайнов, 113 дизайнов продуктов, 44 интерфейса, 32 дизайна окружающей среды и 30 презентаций. Этот рекорд до сих пор не побит, а его бренд является своего рода гарантией на российской сцене веб-дизайна. Также стоит упомянуть награду Bronze Cannes Cyber ​​Lion (единственная студия в России, получившая ее) и программу стажировок, которая помогает иностранным студентам реализовать свои идеи.

Работы Студии АртЛебедева

Следующей по величине студией в России является DEFA Interaktiv. Она была основана Дмитрием Козловым восемь лет назад и своим высоким профессионализмом добилась успеха в бизнесе своих клиентов.

Работа DEFA Interaktiv

Совершенно новое и динамично развивающееся креативное агентство Deluxe Interactive уже упоминалось на конкурсе Favorite Web Awards (FWA) и продолжает создавать отличные рекламные Flash-сайты.

Deluxe Interactive’s Work

Futurico

Turbomilk

Creative People

Proekt

Pixel

Oblako

Showcase of Srushishers

. Как мы уже упоминали, любой, кто может успешно заниматься фрилансом в России, может без проблем заниматься арт-директорством в любом агентстве. Чтобы расти как профессионалы, фрилансерам нужно достойное место, чтобы продемонстрировать свою работу и поделиться своими мыслями. К таким местам относятся Deforum.ru, free-lance.ru, illustrators.ru, behance.net, ревизия.ру и russiancreators.ru. О лучших практиках рассказывает немало журналов и блогов: kak.ru, Designet.ru, Designlenta.com, Revision.ru, Creativenews.ru, Peopleofdesign.ru, Omami.ru, ru.designeast.eu, designwar.net, djournal. .com.ua и сеть Designcollector

Valery Fironov

Stepan Burlakov

Illya Mikhailov

Alexander Kizyachenko

Andrey Gorokhov

Stas Polyakov

Andrew Tron

Denis Drachyov

Dmitry Sulliwan

Eugeny Muravyev

Nazir Khasavov

Alexandr Martinov

Кух Алексей

Пономарев Антон

Евстропов Дмитрий

Свиридов Богдан

Дегтярь Юрий

Web Developers Online

Сцена веб-разработки в России также широко представлена ​​в блогах. Мы выберем лучшие среди десятков существующих. На них веб-разработчики и толковые комментаторы делятся своими мыслями на разные темы и устраивают дружеские сообщества. Их нам выбрали Вадим Макеев и Константин Оснос.

Вадим Макеев

Александр Шабуневич

Никита Вакорин

Геннадий Осипенко

Дин Невилл

Особая природа российского общения создала эти огромные общественные платформы, где любая тема может подниматься или опускаться в соответствии с «vox populi». На Хабрахабре обсуждается все, что связано с ИТ, от Web 2.0 до веб-разработки. Лучшее место для обсуждения российских веб-стандартов — журнал Webmascon. А Дефорум — это место, где можно поделиться своим творчеством и встретить толпу приличных, а иногда и непристойных критиков.

Также стоит упомянуть Injun, блог разработчиков Flash и ColdFusion, а также Inforedesign и SEOBaby за их полезный контент. Nbsp и Internet Things отлично подходят для профессионального контента, связанного с веб-дизайном, разработкой и продвижением.

Creative Formations

Чтобы дополнить картину российской креативности, упомянем некоторые интернет-ресурсы, связанные с другими отраслями дизайна. Например, реклама: Adme и Advertka. Для моды: LookAtMe и Fashion Communication. И 3D и CG арты: Render Ru и CGTalk.

Русское творчество приносит плоды каждый день, и лучший способ быть в курсе этого — читать нашу сеть Designcollector и оставаться на связи с волшебными сетями России.

ValdiGroup

Pestovo Golf and Yacht Club

Yaltinsky Mjasozavod

Adv.ru

73dpi

DEFA Interaktiv

Worktrek.ru

JustParty

 

 

 

Gamer.ru

F5.ru

Турбомилк

Центрострой

Red.mts.ru

Розовый.

МЯГКАЯ СУМКА

Росинка Интернэшнл Групп.

Армянская церковь.ру

Industry-daily.ru.

ЭльШевив.

Plohiestihi

Stella Artois

Maminy Kolybelnye

RBC.