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



Не все темы мы можем обсуждать в обычных выпусках, поэтому некоторые из них мы затрагивает в подкастах проекта Ю.Подкаст - НеФормат. Непринуждённые беседы о чём угодно с гостями или без, с одним ведущим или несколькими. В этой рубрике у нас нет рамок ни в чём.

    Шоу-ноты:
  • О работе в uCoz
  • Ликбез для "чайников" (как рисовать, в какой программе, какие основные правила, как верстать и т.д.)
  • Об особенностях веб-дизайна сайтов системы uCoz



Автор материала:


  Денис Гиряев
  Вестник Истины



Просмотров: 3831 Скачать в формате mp3 [~20.2Mb]
Всего комментариев: 44
   Добавить комментарий
#1 Tony [ onekarl ]   (30.12.2011 03:24) [Материал]
0  
Классный выпуск. Мне понравилось, но все же хотелось немного больше информации.
А и ещё там затронули дизайн ВК. Что я хочу сказать по поводу этого.
Дизайн ВК - это минимализм. То есть для ВК главное это функциональность и быстрая загрузка сайта на не больших скоростях интернета. И особого внимания администрация ВК не приделает дизайну, больше это на доработку и улучшение функциональности самого сайта. Мне он нравится.
так как там все
#2 Олег [ hell ]   (30.12.2011 09:10) [Материал]
-2  
Денис отличный ведущий smile
Любима было очень интересно слушать smile

Вообщем-то неформат получился в 1000 раз лучше чем формат.
Олег, спасибо за приятные слова! smile
#3 Илья Чесноков [ Ademon ]   (30.12.2011 13:14) [Материал]
+2  
Не забываем редактировать мобильную версию сайта. happy
#23 Дмитрий [ DPolyakov ]   (30.12.2011 15:13) [Материал]
-1  
Так в мобильной версии эта запись идет в общем потоке с выпусками.

Про видеообзоры – нужно подумать
#37 Илья Чесноков [ Ademon ]   (30.12.2011 20:02) [Материал]
0  
Нормально. Ну а видеообзоры можно открывать встроенным приложением "YouTube", это не проблема.
#4 Дмитрий [ DPolyakov ]   (30.12.2011 14:05) [Материал]
0  
Не согласен с Любимом в 3 моментах:
1. Размер шрифта. Сейчас наоборот идет тенденция на увеличение размера шрифта на сайтах. Читал недавно пост в одном англоязычном блоге — там как раз таки рассматривался этот вопрос. Так вот, в итоге выяснили, что 16px примерно соответствует обычному размеру шрифта в печатной книге. Так вот — я за то, чтобы размер шрифта делать больше. У меня монитор 23", и некоторые сайты приходится зумить, чтобы было удобно читать.

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

3. Цвета. Опять же, все зависит от конкретного дизайна. Приведенный пример в вконтактиком считаю неудачным — как по мне, так у контакта с дизайном всё хорошо, и изменений цвета каких-то элементов не требуется.
А еще по поводу цветов — есть много сервисов, которые позволяют подобрать сочетающуюся гамму цветов для сайта. При них и не только очень хорошо написал Миша Абасов http://abasov.net/publ....5-1-0-5
Кстати посмотрите на размер шрифта, у Миши он именно 16pх.
#6 Руслан [ TERNOX ]   (30.12.2011 14:14) [Материал]
+1  
Плюсую по всем трём пунктам. Миша, кстати, всё верно в своё время писал о дизайне, и какой размер текста должен быть, и как цвета подбирать.
#15 Любим [ ЛюбимК ]   (30.12.2011 14:55) [Материал]
-1  
На счет размеров текста. Если за пример брать блог Абасова, то можно увидеть, что в англоязычной версии сайта http://mikeabasov.com/ у него как раз используется шрифт 14px . И как я знаю, вроде бы дизайн англоязычного блога был сделан позже, чем русского.
#32 Дмитрий [ DPolyakov ]   (30.12.2011 18:20) [Материал]
-1  
Если я не ошибаюсь – это тублеровская тема "из коробки", и Миша там ничего не менял
#34 Любим [ ЛюбимК ]   (30.12.2011 18:29) [Материал]
-2  
Делали ее woothemes. А они, поверь, знают толк в дизайне.
#5 Любим [ ЛюбимК ]   (30.12.2011 14:12) [Материал]
+1  
Вот smile Дмитрий, ссылки подчеркивать стоит только при наведении, это мое мнение. А какой сложился паттерн, меня не очень-то интересует.
#7 Дмитрий [ DPolyakov ]   (30.12.2011 14:20) [Материал]
0  
Блин, ну как
Quote
А какой сложился паттерн, меня не очень-то интересует.

???

Ты же сайт делаешь для людей, а не для себя любимого! Нужно же учитывать особенности поведения пользователей.
С таким успехом можно дойти до такой позиции что "мне пофиг, что сайт едет в ИЕ, Опере, люмой_другой_браузер, я пользуюсь мой_няшный_браузер и меня всё устраивает"
Я понимаю, когда такие заявления делает школота, и подписывает в футере, что сайт нужно смотреть в опере в 1024х768.
Но когда так говорит дизайнер серьёзной компании – этого я понять не могу.
#8 Любим [ ЛюбимК ]   (30.12.2011 14:32) [Материал]
0  
Проводить аналогию с браузером немного странно. В пример приведу http://www.ridus.ru/ , где абсолютно все ссылки подчеркнуты и http://dribbble.com/ , где подчеркиваний нет. Сравни. Это как формы, есть формы с острыми углами и формы со скруглением, каждый сам решает какие использовать.
#9 Олег [ hell ]   (30.12.2011 14:32) [Материал]
0  
Дима ну вообще-то времена меняются, и плевать на то что ссылка должна быть подчеркнута (это не закон, а просто устой).

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

В этом Любим прав.
#27 Иван [ KRT ]   (30.12.2011 15:28) [Материал]
0  
Выделять цветом при наведении имхо не стоит. Как и производить любые другие действия при наведении. Не забываем про мобильные устройства, на которых пальцем "наводить" на элементы интерфейса не особо получается smile
#28 Олег [ hell ]   (30.12.2011 15:30) [Материал]
0  
Не спорю. Под pda и тач скрин надо выводить версию отдельную или хотя бы стили другие.
#30 Иван [ KRT ]   (30.12.2011 15:34) [Материал]
0  
Браузер винфона, например, умеет косить под десктопную версию. Это временами удобно. Вобщем я против интерактива на mouse over smile
#29 Любим [ ЛюбимК ]   (30.12.2011 15:30) [Материал]
+1  
Так можно просто выделить ссылку цветом, не обязательно при наведении
#10 Любим [ ЛюбимК ]   (30.12.2011 14:34) [Материал]
+3  
Да, возьми тот же ВКонтакте, представь, что бы было, если они все ссылки подчеркивали.
#11 Олег [ hell ]   (30.12.2011 14:48) [Материал]
0  
Случайно нажал минус на комментарий. Сорри smile Я наоборот согласен.
#14 Дмитрий [ DPolyakov ]   (30.12.2011 14:53) [Материал]
-1  
Я же не говорю, что везде нужно подчеркивать. Нужно смотреть что удобнее и лучше смотрится в дизайне в целом.
#36 Tony [ onekarl ]   (30.12.2011 19:44) [Материал]
0  
Я вот посмотрел 2 ссылки и лучше конечно та вторая.
#13 Олег [ hell ]   (30.12.2011 14:53) [Материал]
0  
Quote
Но когда так говорит дизайнер серьёзной компании – этого я понять не могу.

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

Дима, к твоему сведению многие крупные компании плевать хотели на паттерны. И делают так, как хотят, и кстати, очень редко прогарают, а точнее почти никогда.
#16 Дмитрий [ DPolyakov ]   (30.12.2011 14:58) [Материал]
-1  
Олег, не нужно делать из меня новичка в интернете. Я считаю что мой опыт разработки достаточен, чтобы судить, что плохо, а что нет.

И не нужно думать, что следуя базовым принципам можно сделать только "типичный сайт в интернете".
#18 Олег [ hell ]   (30.12.2011 15:00) [Материал]
0  
Я никого из тебя не делаю, я высказываю свое мнение.

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

Просто он делает их именно по этим концепциям.
#19 Дмитрий [ DPolyakov ]   (30.12.2011 15:03) [Материал]
-2  
не все
#21 Олег [ hell ]   (30.12.2011 15:03) [Материал]
+1  
И в качестве примера: попробуй в заголовках материалов (вид материала) на этом сайте убрать подчеркивание, и посмотришь как станет лучше. Хотя вообщем-то я предпалгаю твой ответ - "люди не поймут что заголовки кликабельны". Однако, люди везде водят мышкой и увидев изменение цвета заголовка поймут что он кликабельный.
#12 Олег [ hell ]   (30.12.2011 14:51) [Материал]
-1  
Стало удобнее, не считая того что:

1. Страницы стали грузится дольше из-за большего веса видео-превью и превью-картинок.
2. Мне на пол экрана показываются картинки которые мне не нужны в принципе. Раньше - я увеличивал те картинки, которые мне нужны, теперь мне приходится смотреть все.
#17 Любим [ ЛюбимК ]   (30.12.2011 14:59) [Материал]
-1  
Дизайн не должен быть жертвой функциональности. У ВКонтакта дизайн убогий, как не крути, какими бы они не были крутыми.
#31 Дмитрий [ DPolyakov ]   (30.12.2011 18:19) [Материал]
-1  
А как ты себе представляешь дизайн социальной сети?
Или может есть удачные примеры?
#33 Любим [ ЛюбимК ]   (30.12.2011 18:28) [Материал]
0  
facebook, google+ вполне удачные примеры
#20 Любим [ ЛюбимК ]   (30.12.2011 15:03) [Материал]
-1  
Quote
Ты же сайт делаешь для людей, а не для себя любимого!

давай не будем говорить про опыт
#22 Дмитрий [ DPolyakov ]   (30.12.2011 15:10) [Материал]
-1  
Да я ж не говорю, что ты плохой дизайнер)

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

Кстати, у тебя есть работы кроме шаблонов? Промо-сайты например?
Если да, то можно ссылочки?
#25 Любим [ ЛюбимК ]   (30.12.2011 15:24) [Материал]
+1  
Кроме шаблонов пока показать ничего не могу.
#26 Дмитрий [ DPolyakov ]   (30.12.2011 15:26) [Материал]
0  
В копилочку http://divakovdance.ru/
Жаркая дискуссия значит? По - моему тут спор двух дизайнеров, ничего более, при чем я склоняюсь к мнению Любима
#35 Tony [ onekarl ]   (30.12.2011 19:38) [Материал]
0  
Хорошо, так что всё таки поменялось в дизайне самого вк за 5 лет?
То что они блоки с группами по перемещали и ссылки сверху переставили вот это всё что сделано.
#39 Tony [ onekarl ]   (30.12.2011 20:37) [Материал]
0  
Кстати только что вк добавил нг шарик на шапку
#40 Evgeny [ Kurt ]   (30.12.2011 21:17) [Материал]
0  
На тему хороших сайтов я бы предложил http://beston.ucoz.com, там достаточно много в т.ч. с хорошими дизайнами.

Жаль что не анонсировали (явно в тему было), ближайший конкурс шаблонов. О нем уже упоминалось. И он начнется уже в январе. Плюс появится магазин шаблонов на юкоз.
#41 Олег [ hell ]   (30.12.2011 21:18) [Материал]
0  
Я кидал им на бестон линк в твиттер
Анонсируем в сегодняшнем выпуск юподкаста.
#44 Максим Целикин [ mas1k ]   (31.12.2011 05:07) [Материал]
+3  
Считаю, что никогда не стоит бросаться в крайности. Не существует решений под любую ситуацию.

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

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

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