—»     —»   20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1
  Раздел: Web-дизайн   Комментариев: 4  

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1



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

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

1. Яркость красок

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

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Использование цветов одинаковой насыщенности и яркости позволяет пёстрой цветовой схеме оставаться гармоничной.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Применение тонов одного сочного цвета тоже может хорошо смотреться.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Добавление эффекта светотени в яркую цветовую схему может ещё более усилить акценты.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

2. Объёмность и светотень

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

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Сочетание эффектов объёмности и светотени может усиливать выразительность даже приглушённой цветовой гаммы.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Другой вариант сочетания мягкой объёмности с подсвечиванием объекта.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Отчётливая объёмность фона сразу выделяет этот дизайн.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Ещё один сайт с лёгким эффектом светотени в заголовке.

3. Прозрачность

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Прозрачность отлично обыгрывает узорчатый фон.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Прозрачные объекты на фоне фотографии выглядят ещё лучше.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Матовая рамка шириной в 1 пиксел добавит выразительности вашим прозрачным объектам.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Эффект прозрачности сделает ваш текст заметнее, при этом оставляя фон в центре внимания.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Прозрачные объекты очень хорошо выделяются на фоне одной с ними цветовой гаммы.

4. Нарочитая неопрятность (гранж)

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

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Размещение основного содержимого страницы внутри гранжевой рамки придаёт законченность эскизу сайта Glocal Ventures.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Неровные края и грязные поверхности - два главных признака гранжевого дизайна.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

5. Наброски от руки

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

Начать проще всего с применения Photoshop-заготовок ручной раскраски, шрифтов и иконок. В большинстве своём, все они доступны бесплатно в широком ассортименте.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Заголовок - лучшее место для картинки или рисунка, при этом ваш сайт не будет выглядеть менее солидно.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Рисунки в сочетании со шрифтами, стилизованными под рукописные, смотрятся особенно хорошо.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Ещё один отличный пример орнаментального шрифта вместе с набросками от руки.

6. Приглушённые тона

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Даже яркий цвет (такой как зеленовато-жёлтый в этом эскизе) может казаться мягче в сочетании с размытыми оттенками той же гаммы.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Снижение насыщенности ярких тонов приглушает их и одновременно придаёт им некую старомодность.

7. Акварельные эффекты

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Акварельная раскраска не всегда предполагает выбор светлых или пастельных тонов.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Чем абстрактнее акварели, тем более расслабляющее воздействие они оказывают на зрителя.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Акварельный пейзаж отлично оттеняет заголовок.

8. Природные мотивы

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

Эти элементы можно использовать множеством способов. Кто-то включает их в оформление фона. Кто-то создаёт на их основе заголовки или иконки. А кто-то помещает их везде, где только можно. Творческий поиск в направлении использования природных мотивов может быть захватывающим и занимательным для дизайнера.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Мотивы живой природы в элементах дизайна не предполагают фотографического сходства с реальностью.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Гладкие и блестящие элементы природной среды хорошо смотрятся в заголовке.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Фон в виде обычной лужайки, усеянной различными искусственными элементами, создаёт умеренное ощущение природной среды.

9. Фотореалистичный фон

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

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Сочетание фотореалистичного фона с другими фотореалистичными элементами (такое как изображение по ссылке "заказать сейчас") способствует созданию очень стильного сайта.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Фотореалистичные коллажи в виде поверхности письменного или рабочего стола сейчас в моде.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Выразительность фотореалистичного фона достигается не за счёт его чрезмерной сложности.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Фотореалистичный фон не должен перегружаться составными деталями.

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Простой коллаж из реалистичных изображений, объединённых общей темой, - также популярный дизайнерский приём.

10. Сильно увеличенный шрифт

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

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

20 важнейших приёмов и лучшие способы достижения эффективности дизайнерских разработок - Часть 1

Весь текст крупным шрифтом - тоже вариант.

Продолжение статьи следует ...

Автор статьи © Cameron Chapman
Русский перевод © CoolWebmasters.Com 2009
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: веб-дизайн, дизайн сайтов
Опубликовал Mysterious Master   Прочитано (раз): 14007   |   Оставлено комментариев: 4
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 5 января 2012 @ 14:18
Написал: ms — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Нам так понравился Ваш перевод, что мы его украли :-D
Искренне надеемся, что Вам эта идея понравится!
Ваша статья опубликована тут http://переводыстатей.рф/?p=181
P.S. Мы очень хотим с Вами сотрудничать!
P.P.S. Также искренне верим, что эта идея понравится Вашим уважаемым читателям!
Комментарий #2: 5 января 2012 @ 14:56
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1492   |   Комментариев: 177
ICQ: --- не указано ---
ms, если ссылка на нас имеется и она открыта для поисковиков - вы можете свободно перепечатывать наш материал.
Комментарий #3: 5 января 2012 @ 15:07
Написал: ms — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Цитата: Mysterious Master
ms, если ссылка на нас имеется и она открыта для поисковиков - вы можете свободно перепечатывать наш материал.

Да, ссылок там много. Одна из них открыта для поисковиков. Она находится внизу статьи в разделе "Информация об источниках". Рад, что мы можем сотрудничать. Надеюсь, Вам прибавится новых посетителей!
Комментарий #4: 5 января 2012 @ 15:23
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1492   |   Комментариев: 177
ICQ: --- не указано ---
ms, да, мы видели - у вас все нормально. Просто есть люди, тупо ворующие контент. С такими мы не безуспешно боремся с помощью поисковых систем. После обращения к ним по вопросам воровства контента, "воровской сайт", как правило, вылетает из результатов поиска в Гугл или Яндекс ...
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Август 2019    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
262728293031