Работаем над дизайном сайта

В Интернете есть множество ресурсов по веб-дизайну  и я  не собираюсь создавать им конкуренцию.  Однако считаю своим долгом написать несколько статей посвященных этой теме. Создание сайта требует разносторонних знаний и начинающему веб-строителю достаточно сложно, на первых порах, сориентироваться и понять в какую сторону направить свои основные усилия.  Ведь нужно знать CSS, HTML, PHP, как минимум. Чтобы сделать свой сайт привлекательным и красивым, необходимо изучить основы веб-дизайна  и уметь работать  хотя бы с Photoshop. Голова идет кругом от вопросов, но зачастую даже на самые сложные из них можно найти весьма простые ответы.  Не все из нас художники, поэтому процесс создания макета сайта, может превратится в тяжелые муки творчества. Чтобы облегчить эти муки я решила вам подсказать легкие решения сложных вопросов по веб-дизайну.



Быстрый просмотр PSD исходников. Программа FastStone Image Viewer

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

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

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

 

Графические элементы в веб-дизайне

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

Основная особенность оформления веб-страниц - это необходимость размещения максимально возможного объема информации на сравнительно небольшом пространстве.

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

 

Три простых способа подобрать цвета для сайта

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

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

Предлагаю вам три простых способа для выбора цветового решения сайта:

 

Как сделать шапку для сайта

Шапка сайта или header является существенным элементом дизайна сайта. Красивая шапка дает ряд преимуществ:

  • Ваш сайт выглядит более профессионально;
  • Делает ваш сайт незабываемым и уникальным;
  • Определяет тематику сайта;
  • Определяет фирменную символику компании и пр.

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

 

Как сделать анимацию для сайта – руководство для чайников

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

Когда передо мной встал вопрос о создании анимации на одном из сайтов, я начала активно изучать пути решения этого вопроса. Необходимо отметить, что большинство программ для написания flash требуют серьезной подготовки и большого количества времени для их изучения.  В результате долгих поисков я наткнулась на замечательную программу Sothink SWF Easy.

Sothink SWF Easy – отличный инструмент для создания различной анимации для сайта. Самое главное, что при помощи этой программы, «чайник» далекий от программирования, легко и быстро сможет создать профессиональную Flash анимацию от заставки сайта до кнопок меню.

 


Главная Дизайн сайта