Свежие стили для вашего сайта
Введение
Проблема: Большинство сайтов США очень схожи по внешнему виду и дизайну. Все это связано с кровосмешением. Считается, если так делает microsoft.com, значит это должно присутствовать на любом профессиональном корпоративном сайте. Потому то все сайты и выглядят как сайт Microsft (или Adobe, или Ebay, или …)
Решение: Хватит спать со своей двоюродной сестрой. Осмотритесь вокруг. Найдите там источник вдохновения. Добавьте в свой репертуар несколько новых дизайнерских идей. Свежая кровь, новая плоть - вот что нужно, чтобы разбавить ваши дизайнерские гены.
Где НЕ СЛЕДУЕТ черпать новые дизайнерские идеи:
В печатных журналах. Печатные журналы - давнишний источник идей для корпоративных сайтов, так как большинство корпоративных сайтов было разработано фирмами, ранее работавшими в издательском деле. Не трогай эти идеи. Это твои тети, дружок, т.е. сестры твоей мамы.
Где же поднабраться свежих дизайнерских идей?
Экспериментальные домашние страницы и сайты фирм, никогда не работавших в издательском деле. Для них Web - не новая информационная среда, для них Web - ЕДИНСТВЕННАЯ среда. Они не рассматривают журналы в поисках идей. Они любуются медицинскими картами, интерфейсами программ 80-х годов, корзинками для грибов, мультфильмами и собственно самим окном броузера. Их экспериментальные стили уже наполняют Web. По мере того, как путешественники по Web-у привыкнут к нему, ирония, юмор и насмешка над собой станут ценными маркетинговыми идеями. Многие телевизионные рекламные клипы уже сейчас подшучивают над тем, что они являются рекламой.
Большинство экспериментальных сайтов поступает также. Они смиряются с ограничениями Web-а, и вместо того, чтобы пытаться их скрыть, эти сайты во всю их эксплуатируют. Давайте бросим взгляд в ближайшее будущее…
Десять свежих стилей для вашего сайта
A. Готическая органическая школа
- источник вдохновения: человеческое тело/арабский алфавит
- приемы: неправильные органические формы, коллажи из реальных предметов, абстрактные анимированные гифы низкого разрешения в качестве фона, прозрачные анимированные гифы в качестве текстурного фона, верстка подразумевает и использует вертикальную прокрутку страницы
- домашние страницы/дизайнерские фирмы: Entropy8, Greyscale, SmokeymonkeyS
- примеры коммерческих сайтов: Conscience Records, Janet Jackson
B. Школа проволочного стиля
- Источник вдохновения: интерфейсы старого программного обеспечения и видеоигр.
- Приемы: графики, таблицы, мусор из графиков в качестве абстрактных дизайнерских элементов, использование сообщений об ошибках в качестве юмора, неработающие функции-обманки, использование несглаженных шрифтов в виде гифов для оттенения низкокачественных HTML-шрифтов.
- домашние страницы/дизайнерские фирмы: Test Pilot Collective (pre-5/00), mike cina, hoggorm, Hel13, zx26, Prototype 19
- примеры коммерческих сайтов: levi's europe, adidas, Fusion banner ads, Wired logo
С. "Низкопробный" мусорный дизайн
- Источник вдохновения: грязные пятна, кляксы, наложения, пиктограммы старой школы
- Приемы: имитация линий развертки старых телевизоров, точки и тире, силуэты изображений неправильной формы, парные фоновые гифы с такими же гифами на первом плане, использование для наложения друг на друга.
- домашние страницы/дизайнерские фирмы: sueellen, jump into the light, smallprint
- примеры коммерческих сайтов: Nokian Tyres, Skate'n Fun
D. "Упаковочная" школа
- Источник вдохновения: комиксы середины столетья, бумажные пакеты
- Приемы: полутоновые и двухтоновые изображения, ручные шрифты, неровности, нарочитое подчеркивание швов, использование цветов для выделения (если все серое, одна деталь, выделенная цветом, непременно привлечет все внимание), утонченные анимации в качестве фонового изображения или просто для развлечения, иногда намеренно неверное расположение навигационной панели
- домашние страницы/дизайнерские фирмы: Funny Garbage, p2, stereomedia
- примеры коммерческих сайтов: levi's vintage, Ka-Ching
E. Стиль a la Пит Мондриан
- Источник вдохновения: Пит Мондриан, Роберт Лонго. Постеры, выполненные в их технике.
- Приемы: Нарочито большие элементы меню, вкрапленные в общий дизайн, частое использование отрицательных смещений, все чисто, без суматохи. Все окно броузера рассматривается как единое пространство для дизайна.
- домашние страницы/дизайнерские фирмы: 617, Once Upon a Forest
- примеры коммерческих сайтов: Lundstrom Architecture
F. Пиксельный панковский дизайн
- Источник вдохновения: хаос, необычное поведение машин, программный код, Жорж Серо (George Seraut), дадаизм.
- Приемы: сильно увеличенные и искаженные джипеги и гифы, случайным образом сгенерированные изображения, постоянное движение, html-код и элементы форм в качестве абстрактных деталей дизайна, сияющие неоновые цвета, режущие слух звуки, навороченный dhtml, намеренно испорченная навигация.
- домашние страницы/дизайнерские фирмы: Day-Dream, Titler, soulbath's requiem for a dream, e13, dream7, ShaG, pixeljam
- примеры коммерческих сайтов: ???
G. Стиль "Hello Kitty" 1950-х годов
- Источник вдохновения: комиксы для девчонок, рождественские сувениры, атрибуты домов-прицепов 50-ых годов.
- Приемы: 3-хмерные объекты/текст, скругленные правильные края, яркие цвета на светлом фоне, курсивный шрифт, подростковый юмор
- домашние страницы/дизайнерские фирмы: Future Farmers, Atlas Magazine, Post Tool, Milky Elephant, You Grow Girl
- примеры коммерческих сайтов: California College of Arts and Crafts, Avant Card
H. HTMинимаLизм
- Источник вдохновения: HTML-код, мозг Якоба Нильсена (Jakob Neilsen)
- Приемы: игры со шрифтом с помощью CSS, упор на цвет для выделения смысла, быстро загружаемые логотипы в виде гифов, html и текст - элементы дизайна
- домашние страницы/дизайнерские фирмы: 37signals, jovino, test pilot collective (post-5/00), dreamless, a list apart, suffocate, endquote, mesa.beta.font
- примеры коммерческих сайтов: gettyone
I. Стиль чертежной доски, инструкций и руководств
- Источник вдохновения: Архитектурные кальки Захи Хадид (Zaha Hadid), технические руководства, игрушки роботы-трансформеры, шрих-код, миллиметровка, тексты мелким шрифтом
- Приемы: ПО 3-хмерного моделирования, мелкие плохо читаемые нео-технологические шрифты, отрицательное смещение, крупные элементы, запутанные элементы навигации
- домашние страницы/дизайнерские фирмы: DFORM1, Vir2L, chapter3, mr. eel
- примеры коммерческих сайтов: mtv2
J. Сверхтонкий дизайн в стиле SimCity
- Источник вдохновения: игра SimCity, игры для Commodore 64, обертки японских конфет
- Приемы: тонкие сглаженные шрифты, излишнее дробление и детализация, мелкие пиксельные изображения людей/строений/объектов
- домашние страницы/дизайнерские фирмы: kaliber 10000, the icon factory, flipflopflyin, hi-res
- примеры коммерческих сайтов: iTurf
FAQ
Какой стиль мне следует использовать?: Зависит от проекта.
Насколько далеко я могу зайти?: Зависит от вашего вкуса и вкуса заказчика. Примечание: контекст сайта создаете вы. Если ваш сайт работает, не важно как он выглядит на фоне других сайтов. Нет такого требования, чтобы он обязательно был похож на другие корпоративные сайты, в первую очередь он должен быть похож на себя.
Что делать, если я не желаю вообще имитировать чей-либо стиль?: Отыщите свой собственный источник вдохновения и примените его в своем дизайне. Им могут послужить, например, плакаты коммунистической пропаганды, шведское граффити, татуировки, оборудование цехов, приборы ПВО времен холодной войны и даже каталог MacMall.
Что делать, если мне хочется быть похожим на остальных?: Если это сработает для вас и для вашего клиента, почему бы нет? Но то, что является традицией сейчас, завтра станет анахронизмом. Так что в своих решениях не забывайте о будущем.
В чем главная идея?: Избегайте стерильности. Цифровой компьютер просто предназначен для того, чтобы избавляться от застоя и порядка. Если вы хотите, чтобы ваши сайты выделялись на общем фоне, выделите его. Будьте таким как Джон Колтрейн (John Coltrane), а не как Kenny G. Люди постепенно станут это воспринимать как должное. И хватит спать со своей двоюродной сестрой… Если только у вас хватает сил от нее отказаться.
Fresh Styles for Web Designers
автор: 2000 Курт Клонингер (Curt Cloninger) и http://www.lab404.com


Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2025-07-09 » Индексация сайта: что это и как ускорить попадание страниц в поисковики
- 2025-07-09 » 4 маркетинговых трюка от Стива Джобса
- 2025-07-08 » Как мышление влияет на успех бизнеса, и причем тут эмоциональный интеллект
- 2025-07-08 » «Бомж-маркетинг» без бюджета: механика, тактики и результаты
- 2025-07-08 » Медицинский интернет-маркетинг: каналы, особенности и рекомендации
- 2025-07-04 » Утечка данных стоит дороже, чем их защита: почему вам нужна грамотная ИТ-инфраструктура
- 2025-07-04 » Персональные данные: правила хранения и обработки и изменения 2025 года
- 2025-07-04 » Владельцам сайтов: изменения в законе о персональных данных
- 2025-07-04 » Персональные данные: самый полный гайд на 2025 год
- 2025-07-04 » Штрафы за нарушения в работе с персональными данными с 30 мая 2025 года: утечка в интернет и неуведомление РКН
- 2025-07-04 » Новые штрафы в работе с персональными данными: что проверить прямо сейчас
- 2025-07-04 » Google выкатил 68-страничный гайд по промптам. Я прочитал его за вас и вытащил 4 главных правила
- 2025-07-04 » Как выстроить доверие и лояльность клиентов через точки контакта
- 2025-07-04 » Пять SEO-правил, которые реально работают в 2025 году
- 2025-06-10 » Кому нужно срочно подать уведомление в РКН об обработке персональных данных и как это правильно сделать
- 2025-06-10 » Что такое VPN и зачем он нужен?
- 2025-06-10 » Нейросети для создания видео: 7 инструментов и что они могут
- 2025-06-10 » ChatGPT, DeepSeek, Grok, Gemini доступны на русском бесплатно. Внедряем?
- 2025-06-10 » 12 нейросетей для работы с маркетплейсами: создание карточек и описаний для Wildberries и Ozon
- 2025-06-10 » 11 нейросетей для генерации изображений в 2025 году
- 2025-05-30 » Год назад то, что занимало у меня несколько дней работы, сейчас я делаю за 1-2 часа. Без преувеличений. И это только начало
- 2025-05-25 » Нейросети для написания текста: 7 сервисов в помощь копирайтеру
- 2025-05-25 » Сайты с качественным контентом смогут получать больше трафика после обновления алгоритмов в Поиске Яндекса
- 2025-05-07 » Почему страницы не индексируются Google: три типа проблем
- 2025-05-05 » Лидеры рейтинга самых дорогих компаний Рунета — 2025
- 2025-05-05 » Мы делали презентации 35 лет, а потом пришла нейросеть
- 2025-04-08 » Горшочек, рисуй: 10 бесплатных сервисов для генерации картинок
- 2025-04-08 » SEO-продвижение в 2025 году: 15 трендов, без которых ТОП не светит
- 2025-03-14 » SPF-запись
- 2025-03-07 » SEO на маркетплейсах: как оптимизировать карточку товара для поисковой выдачи
Человек - аристократ среди животных Гейне Генрих - (1797-1856) - немецкий поэт и публицист |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.