Дмитрий Кирсанов

Веб–дизайн

Техминимум

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

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

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

Кодировки текста

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

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

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

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

Однако прежде чем переходить к восьмибитным кодировкам, нужно сказать несколько слов о кодировке под названием ASCII (American Standard Code for Information Interchange) - кодировке также восьмибитной, но охватывающей только 128 символов и потому довольствующейся семью значимыми битами (старший, восьмой бит при этом всегда равен нулю). Важность этой кодировки, включающей латинский алфавит, цифры и основные знаки пунктуации, необычайно велика: почти все остальные (большие по размеру) кодировки совместимы с ней, т. е. размещают на своих первых 128 знакоместах те же самые символы в том же порядке.

Первые 32 позиции в кодировке ASCII заняты так называемыми управляющими символами {control characters), предназначенными не для передачи собственно текстовой информации, а для управления устройством, читающим (или получающим по линии связи) текстовый файл. Лишь немногие из этих символов - возврат каретки, перевод строки, табуляция - до сих пор используются в более–менее общепринятых значениях; остальные, давно уже вышедшие из употребления, в былые времена выполняли для «голого» ASCII-текста те же функции, которые сейчас возложены на разнообразные форматы данных и протоколы связи.

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

Обучение этой профессии с нуля – дело не легкое, ведь кроме навыков работы в необходимо быть креативным человеком, хотя бы немного разораться в коде (знать CSS и ), уметь общаться с заказчиком на одном языке и т. д.

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

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

Cодержание:

Этап первый – выясните, почему вы хотите этим заниматься

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

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

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

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

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

Важно! Для какой бы цели не знакомились с веб-дизайном, помните, что как обучение, так и работа должна быть интересной, выполняться с желанием и приносить удовольствие, но не превратиться в рутину.

Ввиду того, что графический художник – молодая профессия , её точного определения пока не существует, и многие специалисты трактуют понятие по-своему.

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

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

Дизайнер сайтов – это технический художник, работающий над внешним видом и оптимизацией загрузки сайта и веб-приложений.

В задачи этих людей входят:

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

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

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

Уж жаждущим многие годы жизни посвятить созданию интерфейса интернет страниц и получить соответствующую профессию поначалу придётся потрудиться, им и посвящена данная статья.

Этап второй – выберите направление веб-дизайна в котором вы хотите себя попробовать

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

Нынче различают целых семь направлений в их оформлении, и это только основных.

Жесткий

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

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

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

И это не значит, что подобный ресурс отсталый, ведь опытный разработчик с применением жесткого дизайна может создать прекрасно оформленный сайт, а корректировка чего-то в таком случае занимает считанные минуты.

Гибкий

Также табличный дизайн , но ширина ячеек виртуальной таблицы не строго задана, а зависит от размеров экрана (соотношения сторон, разрешения). Объекты будут стараться заполнить всё пространство ячейки, изменяя её размер. Главная особенность подобного решения – повышение удобства визуального восприятия данных за счёт динамически изменяющихся параметров отображения. На подобных страницах нет пустых, свободных от контента, мест.

Сложностями подобного дизайна являются:

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

Комбинированный

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

Текстовый

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

Полиграфический

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

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

Интерфейсный

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

.

Динамический

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

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

Этап третий – выясните, какие программы для веб-дизайна сейчас в тренде

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

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

Понадобятся дизайнеру и знания в области компьютерной анимации, популярных , SEO, а может и трехмерного моделирования.

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

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

Другое дело Sketch – заточена для рисования графических интерфейсов с нуля, не имеет ни единого лишнего элемента, более проста в освоении и легко обгоняет Photoshop по основным показателям.

Обязательно выберите наиболее удобный , поддерживающий синтаксис и подсветку: , Sublime , Axure RP .

Этап четвертый – изучите полезные книги для начинающих веб-дизайнеров

Интернет тем и хорош, что позволяет бесплатно обзавестись книгами, которые ещё десяток лет назад пришлось бы приобретать или искать в единомышленников.

С популяризацией профессии веб-дизайнера и количество книг по теме увеличилось. Без наставника и учителя книга – лучший способ получать знания.

Обучение веб-дизайну с нуля следует начинать с той литературы, где даются основные понятия, теория и небольшие практические задания:

1 Итан Маркотт «Отзывчивый веб-дизайн» – практическое руководство для веб-дизайнеров, после освоения которого новичок избежит сотен типичных для начинающих ошибок, узнает о целесообразности создания мобильной версии сайта. Написано в ней и как верстать страницы, которые будут одинаково отображаться на всех устройствах.

2 Якоб Нильсен «Веб-дизайн» – в книге масса руководств по созданию эффективных интерфейсов, правильному расположению элементов навигации и заполнению ресурса контентом.

3 Ю. Сырых «Современный веб-дизайн» – справочник, описывающий тонкости работы над интерфейсом, начиная с этапа подбора контента в зависимости от тематики ресурса, и заканчивая тестированием и отладкой готового макета. В ней масса информации не только по рисованию интерфейса, но и по его оптимизации и наполнению.

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

1. Живая типографика

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

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

2. Дневник дизайнера-маньяка

О чем эта книга: эта книга о дизайнерах и для дизайнеров - откровенный разговор о наболевшем.

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

3. Отзывчивый веб-дизайн. Эмоциональный веб-дизайн и так далее

О чем эти книги: Если коротко и без воды, то скажу, что книги серии A Book Apart – это, своего рода, методички, которые удобно читать шаг за шагом и питаться новой информацией. Они дадут представление о мире веб-дизайна.

4. Дизайн для реального мира

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

5. Дизайн-мышление в бизнесе

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

6. Сожги свое портфолио! То, чему не учат в дизайнерских школах

О чем эта книга: книга знакомит нас с реалиями дизайнерского бизнеса, существующими практиками и неписаными правилами ведения дел, о которых большинство дизайнеров, фотографов и представителей других творческих профессий узнают, только окунувшись в реальную работу. Автор в юмористическом жанре отдает нам в руки бесценную информацию о работе в команде, построении отношений с заказчиками и коллегами, взаимодействии с клиентами и многом другом. Читатели узнают, что от мозгового штурма зачастую больше вреда, чем пользы, что «дизайнеры - с Марса, а заказчики - с Венеры» и что у дизайнера есть всего 65 секунд, чтобы получить работу или заказ. Внутри 111 авторских советов, без понимания которых начало работы в дизайнерском бизнесе покажется сущим адом.

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

1 голос

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

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

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

Про стратегию обучения и основные ошибки, которые совершают все новички

Когда-то у меня появилось непреодолимое желание узнать все . Начал я, конечно же, с нуля и сразу же совершил очень большую ошибку.

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

Первой моей книгой по веб-дизайну стал бестселлер Терри Фальке-Морриса .


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

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

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

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

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

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

Чтобы достичь результата, для начинающих веб-дизайнеров я рекомендую школу Алексея Захаренко «Профессия веб-дизайнер ».


Здесь 270 уроков по разным темам. Вы сами определяете сроки обучения. Если бюджет ограничен, можно заниматься в течение одного месяца и самостоятельно. Вы поймете все основы, а книги и учебники не будут уже столь непонятными.

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

Книги для веб-дизайнера

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

Если вы читали «О, дивный новый мир» Олдоса Хаксли, то знаете, что он боялся периода, когда среди кучи информации будет очень сложно найти по-настоящему ценные и правдивые сведения. К этому прибавились еще и постоянные изменения, которые вносят в дизайн каждый год. Что же делать и кому отдать предпочтение?

Вернемся к «Большой книге веб-дизайна ». Если у вас есть база, то она будет действительно интересна и актуальна.

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

Тут подробно рассказано о каждом термине, но со всем списком разобраться будет очень сложно. Лучше если у вас уже будут кое-какие знания на момент прочтения.

Не заставляйте меня думать

Вторая книга, о которой говорят, «Веб-Дизайн: книга Стива Круга или «не заставляйте меня думать! ». Я ее прочел и уверен, что она будет действительно полезна всем новичкам, кто так или иначе связан с дизайном. Почти каждый, кто работает в этой сфере, хотя бы листал ее. В книге вы найдете много по-настоящему полезных советов.

«Как это возможно? Ведь она издана аж в 2008 году?» — спросите вы. В дизайне все меняется каждый год, а иногда и чаще и если вы будете гнаться за модой и современностью, то у вас не останется времени на работу. Только чтение.

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


Или прочитайте бесплатно первое, вышедшее в 2005 году (Скачать.pdf ).

Ну и напоследок…

Еще одна книга, о которой все говорят: . Мнение о этой книге у специалистов диаметрально противоположное.


Одни ее ругают, вторые восхваляют и считают сводом золотых правил. Понять где находится истина можно только после самостоятельного знакомства. Лично у меня его еще не случилось, так что если вы меня опередите, то оставляйте комментарии к этой статье.

Меня поразило количество, прочитавших ее. А вы можете приобрести товар на озоне или прочитать электронный вариант здесь .

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

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

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

Веб дизайн книги для новичков

Мы подобрали для вас 10 книг, которые помогут вам окунуться в увлекательный мир веб-дизайна и создать привлекательный и качественный проект используя . Какие-то из них можно найти в свободном доступе, а за какие-то придется заплатить. Некоторые можно найти в электронном варианте, а какие-то нет. Одни написаны отечественными авторами, а какие-то переведены с других языков. Но все эти веб дизайн книги объединяет одно - в них вы найдете полезную информацию о том, как создать привлекательный, удобный и оригинальный сайт.

Дмитрий Кирсанов. “Веб-дизайн”

Веб дизайн - с чего начать? Смело начинайте с книги Дмитрия Кирсанова! В ней подробно и доступно объясняются базовые технические термины, которые должен знать начинающий дизайнер, излагаются основы работы со шрифтами, цветами, формами и текстурами. Отдельное внимание автор уделил дизайну сайтов - в книге вы найдете немало информации о работе с заголовками, навигацией и блоками текста. Полученные знания вы сможете применить на практике, создавая веб-сайт с MotoCMS. Ведь все, что вам нужно будет сделать - разместить готовые блоки на странице и поработать над цветовой схемой, изображениями и типографикой.

Стив Круг. “Веб-дизайн: не заставляйте меня думать”

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

Тим Кедлек. “Адаптивный дизайн. Делаем сайты для любых устройств”

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

Иоханнес Иттен. “Искусство цвета”

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

Джемс Р. Крейг, Ирина Скала. “Шрифт и дизайн. Современная типографика”

Современные веб дизайн книги содержат разную информацию о том, по какому принципу подбирать шрифты для веб-сайтов. Некоторые дизайнеры предпочитают классические шрифты, а кто-то любит эксперименты. Но все же из простого средства передачи текста шрифты уже давно превратились в самостоятельный арт-объект. Авторы этой книги описали основы современной типографики, которые будут полезны как веб-дизайнерам, так и вебмастерам. К слову, экспериментировать со шрифтами в админ панели MotoCMS достаточно легко - каждый шаблон содержит коллекцию Google шрифтов, с которыми вы смело можете работать.

Хизер Брэдли. “Дизайнь. Современный креатифф”

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

Аарон Уолтер. “Эмоциональный веб-дизайн”

Хороший веб-дизайн должен не только быть привлекательным и удобным, но и вызывать у пользователя определенные эмоции. Научиться создавать такой дизайн можно, прочитав книгу Аарона Уолтера. Книга содержит немало удачных примеров эмоционального дизайна сайтов, поэтому с ней точно стоит ознакомиться начинающим (и не только) вебмастерам. А если вы захотите попрактиковаться, большинство готовых блоков и виджетов, необходимых для создания эмоционального дизайна, можно найти в библиотеке MotoCMS.

Стив Круг. “Как сделать сайт удобным”

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

Сьюзан Уэйншенк. “100 главных принципов дизайна”

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

Итан Маркотт. “Отзывчивый веб-дизайн”

Эта книга также посвящена вопросам адаптивности сайта и юзабилити. Автор утверждает, что после прочтения книги вы сможете создать сайт, который удовлетворит запросы абсолютно всех пользователей. В книге Маркотт рассказал о самых распространенных ошибках, которые допускают создатели сайтов, и о том, как их избежать. Учитесь у практикующего специалиста и сразу же применяйте полученные знания на практике с конструктором MotoCMS!

Мы собрали только основные веб дизайн книги, подходящие для новичков. Разумеется, их гораздо больше. Не бойтесь искать нужную информацию, читать и воплощать идеи знаменитых дизайнеров в жизнь вместе с конструктором сайтов MotoCMS. Желаем удачи и вдохновения!