Пример одностраничного сайта компании по производству оливкого масла

Eleia|gr

Пример хорошего сайта с одной страницей. Просто и понятно — вся важная информация доступна: контакты, короткий текст о компании и продукте.

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

No related posts.

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

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

КЛЮЧЕВЫЕ ПОКАЗАТЕЛИ НАЛИЧИЯ И КАЧЕСТВА САЙТОВ ДЛЯ ПОЛЬЗОВАТЕЛЕЙ ИНТЕРНЕТА

• 57,2% пользователей отрицательно оценивает бренды с плохими сайтами либо их отсутствием
• Достаточно нейтрально россияне относятся к наличию и качеству сайтов у компаний-работодателей (52% ответов) и партнёров по бизнесу (58%)
• Пользователи от 18 до 44 лет осуждает компании, экономящие на представительствах в сети (62-70% отрицательных отзывов)
• Среди пользователей 18-24 лет нет тех, кто благосклонно отнесётся к компании без сайта
• Самые раздражающие факторы на сайтах – обилие рекламы (42%) и необходимость регистрации (38%)
• Ничего не раздражает на сайтах рунета только 3% аудитории (2% мужчин и 4% женщин)
• Пользователи-мужчины имеют больше претензий к обязательным регистрациям на сайтах (44% против 33% у женщин), неработающим ссылкам (22% против 17%) и медленной загрузке веб-страниц (17% против 14%)
• Женщин больше других на сайтах раздражают ошибки (16% против 9% у мужчин), сложная навигация (12% против 8%) и некрасивый дизайн (8% против 6%)

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

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

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

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

Самыми строгими к компаниям, у которых до сих пор нет сайтов, либо их представительства в сети сделаны плохо, оказались пользователи 25-34 лет – 70% респондентов этого возраста отнесутся к таким организациям не лучшим образом и лишь 1% – благосклонно. Впрочем, среди пользователей 18-24 лет вообще не нашлось тех, кто готов хорошо относиться к компаниям с плохим сайтом, либо вообще без оного.

В целом, вся наиболее активная аудитория рунета от 18 до 44 лет осуждает компании, экономящие на представительствах в сети (62-70% отрицательных отзывов). Это экономически наиболее активная часть населения, совершающая большую часть приобретений (в том числе дорогостоящих) и более других представленная в сети, а значит именно к мнению этой части аудитории представителям компаний, работающих на российском рынке, следует прислушиваться в первую очередь.

Пользователи помладше тоже не приветствуют такой подход, но им чаще всё равно, а преобладание нейтральных отзывов у старшего поколения скорее объясняется их собственным малым вниманием к интернет-сайтам компаний, с которыми они имеют дело. Среди людей старше 55 даже нашлось 7% симпатизирующих компаниям без сайтов – для части старших пользователей по-прежнему важнее другие источники информации о компаниях, а сеть некоторые из них всё ещё считают «баловством».

Что касается факторов, раздражающих пользователей на коммерческих сайтах (т.е. у тех компаний, у которых сайты всё-таки есть), безусловный лидер – обилие рекламы (42% ответов). Обязательные регистрации – второй по популярности ответ, 38%. Впрочем, претензии к сайтам – дело вкуса, нашлось всего 3% пользователей, которых ничего не раздражает в сайтах компаний брендов, продавцов продукции, а также контрагентов, работодателей и т.п.

Рисунок 3. Факторы, раздражающие пользователей на сайтах больше всего

Большую часть претензий к сайтам пользователи могли бы сформулировать как пренебрежение, невнимание к этому каналу предоставления информации о себе как бренде, компании-контрагенте и т.п. Это неработающие или ведущие не туда ссылки (19%), плохая информативность сайтов (14%), а также описки и ошибки в текстах (13%), старый и некрасивый дизайн (7%) и даже отсутствие версии на родном языке (4% – преимущественно это касается уанета и др. сайтов в доменных зонах бывшего СССР).

Кроме того, компании могут проявить неуважение к пользователям и, как следствие, потенциальным клиентам, требуя для просмотра собственных сайтов установки дополнительных программ (особенно если это флеш-плеер для возможности загрузки части контента) или не продумав навигацию на сайте (10% – нарушение законов юзабилити), не оптимизировав объём и не рассчитав время загрузки страниц (15%).

Рисунок 4. Факторы, раздражающие женщин и мужчин на сайтах интернета

Наиболее требовательными к сайтам оказались пользователи-мужчины – их вдвое меньше среди тех, кого ничего на сайтах не раздражает (2% против 4% женской аудитории). Зато они лидируют среди предъявляющих претензии к обязательным регистрациям, неработающим или неправильным ссылкам и медленной загрузке веб-страниц. Иными словами, мужская аудитория рунета прежде всего предъявляет строгие требования к технической стороне – их меньше волнуют дизайн и даже контент.

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

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

Источник: rumetrika|ru

No related posts.

Одностраничный сайт магазина сандвичей

panoscz|cz

Хороший пример одностраничного сайта из Чехии. Ничего лишнего, никаких огромных текстов с глупыми seo-шными фразами.

Вы ведь делаете сайты для людей, а не для ботов — помните об этом всегда.

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

Всё отлично, только можно было бы контактные данные разместить и вверху страницы.

No related posts.

Одностраничный сайт винодельческой компании

weingut hoellerer|at

Винодельческие компании подхватили тренд одностраничных сайтов. Мы уже рассматривали несколько алкогольных одностраничных сайтов у нас в блоге 1, 2, 3, 4 и другие. Данный сайт является хорошим примером одностраничного сайта. Большие фотографии на фоне, мало текста. Единственный минус — меню, заголовки которого скрыты — это неудобно. Они рассчитывали, что с текста раздела «Home» можно попасть на все остальные разделы, но не рассчитали, что с последующих разделов невозможно через текст попасть на другие «страницы» и всё равно придется воспользоваться меню, заголовки которого скрыты.

No related posts.

Flash онлайн каталог женской одежды Maria Filo

Maria Filo|com|br|Verao 2011

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

No related posts.

Сайт маркетингового агентства

Profi Partners|pl

Оригинальный корпоративный сайт польского маркетингового агентства. Всё новое — хорошо забытое старое… Менять курсор на человеческие руки были в моде в начале 2000-х, когда flash только-только поднимал голову, их(руки) вставляли везде. Но на этом сайте они в тему. Сам сайт выполнен в минималистическом стиле — ничего лишнего, да и если бы там была сложная навигация, с ней было бы сложно справиться с такими-то руками

No related posts.

Теория цвета для дизайнеров, часть 3: Создаем собственную цветовую схему

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

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

— Краткий обзор

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

Во второй части вы охватили терминологию цветов: Оттенок (Hue) – (синий, зеленый, красный и так далее); Цветность (Chroma) – уровень цветности (уровень содержания примесей); Насыщенность (Saturation) – уровень отображения оттенка по соотношению слабый/сильный; Значение (Value) – уровень яркости цвета; Тональность (Tones) – уровень содержания серого оттенка в цветах; Тени (Shades) – уровень содержания черного оттенка в цветах; Подцветка (осветления / Tints) – уровень содержания белого оттенка в цветах. Это очень важные пункты, которые нужно знать для того, чтобы успешно двигаться дальше и дойти до процесса создания собственных цветовых схем.

— Традиционные модели цветовых схем

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

цветовое «колесо»

Основа – цветовое «колесо» поделенное на 12 долей. Это очень важный элемент при создании цветовых схем.

Монохром

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

Примеры:

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

Схожие

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

Примеры:

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

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

Еще один пример схожей цветовой схемы.

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

Комплементарные схемы

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

Примеры:

Широкий спектр осветлений, теней и тональностей делает данную схему очень универсальной.

Еще одна комплементарная схема с широким диапазоном уровней цветности.

И не забывайте, что бежевый и коричневый – это на самом деле затемненный или осветленный оранжевый цвет.

Раздельная комплементарная схема

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

Примеры:

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

Еще одна палитра с широким диапазоном уровней цвета.

Триадные

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

Примеры:

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

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

Двойная-комплементарная (четверная)

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

Примеры:

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

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

Она отлично подходит для более темных цветовых схем.

Собственная схема

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

Примеры:

Цвета, используемые на этом примере, имеют схожий уровень цветности и насыщенности.

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

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

— Создание цветовой схемы

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

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

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

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

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

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

Для блога мы используем цветовую схему с тенями и осветленными вариациями серого цвета.

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

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

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

Хотя эта схема поначалу и выглядит как другая стандартная серая и красная палитра, если Вы присмотритесь, то заметите, что серые цвета на самом деле являются тональностями синего. Синий и красный составляют 2/3 четверной схемы, но хорошо работают только в паре, особенно если красный оставить без примесей, а синий цвет затемнить до почти серого.

Важность теней, тональностей и осветлений

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

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

Добавляем нейтральные цвета

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

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

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

Использование фотографий для создания цветовых схем

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

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

Давайте попробуем воспользоваться данным способом в обоих случаях (В программе Photoshop и Adobe Kuler). Найдите фото в системе Flickr, которое, по Вашему мнению, подойдет для дизайна сайта. Мы выбрали этот снимок:

Вот оригинальная цветовая схема, которую предлагает Kuler, при использовании данного изображения:

Одно из занимательных свойств сервиса Kuler – это то, что в нем есть функция «Select a Mood» (выбора настроения), при создании цветовой схемы. Вы можете выбрать Цветную, Яркую, Приглушенную, Глубокую или Темную цветовую схему. Посмотрите на результаты, полученные в разных режимах:

Цветная

Яркая

Приглушенная

Глубокая

Темная

Теперь давайте пробовать создать цветовую схему в Photoshop, используя то же изображение. Это немного сложнее, нежели в сервисе Kuler. Обычно все просто выбирают цвета с помощью пипетки, а дальше просто кликают в различные места на фото, чтобы отыскать цвет, которых бы подходил к предыдущему. И вот результат (это занимает менее 5 минут в Photoshop):

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

Давайте попробуем еще одно изображение, более цветное. Вот оригинальное изображение, с которым мы будем работать:

И опять же 5 разных схем, которые нам предлагает Kuler:

Цветная

Яркая

Приглушенная

Глубокая

Темная

А тут что у нас получилось в Photoshop:

Как Вы видите, вариант с Photoshop значительно отличается от того, что предлагает Kuler, но все полученные схемы выглядят очень привлекательно. Версия, полученная в Photoshop, заняла немного больше времени, чем предыдущая, потому что здесь гораздо больше цветов.

Самые простые цветовые схемы

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

Вот несколько примеров того, о чем мы ведем речь:

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

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

Как много цветов?

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

Большинство веб-сайтов используют всего три цвета в дизайне. Некоторые используют вообще два. Но в то же время существуют сайты, на которых задействовано 8-10 цветов (что гораздо сложнее реализовать). Экспериментируйте и старайтесь использовать как можно больше или как можно меньше цветов, которые конкретно необходимы для реализации Вашей идеи дизайна. Вероятно, Вы захотите начать с палитрой из 5 цветов, а затем добавлять по мере необходимости дополнительные оттенки.

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

— 10 сайтов с великолепными цветовыми схемами

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

01. Wentings Cycle & Mountain Shop

http://wentings.com/

wentings|com

02. Trivuong.com

http://www.trivuong.com/

trivuong|com

03. Oscar Barber

http://www.oscarbarber.com/

oscarbarber|com

04. North East Peace III Partnership

http://northeastpeace.com/

northeastpeace|com

05. mbA Architects

http://www.mbaarc.com/

mbaarc|com

06. Studio 13

http://www.studio13.fr/

studio13|fr

07. Joy Project

http://www.joyproject.it/en

joyproject|it

08. Morphix Blog

http://blog.morphix.si/

blog|morphix|si

09. El Designo

http://www.eldesigno.ca/

eldesigno|ca

10. LemonStand

http://lemonstandapp.com/

lemonstandapp|com

— Заключение

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

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

Оригинал: Color Theory for Designer, Part 3: Creating Your Own Color Palettes
Перевод: coolwebmasters|com

No related posts.

Сайт небольшой винодельческой компании poggioregini|it

Poggio Regini|it

Небольшой сайт небольшой винодельческой компании. Честно говоря, для такой маленькой компании — сайт большой:) В смысле, что данный сайт вполне мог бы быть одностраничным. Качественные большие фотографии, опять же ничего лишнего, мало текста, всё понятно.

No related posts.

Лучшие корпоративные сайты'2010. Рейтинг Financial Times, Bowen Craggs & Co

Financial Times и Bowen Craggs & Co выпустили очередной рейтинг лучших корпоративных сайтов. Ниже статья от РБК, перевод вступления в официальном документе Bowen Craggs & Co и снимки экрана первых 11ти сайтов + официальный XLS файл с остальными компаниями рейтинга.

Лучшие корпоративные сайты

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

Британское консалтинговое агентство Bowen Craggs & Co совместно с газетой Financial Times выпустило новый FT Bowen Craggs Index – рейтинг эффективности веб-сайтов публичных компаний из списка FT Global 500. Оценка корпоративных веб-ресурсов производится на основе двух групп критериев: общие (структура, навигация, поиск, удобство для пользователей, мультиформатность, глобализация и пр.) и специальные, показывающие, насколько эффективно сайт удовлетворяет потребности целевых аудиторий компании, таких как инвесторы, клиенты, СМИ, общественность, сотрудники и соискатели работы.

Лучшим корпоративным сайтом, если верить составителем рейтинга, стал веб-ресурс компании Royal Dutch Shell (www.shell.com), получивший 213 баллов. В 2009 году он находился только на 8 месте, набрав 195 баллов. Второе и третье места делят между собой компании BP и Siemens (210 баллов у каждого).

Российский бизнес в рейтинге представлен двумя компаниями: Газпромом, занимающим как и испанская компания Telefonica 54 место, получив 156 баллов и Роснефтью, также деля 64 место с японской Honda Motor (143 балла). В прошлом году они занимали 69 и 65 места, соответственно.

Газпром не только значительно поднялся в рейтинге, но и набрал рекордные для себя и в целом для российских компаний 156 баллов. Как отмечают эксперты из Bowen Craggs, в июне 2009 года компания запустила полностью реконструированный корпоративный сайт, при разработке которого были учтены актуальные мировые тенденции в проектировании web-ресурсов. Роснефть продемонстрировала не такие впечатляющие показатели, поднявшись за год только на одну позицию вверх, при этом количество баллов увеличилось с 127 до 143. Сайты Сбербанка и Лукойла в этот раз в рейтинг не попали.

Источник:  РБК, автор Дмитрий Прытин

TOP 11 из рейтинга эффективности веб-сайтов публичных компаний. Полный список(XLS) можно скачать ниже.

Введение из официального отчета Bowen Craggs & Co

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

От других рейтингов его отличают две характерные особенности. Во-первых, мы анализируем общую картину. Предпочитая не рассредоточивать свое внимание на разрозненных моментах, мы оцениваем соответствие веб-сайта заданным целям. Во-вторых, наш подход в большей степени экспертный, нежели просто «анкетный»: наши аналитики, имеющие опыт работы как в бизнесе, так и в Интернете, выносят свои суждения на каждом этапе оценки.
Кроме того, мы впервые учитываем «планеты»: если компания демонстрирует свою приверженность принципам единства социальной среды и Интернета, это отражается в получаемых ею баллах.
Мы не выбираем компании для изучения, они определяются рейтингом рыночной капитализации FT Global 500, и, как результат, на их долю приходится значительная часть оборота. В этом году, как и в предыдущем, большинство неудачных примеров происходит из финансового сектора, что позволяет освободить место для разношерстного круга новичков и вернуться к переоценке ценностей.
Рейтинг представляет собой оценку (множество оценок), однако его настоящей целью является не раздача похвал, порицаний или вызов паники. Рейтинг призван показать, что должно быть сделано (и чего не надо делать), для того чтобы веб-сайт стал максимально эффективным. Результаты нашей работы — это не просто заявление: «Вот это лучшие корпоративные веб-сайты!». Это оценка деятельности всей группы. Однако в рейтинг включены все крупнейшие компании мира, а их выборка достаточно велика для того, чтобы можно было составить четкое представление о тенденциях. Он также позволяет тем, кто несет ответственность за корпоративные (или же не корпоративные) сайты, увидеть, в каком направлении двигаются другие, обнаруживать новые идеи и, если возникает такое желание, использовать некоторые из них на своих сайтах.

Девид Боувен (David Bowen), апрель 2010, Financial Times, Bowen Craggs & Co

Снимки экрана первых 11 корпоративных сайтов из рейтинга

Пока без комментариев…

Royal Dutch Shell www.shell.com

BP www.bp.com

Siemens www.siemens.com

Roche www.roche.com

Rio Tinto www.riotinto.com

Eni www.eni.it

General Electric www.ge.com

Unilever www.unilever.com

AstraZeneca www.astrazeneca.com

E.ON www.eon.com

Procter & Gamble www.pg.com

Официальный рейтинг «Лучшие корпоративные сайты». Скачать.

BC_FTIndex2010_data-actualweb.xls

No related posts.

Одностраничный сайт винной компании

Jax Vineyards|com

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

No related posts.