Comments 64
Ух ты!
Спасибо за статью, было интересно
Спасибо за статью, было интересно
0
в вот тебе и продолжение
wefunction.com/2009/04/quality-within-web-design/
wefunction.com/2009/04/quality-within-web-design/
+8
Мне всегда было приятно читать подобные прописные истины :)
Имхо, чтобы выдавать хороший продукт, надо чувствовать каждую мелочь, надо чувствовать сам дизайн… я не могу это объяснить в двух словах, к этому должна быть предрасположенность…
Имхо, чтобы выдавать хороший продукт, надо чувствовать каждую мелочь, надо чувствовать сам дизайн… я не могу это объяснить в двух словах, к этому должна быть предрасположенность…
+8
хорошие примеры, хорошо написано.
0
Иллюстрации с примерами тоже стильно сделаны.
И качественно, судя по однопиксельному блику. (;
И качественно, судя по однопиксельному блику. (;
+5
Хорошее замечание по поводу мелких деталей. Мелочи часто играют главную роль.
0
Мелкие детали это очень важно, из мелких деталей и получается хорошая работа.
Но мой опыт показывает что нет никаких четких правил в дизайне каждый случай особый, что хорошо в одном случае может быть плохо в другом.
Но мой опыт показывает что нет никаких четких правил в дизайне каждый случай особый, что хорошо в одном случае может быть плохо в другом.
0
UFO just landed and posted this here
а где же картинки с примерами «как делать не надо»?
+2
UFO just landed and posted this here
Инетересно было бы почитать нечто подобное про юзабилити в веб-приложениях.
0
Пиксельное совершенство улыбнуло… Насколько помню себя, то ещё лет 7-8 назад увеличивал до пикселизации практически каждый участок и «вылизывал» все сочленения. Да, осбственно, и мои друзья-коллеги тем же отличаются. Несколько забавно видеть теперь, спустя годы, подобные простенькие советы, когда в рунете повсеместно властвует техдизайн, и пиксельный причёс — неотъемлемый атрибут современного дизайна, то бишь стандарт де факто.
+1
Простите, но вы сейчас продвигаете в виде стандарта качества пару стилей 2.0 Многим заказчикам в России они вообще не нравятся )
-2
Тут продвигается не Веб2.0, а грамотное расположение и качественная работа над границами…
И вообще, веб 2.0 не характеризуется только бликами и «мокрым полом» :)
И вообще, веб 2.0 не характеризуется только бликами и «мокрым полом» :)
+1
UFO just landed and posted this here
Что значит качественные сайты в понимании большинства современных веб-студий — ну.., в общих чертах работать будет, но если вдруг что обращайтесь ещё!
0
Даже на примерах стрелки, указывающие на области, сделаны очень качественно. :)
0
автор вдохновление случаем черпал не отсюда
(http://wefunction.com/2009/04/quality-within-web-design/)
пс: хотя я перешёл с хабры на твой блог (несмотря на то что это уже читал в оригинале)
пс2: как хаброеффект?
(http://wefunction.com/2009/04/quality-within-web-design/)
пс: хотя я перешёл с хабры на твой блог (несмотря на то что это уже читал в оригинале)
пс2: как хаброеффект?
+1
ладно, пойду рисовать однопиксельные блики
+2
Ваши скриншоты выглядят значительно лучше оригиналов!!!
Кажется, дело в специальной пост-обработке. Насколько я могу судить — на скриншоты сверху накладывается прозрачный сферический градиент, затемняющий картинку по краям.
Поделитесь секретом? Картинки аж прыгают с экрана прямо в сердце =)
Кажется, дело в специальной пост-обработке. Насколько я могу судить — на скриншоты сверху накладывается прозрачный сферический градиент, затемняющий картинку по краям.
Поделитесь секретом? Картинки аж прыгают с экрана прямо в сердце =)
0
Да уж, автор далек от дизайна. Про сетку вообще улыбнуло. Сетка и пропорции это уже давно прописные истины в дизайне, просто самоучки веб-дизайнеры о них как бэ не знают на начальном этапе и зачем то вглядываются в однопиксельные полоски.
0
Не подскажите что это за чудные шрифты?
![](https://habrastorage.org/r/w1560/getpro/geektimes/comment_images/bf6/d6f/82c/bf6d6f82cbd1dc7be6136a21de37e227.png)
![](http://i004.radikal.ru/0904/ce/36ac0bd59c16.png)
![](https://habrastorage.org/getpro/geektimes/comment_images/bf6/d6f/82c/bf6d6f82cbd1dc7be6136a21de37e227.png)
![](http://i004.radikal.ru/0904/ce/36ac0bd59c16.png)
0
Попробуйте через это пропустить:
new.myfonts.com/WhatTheFont/
new.myfonts.com/WhatTheFont/
+1
Верхний по всей видимости вот этот
new.myfonts.com/fonts/fontbureau/agenda/lightitalic/
new.myfonts.com/fonts/fontbureau/agenda/lightitalic/
0
А нижний — Agenda Thin
0
В неформальных обсуждениях все вышеописанное чаще всего выражают одним словом — «отпидорасить картинку» :)
0
Честно говоря, ожидал намного большего. Большая статья, а по существу написано очень мало. Про расстояние ещё ладно, но вот «Совершенство до последнего пикселя», которое, как оказалось, заключается в добавлении мини-бликов везде где можно, вызвало чувство недоумения: «И это всё???»
+2
UFO just landed and posted this here
Согласен, по-моему автор не совсем правильно подобрал название. Не буду влазить в глубокие рассуждения, но дизайн, это не только прорисовка, есть еще кучу вещей и поважнее… А качественный дизайн, это когда конечный продукт удовлетворяет всем требованиям поставленным к нему не только с визуальной, но и, скажем, с коммерческой стороны. Суммируя все вышеизложенное, основополагающий фактор в дизайне — логика.
+2
абсолютно согласен, ибо супер-пиксельные блики это круто, но далеко не главное. Смысл, юзабилити не стоит забывать. А это лишь картинка
0
Ух. Красотень!
0
UFO just landed and posted this here
Вопрос на засыпку, а есть ли такие удачные примеры для подрожания среди отечественных разработчиков сайтов? Или все-же такое новаторство сугубо прерогатива буржуев?
+1
Меня смущает перевод терминов. «Расстояние между объектами на странице» у нас чаще всего называют «воздухом», более официально — «контрформой», фразы «совершенство до последнего пикселя» и «неправильные расстояния» ставят в тупик, имхо название статьи вводит в заблуждение, это всё показатели исполнительского мастерства и владения инструментом, что является необходимым, но не является достаточным условием хорошего веб-дизайна, есть еще решаемая всеми этими красивостями задача, месидж и т.д. У отечественной школы дизайна есть более адекватные термины, суть рекомендаций: разберитесь с модульной сеткой и будьте педантичны, примеры интересные, за них спасибо.
+1
поля удобно задавать в процентах, а внешний блок ограничивать по ширине. тогда можно добиться такого эффекта, что на большом мониторе поля большие, а на мелком — пропорционально уменьшаются.
например: smileg.akmedia.ru — поизменяйте ширину окна.
например: smileg.akmedia.ru — поизменяйте ширину окна.
0
UFO just landed and posted this here
UFO just landed and posted this here
Поресайзте окно на https://www.redbrickhealth.com/ очень интересный эфект там зарыт.
0
Sign up to leave a comment.
Что такое качество в веб-дизайне: примеры и рекомендации. Часть 1