НеФормат #1. О дизайне с Любимом Колтаковым

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

Денис отличный ведущий 😊

Вообщем-то неформат получился в 1000 раз лучше чем формат.

Не забываем редактировать мобильную версию сайта. 😁

Не согласен с Любимом в 3 моментах:
1. Размер шрифта. Сейчас наоборот идет тенденция на увеличение размера шрифта на сайтах. Читал недавно пост в одном англоязычном блоге — там как раз таки рассматривался этот вопрос. Так вот, в итоге выяснили, что 16px примерно соответствует обычному размеру шрифта в печатной книге. Так вот — я за то, чтобы размер шрифта делать больше. У меня монитор 23", и некоторые сайты приходится зумить, чтобы было удобно читать.

2. Ссылки. Категорически отказываться от подчеркивания нельзя. Хотите вы этого или нет — это сложившийся паттерн в интернете — «подчеркнуто значит ссылка» (еще не стоит забывать что ссылка подчеркнутая пунктиром у большинства ассоциируется с ajax-ссылкой, т.е. при нажатии на нее не произойдет переход на другую страницу). Тут все индивидуально с каждым дизайном, где-то можно убрать подчеркивание, где-то стоит его оставить.

3. Цвета. Опять же, все зависит от конкретного дизайна. Приведенный пример в вконтактиком считаю неудачным — как по мне, так у контакта с дизайном всё хорошо, и изменений цвета каких-то элементов не требуется.
А еще по поводу цветов — есть много сервисов, которые позволяют подобрать сочетающуюся гамму цветов для сайта. При них и не только очень хорошо написал Миша Абасов http://abasov.net/publ....5-1-0-5
Кстати посмотрите на размер шрифта, у Миши он именно 16pх.

Вот 😊 Дмитрий, ссылки подчеркивать стоит только при наведении, это мое мнение. А какой сложился паттерн, меня не очень-то интересует.

Плюсую по всем трём пунктам. Миша, кстати, всё верно в своё время писал о дизайне, и какой размер текста должен быть, и как цвета подбирать.

Блин, ну как

А какой сложился паттерн, меня не очень-то интересует.

???

Ты же сайт делаешь для людей, а не для себя любимого! Нужно же учитывать особенности поведения пользователей.
С таким успехом можно дойти до такой позиции что "мне пофиг, что сайт едет в ИЕ, Опере, люмой_другой_браузер, я пользуюсь мой_няшный_браузер и меня всё устраивает"
Я понимаю, когда такие заявления делает школота, и подписывает в футере, что сайт нужно смотреть в опере в 1024х768.
Но когда так говорит дизайнер серьёзной компании – этого я понять не могу.

Проводить аналогию с браузером немного странно. В пример приведу http://www.ridus.ru/ , где абсолютно все ссылки подчеркнуты и http://dribbble.com/ , где подчеркиваний нет. Сравни. Это как формы, есть формы с острыми углами и формы со скруглением, каждый сам решает какие использовать.

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

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

В этом Любим прав.

Да, возьми тот же ВКонтакте, представь, что бы было, если они все ссылки подчеркивали.

Случайно нажал минус на комментарий. Сорри 😊 Я наоборот согласен.

Стало удобнее, не считая того что:

1. Страницы стали грузится дольше из-за большего веса видео-превью и превью-картинок.
2. Мне на пол экрана показываются картинки которые мне не нужны в принципе. Раньше - я увеличивал те картинки, которые мне нужны, теперь мне приходится смотреть все.

Но когда так говорит дизайнер серьёзной компании – этого я понять не могу.

Давайте все следовать одним и тем же паттернам, и сайты в Интернете станут одинаковыми и скучными.

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

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

На счет размеров текста. Если за пример брать блог Абасова, то можно увидеть, что в англоязычной версии сайта http://mikeabasov.com/ у него как раз используется шрифт 14px . И как я знаю, вроде бы дизайн англоязычного блога был сделан позже, чем русского.

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

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

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

Я никого из тебя не делаю, я высказываю свое мнение.

Вот к тебе вопрос: Любима дизайны тебе нравятся?

Просто он делает их именно по этим концепциям.

не все

Ты же сайт делаешь для людей, а не для себя любимого!

давай не будем говорить про опыт

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

Да я ж не говорю, что ты плохой дизайнер)

Просто у нас разные мнения по некоторым вопросам. И скорее всего всё равно каждый останется при своем...

Кстати, у тебя есть работы кроме шаблонов? Промо-сайты например?
Если да, то можно ссылочки?

Так в мобильной версии эта запись идет в общем потоке с выпусками.

Про видеообзоры – нужно подумать

Обещанные ссылки на хорошие сайты в системе:
http://analitika-forex.ru/
http://forex-strategii.ru/
http://forexsovetniki.ru/
http://forex-indikatori.ru/

http://www.logobank.ru/
http://myrecipes.ucoz.com/
http://ibrowsers.net/
http://indiablo.ru/
http://inminecraft.ru/
http://anythink.ru/
http://finn-haus.ru/
http://www.buhgalter-novosibirsk.ru/
http://usobranie.ru/

Думаю хватит. Если что, дополню.

Кроме шаблонов пока показать ничего не могу.

В копилочку http://divakovdance.ru/

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

Не спорю. Под pda и тач скрин надо выводить версию отдельную или хотя бы стили другие.

Так можно просто выделить ссылку цветом, не обязательно при наведении

Браузер винфона, например, умеет косить под десктопную версию. Это временами удобно. Вобщем я против интерактива на mouse over 😊

А как ты себе представляешь дизайн социальной сети?
Или может есть удачные примеры?

Если я не ошибаюсь – это тублеровская тема "из коробки", и Миша там ничего не менял

facebook, google+ вполне удачные примеры

Делали ее woothemes. А они, поверь, знают толк в дизайне.

Хорошо, так что всё таки поменялось в дизайне самого вк за 5 лет?
То что они блоки с группами по перемещали и ссылки сверху переставили вот это всё что сделано.

Я вот посмотрел 2 ссылки и лучше конечно та вторая.

Нормально. Ну а видеообзоры можно открывать встроенным приложением "YouTube", это не проблема.

Жаркая дискуссия значит? По - моему тут спор двух дизайнеров, ничего более, при чем я склоняюсь к мнению Любима

Кстати только что вк добавил нг шарик на шапку

На тему хороших сайтов я бы предложил http://beston.ucoz.com, там достаточно много в т.ч. с хорошими дизайнами.

Жаль что не анонсировали (явно в тему было), ближайший конкурс шаблонов. О нем уже упоминалось. И он начнется уже в январе. Плюс появится магазин шаблонов на юкоз.

Я кидал им на бестон линк в твиттер

Анонсируем в сегодняшнем выпуск юподкаста.

Олег, спасибо за приятные слова! 😊

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

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

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

А вот шрифты нужно сглаживать. Единственное, с чем полностью согласен.