Россия Екатеринбург

info@sozdanie-saitov-py.ru

+7 (908) 903-45-16

веб-ликбез

Веб Ликбез для подготовки

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

Подробнее...

Контент сайтаЭффективность контента

Как составить уникальное содержание сайта, написать тексты, правильные для поисковиков и познавательные для посетителей

Подробнее...

Оптимизация сайтаПоисковая оптимизация

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

Подробнее...

Поддержка контента сайтаО контент-поддержке сайта

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

Подробнее...

принципы создания красивого сайтаКак создать красивый дизайн сайта

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

О применении в дизайне сайта общих принципов Web 2.0.

Один из способов добиться привлекательности в дизайне сайта - это применение общих принципов Web 2.0.

К общим принципам Web 2.0. можно отнести:

  • Округлые углы, вызывающие расслабляющий эффект;
  • Иммитация выпуклых поверхностей, оживляющая страницу и делая её вид профессиональным;
  • Имитация отражений глянцевого пластика также, создающая приятное восприятие внешнего вида на глаз;
  • Увеличение размера шрифта заголовков, соответствующее значимости содержания;
  • Применение одного простого эффективного заголовка в шапке сайта;
  • Простой макет страницы с интуитивно понятным содержанием структуры и навигации по сайту;
  • Тексты, написанные читаемым шрифтом большого размера и контрастного фону страницы цветом;
  • Наличие свободного пространства страницы, дающее отдых глазам посетителя и создающее чувство простора;
  • Применение большой кнопки как важного элемента на странице сайта, выполненной в стиле Web 2.0 с выпуклым глянцевым эффектом.

Принципы создания красивого сайта

По книге опытного web-разработчика Jason Beaird “The Principles of Beautiful Web Design”.

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

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

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

Цветовые характеристики и ассоциации:

  • Красный - теплый цвет, возбуждающий, активный, цвет страсти; maroon(тёмно-бордовый) и бургунди(бордо) - это цвет вина и красивой жизини; насыщенный ярко-красный - это самый "звонкий" цвет;
  • Оранжевый - теплый цвет, активный, энергичный, представляет солнечный свет, энтузиазм и творческий потенциал; стимулирует аппетит; оранжевый цвет в природе не встречается в чистом виде, поэтому его используют для спасаптельных жилетов и дорожных конусов;
  • Жёлтый - теплый цвет, светоносный, радостный, цвет улыбок, высоко активный и очень видимый; вызывает чувство простора, облегчения, озарения; желтый цвет часто используется для такси и для знаков предостережения;
  • Зелёный - холодный цвет, природный, успокаивающий, открытый, веселый, приветливый, символизирует свежесть, надежду, рост, прохладу, цвет легче для глаз, менее активный, может представлять благосостояние, стабильность и образованность;
  • Синий(голубой) - холодный, "воздушный" или "лёгкий" цвет, символизирует открытие, интеллигентность, доверие, небо, море, воду, прохладу, воздушные линии, кондиционеры, круизы, стабильность, ясность цели, как символ всего духовного, настраивает большинство людей на задумчивость; иногда как символ неудачи и проблем, у Пикассо в период депрессии преобладал голубой цвет, нельзя экспериментировать, т.к. "синий" - экран смерти;
  • Фиолетовый(пурпурный) - холодный цвет, темный, мистический, экстравагантный и притягательный, символизирует величие, власть, мощь, силу, а так же интеллект, знание, смирение, покаяние, печаль; по мнению психологов, противоречивость этого цвета заключена в противоречивости мужского и женского начала; но лучше этот цвет использовать при создании теней;
  • Коричневый - цвет земли, комфортный, "тяжелый", ограниченный; цвет классики и старины, означающий проверку временем; коричневым цветом иногда подчеркиваются солидность и возраст, опытность и мудрость; коричневато-желтые оттенки вызывают приятные ощущения - устойчивости и надежности(дерево, паркет, мебель); также "пищевые" оттенки коричневатого цвета: корочка жареной птицы, картофеля, темное пиво, мёд, орехи; темно-коричневый - это самый "грухой" цвет;
  • Белый(белый) - ахроматический цвет; символизирует чистоту, совершенство, это легкий, холодный цвет; этот цвет представляет собой свободу для любых возможностей, "чистый лист", новое начало, высший пункт яркости;
  • Черный - ахроматический цвет; графичный, весомый, строгий, "тяжёлый"; символизирует деньги, власть, элегантность, силу; черный цвет подчеркивает любой цвет, самое бледное изображение в черной обводке становится ярким и сияющим; черный цвет вызывает ощущение идеальной точности;
  • Серый - ахроматический цвет; нейтральный, безликий.

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

Теплые цвета лучше всего гармонируют с темными ахроматическими цветами: темно-серым, черным. А прохладные цвета лучше всего гармонируют со светлыми ахроматическими цветами: белым, светло-серым.

Насыщенные хроматические цвета лучше гармонируют с черным или белым, а малонасыщенные - с различными оттенками серого.

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

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

Теплые цвета на холодном фоне кажутся увеличенными, приближенными.

Соседство холодного и теплого цвета делает холодный цвет более холодным, а теплый - более теплым.

Соседство двух цветов с одинаковой или с похожей "температурой" делает два холодных цвета менее холодными, а два теплых цвета менее теплыми.

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

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

На сайтах для детей и о детях обычно применяют яркие насыщенные противоположные цвета.

Как подобрать цвет для сайта

  1. На фоне основного цвета страницы можно применить черный, серый и белый цвета.
  2. Насыщенный цвет, применяемый для основного фона сайта хорошо сочетается с его приглушенными оттенками.
  3. Если на сайте применяются противоположные цвета, то рекомендуется применять только оттенки цветов.
  4. Для фона и текста применяются противоположные цвета, всегда на белом фоне будет хорошо выделяться для чтения черный цвет и его оттенки.
  5. Для основы палитры лучше применять цвета, которые у Вас ассоциируются с любимыми мелодиями, природными местами и пейзажами, цветом стен, костюма и т.д.

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

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

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

Линия придаёт сайту художественное чувство

  • Диагональная линия придает странице сайта движение, волнение, энергию,
  • Горизонтальная линия составляет структуру и элемент для дизайна сайта,
  • Зубчатые линии с острыми углами ассоциациируются с опасностью,
  • Мягкие, покатистые линии действуют расслабляюще,
  • Линии под углом в 90 градусов ассоциируются с механическими острыми углами,
  • Кривые линии выразительны как подчерк.

Основные формы, применяемые на сайте:

  • геометрические - это механические формы,
  • негеометрические - это свободные непринужденные, спонтанные формы.

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

объем+глубина_свет+тень

Также положительно влияет сочетание: объема и глубины, света и тени.

При расположении изображений и текста на странице сайта должна применяться симметрия:

  1. Зеркальная - придает сбалансированный общий вид.
  2. Радиальная - равномерное распределение вокруг центральной точки.
  3. Ассиметрия - на одной стороне страницы располагают большой объект, на противоположной такой же малый, для уравновешивания.

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

навигация_по_сайту

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

 

Привлечение_внимания

Применяется особый элемент для привлечения внимания посетителя.

 

произвести_акцент

Чтобы произвести акцент, можно выбрать самое сильное расположение.

 

овальная_форма+квадраты

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

Например, овальная форма, когда рядом квадраты.

 

footer

Используйте темный цвет нижней части страницы сайта(footer - англ.подвал) для привлечения внимания. Это даст понять посетителям, в какой части страницы они находятся. Здесь обычно располагают различные навигации на основные разделы сайта, авторские права, контактные данные и др.

 

 

Добавить комментарий

Защитный код
Обновить

| + - | RTL - LTR

Все контакты

  1. Студия сайтов
  2. Натальи Пестеревой
  3. Россия Екатеринбург
  4. ИНН 6663019568
  5. ОГРН 1026605626211
  6. info@sozdanie-saitov-py.ru
  7. Обратная связь
  8. тел.8 (908) 903-45-16