Originally published at IT - блог: design, css, programming, jquery, html. Please leave any comments there.

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

Read the rest of this entry »

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

Есть очень интересная наука. Называется колористика.

Колористика - наука о цвете, составных и дополнительных цветах, основных характеристиках цвета, цветовых контрастах,  цветовой гармонии.

Основными терминами и понятиями в этой науке, да и не только в ней (полиграфия, дизайн, web-дизайн) явлются:

Цвет - свойство света вызывать определенное зрительное ощущение в соответствии со спектральным составом отражаемого или испускаемого излучения.

Оттенок - еди говорить грубо, то это - название цвета (фиолетовый, зеленый, желтый …)

Интенсивность цвета - уровень уровень его концентрации (преобладание того или иного тонов)

Глубина цвета - степень яркости или приглушенности  цвета

Светлота цвета - степень его разбеленности, т.е.  присутствия в цвете белых тонов)

Насыщенность цвета - присутствия черного тона в цвете

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

Контрастность - отношение разности яркости объекта и фона к их сумме

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

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

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

Подобные цвета

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

Второстепенные цвета

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

Комбинации из трех цветов

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

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

Глобальная сеть переполнена с «стерильным» дизайном . Сайты компаний Hewlett-Packard, IBM, Dell, Microsoft, и много других фактически едва ли отличаются один от другого (они имеют практически одинаковые цветовые схемы и расположения элементов). Возможно сказать что такое однообразие интерфейса делает сеть удобной для работы, но в действительности такие сайты не запоминаются. Они не способны создать положительный контакт с аудиторией.

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

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

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

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

Read the rest of this entry »

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

Read the rest of this entry »

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

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

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

• Полные понятия (концепции) и стили
• Расположения (макеты)
• Системы цветов
• Изображения (образы)
• Варианты шрифта
• Проектные цели
• Идеи, связанные с настроением или эмоциональным чувством работы

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

Read the rest of this entry »

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

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

А речь идет о следующем:

Read the rest of this entry »

Tags: О дизайне

Originally published at IT - блог. Please leave any comments there.

Долго интересовало как делаются на многих сайтах  картинки с отражением, ведь в фотошопе это делать было бы достаточно “ресурсоемко”, с точки зрения времени. И вот наткнулся на интересный ресурсик http://www.reflectionmaker.com/

Возможности следующие:

Read the rest of this entry »

Tags: О дизайне