Комментарии 15
Спасибо, было интересно
Нууу, это совсем для тех, кто ничего не соображает в энторнетах и сайтах. Понятно же, что не бывает универсального гайда, как сделать сайт. Сайты бывают разные, для разных целей и аудиторий, ну, как их под одну гребёнку-то…
Спасибо за статью.
Но:
Вы пишите статью о дизайне, однако даете сравнительную оценку скорости работы разных технологий.
Одинаковые задачи на Flash и CSS будут либо одинаково тормозить, либо Flash будет быстрее. Если на CSS реализовать то же, что возможно на флеше (если получится), он так же будет тормозить, а то и сильнее. Не вводите людей в заблуждение.
Работу сайта замедляет любой тяжелый контент, который можно реализовать на любых технологиях. Напишите лучше «избегайте тяжелого контента».
Но:
… GIF, затем — Flash. Оба решения сильно замедляли работу сайта. Сейчас для создания анимации используют CSS-кодирование и JavaScript, которые не так заметно влияют на производительность.
Вы пишите статью о дизайне, однако даете сравнительную оценку скорости работы разных технологий.
Одинаковые задачи на Flash и CSS будут либо одинаково тормозить, либо Flash будет быстрее. Если на CSS реализовать то же, что возможно на флеше (если получится), он так же будет тормозить, а то и сильнее. Не вводите людей в заблуждение.
Работу сайта замедляет любой тяжелый контент, который можно реализовать на любых технологиях. Напишите лучше «избегайте тяжелого контента».
Если на CSS реализовать то же, что возможно на флеше (если получится), он так же будет тормозить, а то и сильнее.Нет не будет. В современных браузерах отличная оптимизация, в том числе hardware рендер. Во флеше же ее не было от слова «совсем».
Хотя статья конечно содержит антисоветы и рассчитана на совсем детей.
Нет не будет. В современных браузерах отличная оптимизация, в том числе hardware рендер. Во флеше же ее не было от слова «совсем».
Не позорьтесь
Раз уж я всё-равно зачем-то прокрокодилил мимо:
>> Иллюстрации
Тут вроде нормально
>> Типографика
Типографика к шрифтам имеет такое же отношение, как и правила дорожного движения к материалу покрышек колёс.
То есть имеет конечно же, но по дорогам ездят не материалы и не колёса, а люди в автомобилях (ну или вещи какие-нибудь, если это самоуправляемый грузовик).
>> Антиквенные шрифты (Serif) — это шрифты с засечками.
Это просто бред. Serif это засечки, антиква это германизм, которым обозначаются древние печатные рукописные шрифты. Да, они, по случайному совпадению, все с засечками. Но называть шрифты с засечками антиквой равноценно называнию всех внедорожников джипами. Выдаёт деревню и в обществе грамотных специалистов недопустимо.
Дальше про шрифты тоже сплошная чушь, а про собственно типографику — ни слова.
>> Фотографии
Отличное начало и закончили ничем.
Ну да, пример с почтой хороший. Но что с фотографиями-то делать?
А разгадка проста — фотографии надо размещать в дополнение к описанию конкретных физических вещей. Обязательно в дополнение, ни в коем случае не вместо (что просматривается как изначальный нераскрытый посыл).
>> одно изображение может заменить 84 слова
Только если эти 84 слова имеют ценность, но не важность.
Если нет ценности — выбросить их вообще.
Если есть важность — заменять нельзя.
>> Сначала анимацию создавали при помощи GIF, затем — Flash
>> Сейчас для создания анимации используют CSS-кодирование и JavaScript, которые не так заметно влияют на производительность.
Щито_О?
Ну правда, как можно такую чушь нести?
Во-первых гифы применялись с древнейших времён и применяются до сих пор. В последние годы к ним очень медленно начинают примешиваться apng и иногда даже webm.
Во-вторых флеш тормозит. И яваскрипт тоже тормозит. И слишком эффективная CSS анимация тоже тормозит.
В-третьих, всё это тормозит не так сильно, как собранный кривыми руками и с непонятной целью *****код, который любят набивать в неадекватных количествах на свои *****сайты *****кодеры.
В-четвёртых, что за CSS-кодирование?
В-главных: анимация никогда помогала ни в чём разобраться и никогда не помогала привлечь к чему-либо важному внимаине. Анимация помогала только отвлечь. Пример: анимация загрузки помогает отвлечься от негативных мыслей про криворуких разработчиков, не способных сделать быстро загружающийся сайт.
>> Видео
А в этом разделе, внезапно, всё правильно и по делу.
>> Цвета
Тоже по делу, хотя тема совсем не раскрыта.
Хотя раскрывать такую тему в одном разделе одной статьи на хабре не просто и не стоит.
>> VR-эффекты
А тут начинаются просто глупости.
>> Не до конца понятно, сможет ли VR сделать сайты удобнее
Не до конца понятно кому? Маркетологам? Или домохозяйкам?
Разработчикам изначально было понятно что VR, как и любая другая технология визуализации, сможет сделать удобнее только просмотр непосредственно визуализируемого этой технологией контента.
Стерео очки помогают только смотреть на стерео картинки.
Монитор помогает только видеть цветные пиксели.
Помогает ли монитор читать статьи?
Нет, распечатанные на принтере они читаются ничуть не хуже.
Но и не мешает, и на том спасибо.
Если есть что визуализировать — шлем поможет.
Если нет — в лучшем случае не помешает, хотя если вмешаются маркетологи…
>> 360°-обзор
Как и паралакс, к VR не имеет вообще никакого отношения.
И нужен только когда надо показать какой-то объект со всех сторон.
>> отличие от видео — возможность контроля
А это просто чушь.
Заключение: очень дурацкая реклама.
Если качество рекламируемого товара соответствует рекламе — лучше обходить его стороной.
>> Иллюстрации
Тут вроде нормально
>> Типографика
Типографика к шрифтам имеет такое же отношение, как и правила дорожного движения к материалу покрышек колёс.
То есть имеет конечно же, но по дорогам ездят не материалы и не колёса, а люди в автомобилях (ну или вещи какие-нибудь, если это самоуправляемый грузовик).
>> Антиквенные шрифты (Serif) — это шрифты с засечками.
Это просто бред. Serif это засечки, антиква это германизм, которым обозначаются древние печатные рукописные шрифты. Да, они, по случайному совпадению, все с засечками. Но называть шрифты с засечками антиквой равноценно называнию всех внедорожников джипами. Выдаёт деревню и в обществе грамотных специалистов недопустимо.
Дальше про шрифты тоже сплошная чушь, а про собственно типографику — ни слова.
>> Фотографии
Отличное начало и закончили ничем.
Ну да, пример с почтой хороший. Но что с фотографиями-то делать?
А разгадка проста — фотографии надо размещать в дополнение к описанию конкретных физических вещей. Обязательно в дополнение, ни в коем случае не вместо (что просматривается как изначальный нераскрытый посыл).
>> одно изображение может заменить 84 слова
Только если эти 84 слова имеют ценность, но не важность.
Если нет ценности — выбросить их вообще.
Если есть важность — заменять нельзя.
>> Сначала анимацию создавали при помощи GIF, затем — Flash
>> Сейчас для создания анимации используют CSS-кодирование и JavaScript, которые не так заметно влияют на производительность.
Щито_О?
Ну правда, как можно такую чушь нести?
Во-первых гифы применялись с древнейших времён и применяются до сих пор. В последние годы к ним очень медленно начинают примешиваться apng и иногда даже webm.
Во-вторых флеш тормозит. И яваскрипт тоже тормозит. И слишком эффективная CSS анимация тоже тормозит.
В-третьих, всё это тормозит не так сильно, как собранный кривыми руками и с непонятной целью *****код, который любят набивать в неадекватных количествах на свои *****сайты *****кодеры.
В-четвёртых, что за CSS-кодирование?
В-главных: анимация никогда помогала ни в чём разобраться и никогда не помогала привлечь к чему-либо важному внимаине. Анимация помогала только отвлечь. Пример: анимация загрузки помогает отвлечься от негативных мыслей про криворуких разработчиков, не способных сделать быстро загружающийся сайт.
>> Видео
А в этом разделе, внезапно, всё правильно и по делу.
>> Цвета
Тоже по делу, хотя тема совсем не раскрыта.
Хотя раскрывать такую тему в одном разделе одной статьи на хабре не просто и не стоит.
>> VR-эффекты
А тут начинаются просто глупости.
>> Не до конца понятно, сможет ли VR сделать сайты удобнее
Не до конца понятно кому? Маркетологам? Или домохозяйкам?
Разработчикам изначально было понятно что VR, как и любая другая технология визуализации, сможет сделать удобнее только просмотр непосредственно визуализируемого этой технологией контента.
Стерео очки помогают только смотреть на стерео картинки.
Монитор помогает только видеть цветные пиксели.
Помогает ли монитор читать статьи?
Нет, распечатанные на принтере они читаются ничуть не хуже.
Но и не мешает, и на том спасибо.
Если есть что визуализировать — шлем поможет.
Если нет — в лучшем случае не помешает, хотя если вмешаются маркетологи…
>> 360°-обзор
Как и паралакс, к VR не имеет вообще никакого отношения.
И нужен только когда надо показать какой-то объект со всех сторон.
>> отличие от видео — возможность контроля
А это просто чушь.
Заключение: очень дурацкая реклама.
Если качество рекламируемого товара соответствует рекламе — лучше обходить его стороной.
Только если эти 84 слова имеют ценность, но не важность.
Если нет ценности — выбросить их вообще.
Если есть важность — заменять нельзя
Не могли бы пояснить, что понимается под ценностью и важностью в данном случае?
Помогает ли монитор читать статьи?
Нет, распечатанные на принтере они читаются ничуть не хуже.
Не могу согласится, так как возможности мгновенного поиска в распечатанном не художественном тексте очень сильно не хватает. Особенно когда цель чтения статьи выяснить какой-то отдельный небольшой момент.
Ценность — это когда факт наличия информации важен, но форма большого значения не имеет.
Например красная кофточка. Не важно, красная она или алая или цвета диких роз, не важно кофточка она или футболка или вообще свитер. Но тот факт, что имеет место быть предмет одежды красного оттенка для верхней половины туловища человека, несёт ценность. В этом случае можно заменить описание картинкой.
Важность — это когда не только факт наличия, но и сама информация имеет значение.
Например описание протокола взаимодействия компьютера с принтером. В этом случае текст и схемы нельзя заменить картинками или видео.
>> возможности мгновенного поиска
Просто нужен принтер с более быстрой скоростью печати.
Монитор в качестве такого принтера вполне сгодится.
Но всё-равно было бы лучше, если бы редактор отформатировал статью таким образом чтобы отдельный момент можно было легко найти.
Например красная кофточка. Не важно, красная она или алая или цвета диких роз, не важно кофточка она или футболка или вообще свитер. Но тот факт, что имеет место быть предмет одежды красного оттенка для верхней половины туловища человека, несёт ценность. В этом случае можно заменить описание картинкой.
Важность — это когда не только факт наличия, но и сама информация имеет значение.
Например описание протокола взаимодействия компьютера с принтером. В этом случае текст и схемы нельзя заменить картинками или видео.
>> возможности мгновенного поиска
Просто нужен принтер с более быстрой скоростью печати.
Монитор в качестве такого принтера вполне сгодится.
Но всё-равно было бы лучше, если бы редактор отформатировал статью таким образом чтобы отдельный момент можно было легко найти.
на счет анимации вы не правы. Гугл давно предложил в своем Материал дизайне использовать «meaningful animation». Например, когда пользователь вытягивает шторку сверху, она именно выезжает, а не появляется мгновенно, поясняя таким образом пользователю то, что произошло и он автоматически понимает, что ее можно затолкнуть обратно
Находясь в Китае говорите по-китайски.
В последние годы развития веб-дизайна я заметил что обычными статичными картинками уже никого не удивить, и заказчики стали балованными и сам уровень дизайна движется вверх, поэтому вижу что в тренды входит достаточно активно анимация элементов дизайна. Сам дизайн может быть прост до безобразия и если показать скриншот этого сайта заказчику, он не впечатлится и может даже забраковать дизайн. Но если этот же дизайн наводнить анимацией, скажем оригинальное выезжание элементов, прокручивание иконок при наведении, волны отходящие от неких кнопок, перекаты в графиках и т.д., все эти дела можно проделывать в After Effects, и если показать уже такой вариант дизайна заказчику, то он придет просто в восторг. Поэтому дорогие дизайнеры, изучайте ещё Афтер Еффектс, хотя бы ради того чтобы наглядно показать программисту как вы видите анимацию того или иного элемента, чтобы это он реализовал прямо на рабочем сайте. К тому же за проработку анимации можно же брать дополнительную плату и соответственно стоимость проекта будет выше, а подобные работы в вашем портфолио поднимуть вашу карму до небес. )))
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
7 способов улучшить дизайн сайта