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

Изучайте другие сайты

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

Однако будьте осторожны: не каждая страница в интернете написана правильно, и таким образом можно научиться писать неправильный код. Есть много сайтов с очень хорошим кодом, так что старайтесь подбирать только качественные сайты Как только у вас появился нужный код, убедитесь, что он одинаково хорошо отображается в разных браузерах. Для этого у вас изначально должно быть установлено 4-5 популярных браузеров для проверки. Также было бы хорошо пропустить код через валидатор, и узнать, соответствует ли он стандартам W3C, и подкорректировать ошибки в случае необходимости.

Не используйте WYSIWYG

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

Кодирование с нуля в текстовом редакторе (например, Notepad + +, TextMate, TopStyle или тот же стандартный Блокнот ) означает, что вы знаете свой код гораздо лучше, и таким образом можно легко найти проблемы и исправить их. Таким образом у вас будет больше контроля над вашим дизайном. Также, вы сможете с включать CSS или Javascipt код в ваш дизайн. Визуальные редакторы формируют слишком раздутый код с большим количеством ненужных тегов шрифтов и абзацев и т.д. Ваши страницы будут загружать быстрее, если вы эффективно кодируете в текстовом редакторе. Со временем, вы сами поймете преимущества написания кода с нуля в редакторе.

Изучайте CSS

CSS или каскадные таблицы стилей, являются наиболее важным событием в мире веб-мастера за последние несколько лет. Они позволяют изменить внешний вид вашего сайта до неузнаваемости, изменив всего лишь один файл. К примеру, если вам нужно поменять местами колонки, либо задать обтекание текста фотографий – css вам поможет. Также рекомендую вам использовать блочную верстку, т.к. она по многим факторам обгоняет табличную.

Цвета

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

Посмотрите на популярные сайты, такие как Yahoo и Amazon – одни из самых популярных сайтов в интернете. Цвета больших блоков взяты с мягкими оттенками. Также используется белый цвет для визуального облегчения. Эти сайты были созданы после продолжительных исследований пользователей Интернета, так что они знают, что они делают, и им можно доверять.

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

Золотое правило

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

Комментарии

Добавить новый Поиск

Оставить комментарий
Имя:
Email:	не уведомлятьуведомлять
Веб-сайт:
Тема:
UBB-Код:	-цвет-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -размер-крошечныймаленькийсреднийбольшойогромный
	Пожалуйста, введите проверочный код, который Вы видите на картинке.