Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 64
Ух ты!
Спасибо за статью, было интересно
Спасибо за статью, было интересно
в вот тебе и продолжение
wefunction.com/2009/04/quality-within-web-design/
wefunction.com/2009/04/quality-within-web-design/
Мне всегда было приятно читать подобные прописные истины :)
Имхо, чтобы выдавать хороший продукт, надо чувствовать каждую мелочь, надо чувствовать сам дизайн… я не могу это объяснить в двух словах, к этому должна быть предрасположенность…
Имхо, чтобы выдавать хороший продукт, надо чувствовать каждую мелочь, надо чувствовать сам дизайн… я не могу это объяснить в двух словах, к этому должна быть предрасположенность…
хорошие примеры, хорошо написано.
Иллюстрации с примерами тоже стильно сделаны.
И качественно, судя по однопиксельному блику. (;
И качественно, судя по однопиксельному блику. (;
Хорошее замечание по поводу мелких деталей. Мелочи часто играют главную роль.
Мелкие детали это очень важно, из мелких деталей и получается хорошая работа.
Но мой опыт показывает что нет никаких четких правил в дизайне каждый случай особый, что хорошо в одном случае может быть плохо в другом.
Но мой опыт показывает что нет никаких четких правил в дизайне каждый случай особый, что хорошо в одном случае может быть плохо в другом.
а где же картинки с примерами «как делать не надо»?
Инетересно было бы почитать нечто подобное про юзабилити в веб-приложениях.
Пиксельное совершенство улыбнуло… Насколько помню себя, то ещё лет 7-8 назад увеличивал до пикселизации практически каждый участок и «вылизывал» все сочленения. Да, осбственно, и мои друзья-коллеги тем же отличаются. Несколько забавно видеть теперь, спустя годы, подобные простенькие советы, когда в рунете повсеместно властвует техдизайн, и пиксельный причёс — неотъемлемый атрибут современного дизайна, то бишь стандарт де факто.
Простите, но вы сейчас продвигаете в виде стандарта качества пару стилей 2.0 Многим заказчикам в России они вообще не нравятся )
Что значит качественные сайты в понимании большинства современных веб-студий — ну.., в общих чертах работать будет, но если вдруг что обращайтесь ещё!
Даже на примерах стрелки, указывающие на области, сделаны очень качественно. :)
автор вдохновление случаем черпал не отсюда
(http://wefunction.com/2009/04/quality-within-web-design/)
пс: хотя я перешёл с хабры на твой блог (несмотря на то что это уже читал в оригинале)
пс2: как хаброеффект?
(http://wefunction.com/2009/04/quality-within-web-design/)
пс: хотя я перешёл с хабры на твой блог (несмотря на то что это уже читал в оригинале)
пс2: как хаброеффект?
ладно, пойду рисовать однопиксельные блики
Ваши скриншоты выглядят значительно лучше оригиналов!!!
Кажется, дело в специальной пост-обработке. Насколько я могу судить — на скриншоты сверху накладывается прозрачный сферический градиент, затемняющий картинку по краям.
Поделитесь секретом? Картинки аж прыгают с экрана прямо в сердце =)
Кажется, дело в специальной пост-обработке. Насколько я могу судить — на скриншоты сверху накладывается прозрачный сферический градиент, затемняющий картинку по краям.
Поделитесь секретом? Картинки аж прыгают с экрана прямо в сердце =)
Да уж, автор далек от дизайна. Про сетку вообще улыбнуло. Сетка и пропорции это уже давно прописные истины в дизайне, просто самоучки веб-дизайнеры о них как бэ не знают на начальном этапе и зачем то вглядываются в однопиксельные полоски.
Не подскажите что это за чудные шрифты?
Попробуйте через это пропустить:
new.myfonts.com/WhatTheFont/
new.myfonts.com/WhatTheFont/
Верхний по всей видимости вот этот
new.myfonts.com/fonts/fontbureau/agenda/lightitalic/
new.myfonts.com/fonts/fontbureau/agenda/lightitalic/
А нижний — Agenda Thin
В неформальных обсуждениях все вышеописанное чаще всего выражают одним словом — «отпидорасить картинку» :)
Честно говоря, ожидал намного большего. Большая статья, а по существу написано очень мало. Про расстояние ещё ладно, но вот «Совершенство до последнего пикселя», которое, как оказалось, заключается в добавлении мини-бликов везде где можно, вызвало чувство недоумения: «И это всё???»
Согласен, по-моему автор не совсем правильно подобрал название. Не буду влазить в глубокие рассуждения, но дизайн, это не только прорисовка, есть еще кучу вещей и поважнее… А качественный дизайн, это когда конечный продукт удовлетворяет всем требованиям поставленным к нему не только с визуальной, но и, скажем, с коммерческой стороны. Суммируя все вышеизложенное, основополагающий фактор в дизайне — логика.
абсолютно согласен, ибо супер-пиксельные блики это круто, но далеко не главное. Смысл, юзабилити не стоит забывать. А это лишь картинка
Ух. Красотень!
Вопрос на засыпку, а есть ли такие удачные примеры для подрожания среди отечественных разработчиков сайтов? Или все-же такое новаторство сугубо прерогатива буржуев?
Меня смущает перевод терминов. «Расстояние между объектами на странице» у нас чаще всего называют «воздухом», более официально — «контрформой», фразы «совершенство до последнего пикселя» и «неправильные расстояния» ставят в тупик, имхо название статьи вводит в заблуждение, это всё показатели исполнительского мастерства и владения инструментом, что является необходимым, но не является достаточным условием хорошего веб-дизайна, есть еще решаемая всеми этими красивостями задача, месидж и т.д. У отечественной школы дизайна есть более адекватные термины, суть рекомендаций: разберитесь с модульной сеткой и будьте педантичны, примеры интересные, за них спасибо.
поля удобно задавать в процентах, а внешний блок ограничивать по ширине. тогда можно добиться такого эффекта, что на большом мониторе поля большие, а на мелком — пропорционально уменьшаются.
например: smileg.akmedia.ru — поизменяйте ширину окна.
например: smileg.akmedia.ru — поизменяйте ширину окна.
Поресайзте окно на https://www.redbrickhealth.com/ очень интересный эфект там зарыт.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1