Сначала лекция планировалась быть чисто информационной и только для учеников школы, но потом я подумал, а почему бы не сделать её открытой и не предложить посетить её большему количеству людей?

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

Всего было очень много, немного сумбурно и непоследовательно, постоянно «прыгали» из темы в тему, но у такого вида беседы тоже есть своя прелесть. Мысли спутываются и рождают что-то новое, что-то неисследованное, неиспользованное, что побуждает еще больше окунуться в рассуждение о том, как говорят на opencoffee, «куда мы катимся».

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

Web 2.0 говорите? Хм-м-м… Надо подумать…

1. Простота

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

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

Почему простота -это хорошо

• Внешний вид показывает вас, а не вашу одежду. У каждого элемента одежды есть определённое предназначение.
• Внимание окружающих – главная награда.
• Работа дизайнера обратить внимание окружающих на то, что их интересует или дать понять, что своим внешним видом вы хотите выразить.
• Акцентируйте внимание “фенечками” и логотипами на тех местах, на которых вы хотите чувствовать взгляд или передать информацию о себе, своих эмоциях и настроении.
• Вы должны через одежду максимально свободно наладить контакт отбросив лишние мешающее элементы. Нужно найти правильное сочетание элементов, наиболее простое и экономичное.

Как сделать одежду простой?

Существуют два важных аспекта, для достижения простоты:

• Удалите ненужные элементы, не жертвуя эффективностью.
• Попробуйте альтернативные решения, дающие тот же результат, но в гораздо более простом виде.

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

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

Вот пример одежды, не создающей должной простоты.

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

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

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

Простота означает: Используйте столько деталей сколько вам нужно.

Конкурс

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

Участники считаются по обратным ссылкам на этот конкурс. Голосование за статьи будет публичным, но я оставлю за собой право контролировать ход голосования. В случае если победитель не достигнет 10% отрыва от остальных конкурсантов, имею право внести свои n% за одного из участников.

В итоге, соберём все посты, отфильтруем, отредактируем и выложим каждый на своём блоге полную статью о том, как одеться в стиле «Web 2.0».

Срок подачи заявок до 31 декабря.

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

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

Большинство понятий объединённых под заголовком презентации можно прочитать в известной статье 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
• Картинки в тексте красивше выглядят с рамками
• Глянец и отражения
• Небольшие тени от букв в заголовках (не тёмных), от блока контента и других блоков
• А акцентирующие звёздочки?
• А мегапозитивное использование списков?
• Яркие цвета (тоже надо использовать с умом)
• Про логотипы ничего не сказал
• Центрирование контента и преимущественно горизонтальная динамика
• Про меню ничего не сказал.

Например:

Jan — польское имя. Ему соответствуют:

• Iаn — шотландское имя
• Jānis — латышское имя
• Jan — голандское, немецкое имя
• Иван — русское имя

Юлия — русское имя. Соответствия:

• Julie — французское имя
• Julia — испанское, английское имя
• Giulia — итальянское имя
• Jūlija — латышское имя

Aleksandrs — латышское имя. Соответствия:

• Александр — русское имя
• Alex — немецкое и английское имя
• Alejandro — испанское имя
• Alessandro — итальянское имя

Ну и так далее. А так же, их производные — уменьшительно ласкательные и разговорные. Например, Георгий — Гоша, Гога, Жора, Юра… и их мультиязычные аналоги.

Вот такой стартап. Естественно контент весь не нужно заполнять. Имена добавлять и переводить будут посетители. Только модерировать надо.