Современные тенденции в области Веб-дизайна (стиль оформления Web 2.0)

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

Основные заголовки презентации:

  • Округлые формы
  • Градиент
  • Шрифты без засечек
  • Нижний колонтитул
  • Кнопки
  • Заголовки и контент
  • “Лакированые” элементы интерфейса
  • Фон с использованием монохромных линий

Большинство понятий объединённых под заголовком презентации можно прочитать в известной статье Web 2.0 how-to design style guide. Автор добавил немного других свойств дизайна (я так понимаю, тоже скопипэйстил).

Округлые формы

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

Градиент

По градиентам вообще какую-то чушь сморозил. Тупо определил, что если градиент сделать от светлого к тёмному, то его можно использовать чтобы выделить шапку. А если наоборот – от тёмного к светлому, то можно его использовать как footer и разместить туда копирайты.

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

Шрифты без засечек

Угу. Значит сайт Wordpress.org не Web 2.0 стиль? Ну ладно.

Соглашусь с тем, что для текста стоит использовать шрифт без засечек по причине лучшей читабельности. Но, неужели сложно будет человеку прочитать заголовок написаный шрифтом 18px+ Georgia? Считаю, что для заголовков такой шрифт очень даже подходит и не влияет на читаемость. В общем, это к слову об индивидуальных восприятиях.

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

Нижний колонтитул

В простонародье footer часто вижу в блоке content’a (если вёрстка фиксированая) и очень простой, а header при этом может быть повыкаблонистей.

Кнопки

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

Заголовки и контент

Ну, тут вскользь упомянул о том, что заголовки должны быть большими, а в тексте надо расставлять ссылки. А списки, подзаголовки, под-подзаголовки?

Фон с использованием монохромных линий

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

Не сказал

  • Header чаще всего отделяется от content’a
  • Картинки в тексте красивше выглядят с рамками
  • Глянец и отражения
  • Небольшие тени от букв в заголовках (не тёмных), от блока контента и других блоков
  • А акцентирующие звёздочки?
  • А мегапозитивное использование списков?
  • Яркие цвета (тоже надо использовать с умом)
  • Про логотипы ничего не сказал
  • Центрирование контента и преимущественно горизонтальная динамика
  • Про меню ничего не сказал.
Дата: 25.10.2007
»
Категории: Web 2.0 | Веб‑дизайн
Google     

]]> Sam ]]>

И опять всё пытаемся привязать к этому 2.0, которого на самом деле нет ;)

Хороший дизайн может и не включать “элементы веб-два:ноль”, а плохому ничто не мешает полностью соответствовать моде.

»

]]> Никита ]]>

Просто каждый раз кавычки писать лень.

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

»

]]> Sam ]]>

Ну почему бы так и не написать: “дизайн социальных блогов и сервисов”?!

»

]]> Никита ]]>

А зачем себя ограничивать :)

»

]]> Sam ]]>

Не, я собственно не про ограничения. Я про “(стиль оформления Web 2.0)”…

»

]]> Danaki ]]>

Ti pisal, cto tozhe podgotovil prezentaciju dlja BlogCamp. Mozet opublikuesh?

»

]]> Никита ]]>

Sam, “из песни слов не выкинешь” © хз. Так называлась презентация.
Danaki, я писал. Но так и не подготовил. Во-первых не успел. А во-вторых проект ещё слишком сырой. Очень много других идей возникло по переделке Semantika.lv

»

]]> Sam ]]>

Чем больше читаю статей всяких, тем больше вижу, что те, кто громче всех кричат “веб 2:0″, прикрывают какие-то изъяны :)

p.s. не обижаться, к цитатам не относится ;)

»

]]> Danaki ]]>

Ok, ti poluchil ot menja ssilki?

»

]]> Никита ]]>

Ой, да спасибо большое. Извини что не ответил сразу. Что-то заматался и забыл потом.

»

]]> Сергей Третьяк ]]>

Никита, вот Вы мне как дизайнер программисту скажите, какие шрифты комильфо использовать в основном тексте? Про тахому (и вердану, кстати, тоже) полностью согласен, тяжело по-русски читать. Я больше склоняюсь-таки к таймсу в основном тексте и к ариалу в заголовках. На самом деле мой любимый шрифт Trebuchet MS. :)

»

]]> jeka911 ]]>

Оффтоп:

Помнишь на презентации rate.ee, где мэн рассказывал о том, как они с сотовой связью исполнили.
Там был какой-то вредный в зале, который сказал, типа: “2 бакса в год с юзера – это вообще мало”, на что rate.ee-мэн возразил: ну, myspace например ничего с юзеров не имеет.

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

»

]]> jeka911 ]]>

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

»

]]> Никита ]]>

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

Сссылку поменяю, спасибо, что напомнил.

»

]]> zigmat ]]>

НикитаЮ не бери на себя слишком много…

»

]]> Никита ]]>

zigmat, т. е.?

»

]]> jeka911 ]]>

2 zigmat: Я вот беру 80 на грудь. Это много?

»

]]> Никита ]]>

Сергей Третьяк, я напишу пост об этом.

»

]]> Сергей Третьяк ]]>

Заранее благодарен.

»

Напишите комментарий