Комментарии 131
Интересный вариант. Только имя Микрохабр уже занято, там сайт мало чем отличается от Хабра.
Спасибо.
Ну имя не имеет значения :) Я вообще подразумевал micro.habr.ru в добавок к m.habr.ru
Ну имя не имеет значения :) Я вообще подразумевал micro.habr.ru в добавок к m.habr.ru
Владельцы ресурса как бы хотят денег, а для этого пихают повсюду рекламу. Поэтому официальная версия сайта так никогда не будет выглядеть. Сторонними юзерскриптами и стилями — это пожалуйста, но официально это никто внедрять и поддерживать не будет.
адблокплюс?
Я сначала не поняла, чем отличается версия автора поста от обычного хабра, кроме уменьшения размера шрифтов и отсутствия закругленных углов. А после прочтения вашего комментария попробовала временно адблок отключить… Теперь понятно. Правда у меня в голове не укладывается, как на подобное можно каждый день без отвращения смотреть, в глазах же рябит.
Не понимаю, почему вы не хотите отблагодарить владельцев сайта за то что они делают? Разве вам так мешает какой-то баннер? Это же не реклама типа «Читать чужие смс», вполне достойная реклама, может заинтересовать пользователя.
Хотя может я так говорю после того как я пол года работаю в рекламной кампании, но AdBlock я себе никогда не ставил и считаю что он не нужен. На нормальных ресурсах всегда нормальная реклама.
Хотя может я так говорю после того как я пол года работаю в рекламной кампании, но AdBlock я себе никогда не ставил и считаю что он не нужен. На нормальных ресурсах всегда нормальная реклама.
И Свободнохабр имя занято :)
Новая вёрстка — это всегда «за», будет из чего выбирать.
Как вы уже знаете, есть минималистический дизайн Prettifier/spmbt (ссылка в профиле), в действии, может работать без правой колонки.
Как прошедший построение стилевой надстройки, скажу, что придётся объединять 3 вёрстки — старую (везде на сайте), не очень новую (QA) и новую (Ссылки и страницы некоторых компаний, например, Microsoft). C этим безобразием надо что-то делать, поэтому предлагаю несколько другой путь — написать скрипт, который вытащит контент, а потом контент вложит в Вашу схему вёрстки. Потом каждый сможет под эту схему написать свою вёрстку.
Новая вёрстка — это всегда «за», будет из чего выбирать.
Как вы уже знаете, есть минималистический дизайн Prettifier/spmbt (ссылка в профиле), в действии, может работать без правой колонки.
Как прошедший построение стилевой надстройки, скажу, что придётся объединять 3 вёрстки — старую (везде на сайте), не очень новую (QA) и новую (Ссылки и страницы некоторых компаний, например, Microsoft). C этим безобразием надо что-то делать, поэтому предлагаю несколько другой путь — написать скрипт, который вытащит контент, а потом контент вложит в Вашу схему вёрстки. Потом каждый сможет под эту схему написать свою вёрстку.
Мне и такого хабра вполне хватает. Вполне себе минималистично.
Безусловно хорошая модель, красивая. Может, скинов и типов представлений Хабру как раз-таки и не хватает?..
Стало чуть компактнее, но не на много. Не думаю, что такой вид был бы востребован.
Узкие поля, маленькое межстрочное и тд тп… херня короче.
Может хотя бы этот вариант снова сделать резиновым? :)
Вы возможно не заметили но последние пару лет резина не в почете, все стало вертеться вокруг 960 точек. Идеально для большинства случаев.
Странно, когда Хабр перестал быть резиновым, столько народу это не понравилось…
Хабраконсерваторы.
НЛО прилетело и опубликовало эту надпись здесь
Очень многому.
Резина не в почёте потому, что мало кто может сделать адаптированный под резину дизайн и резиновую вёрстку. А вообще резина однозначно предпочтительней фиксированной вёрстки, а 960px — это вообще полная фигня. Если уж у вас не неограниченная резина, тогда как минимум делайте резину в каких-то рамках, например от 1600 до 900 пикселей.
Протестую.
Блок с текстом не должен быть сильно резиновым. Читать текст, не вращая головой во все стороны, сильно удобнее.
А учитывая то, что у большинства мониторы находятся на расстоянии вытянутой руки (буквально), то оптимальная ширина составляет около 800 пикселей при шрифте 12 пикселей.
Если текст растянуть на 1600 пикселей в ширину без увеличения размера шрифта и отдалении монитора от читателя, то читатели пошлют такого верстальщика… Ну конечно не пошлют, но будут читать и плакать.
Блок с текстом не должен быть сильно резиновым. Читать текст, не вращая головой во все стороны, сильно удобнее.
А учитывая то, что у большинства мониторы находятся на расстоянии вытянутой руки (буквально), то оптимальная ширина составляет около 800 пикселей при шрифте 12 пикселей.
Если текст растянуть на 1600 пикселей в ширину без увеличения размера шрифта и отдалении монитора от читателя, то читатели пошлют такого верстальщика… Ну конечно не пошлют, но будут читать и плакать.
У вас блоки текста по 5 слов в каждом? Вы когда книги читаете на широкоформатных мониторах, тоже сжимаете окошко читалки до 800 пикселей? 800 — это чертовски мало, на широкоформатнике от 19' узенькая колоночка в 800px выглядит нелепо. А если ещё учитывать то, что многие на крупных мониторах увеличивают шрифт чтобы не портить глаза, то 800px — это вообще смешно.
Вот у хабра 725-1200px диапазон. Я использую 900-1300 чаще всего, с 1600 я конечно загнул. Но однозначно не жёсткие 800 — это издевательство над теми, у кого монитор больше 17'.
Вот у хабра 725-1200px диапазон. Я использую 900-1300 чаще всего, с 1600 я конечно загнул. Но однозначно не жёсткие 800 — это издевательство над теми, у кого монитор больше 17'.
Ваш комментарий по ширине у меня занимает 528 пикселей.
Пост занимает 610 пикселей.
Монитор — 19 дюймов. Соотношение сторон 4:3. Разрешение 1280x1024
общая ширина сайта около 1000 пикселей.
Мои тезисы:
На широкоформатных мониторах текст не должен растягиваться во всю ширину экрана. Это неудобно.
Сайты, состоящие из текста не должны тянуться так, чтобы текст становился слишком длинным.
Широкоформатники для интернета — зло. Нужны вертикальные мониторы аля планшеты. Они быстро снимут большую часть проблем с пустым местом по краям.
Ну и на закуску. почему никого не смущают черные полосы сверху и снизу при просмотре фильма? Почему многих смущают белые полосы справа и слева при просмотре сайта?
Пост занимает 610 пикселей.
Монитор — 19 дюймов. Соотношение сторон 4:3. Разрешение 1280x1024
общая ширина сайта около 1000 пикселей.
Мои тезисы:
На широкоформатных мониторах текст не должен растягиваться во всю ширину экрана. Это неудобно.
Сайты, состоящие из текста не должны тянуться так, чтобы текст становился слишком длинным.
Широкоформатники для интернета — зло. Нужны вертикальные мониторы аля планшеты. Они быстро снимут большую часть проблем с пустым местом по краям.
Ну и на закуску. почему никого не смущают черные полосы сверху и снизу при просмотре фильма? Почему многих смущают белые полосы справа и слева при просмотре сайта?
Разрешите пользователю самому выбирать, удобно ли ему читать растянутый текст или нет. Сузить окно браузера может каждый, а вот растянуть колонку получится не у всех
кажется в «психбольнице в руках пациентов» была мысль, что позволить пользователю выбирать со словами «а если ему не понравится — он сможет изменить это», значит расписаться в собственной беспомощности. Это все равно что сказать «я не знаю как вам тут будет удобно, так что поковыряйтесь в настройках, может быть подберёте приемлемый вариант.»
Решение «сузить окно браузера» сродни переключалке в интерфейсе сайта «растянуть на весь экран/сгруппировать по центру».
Если развивать эту мысль дальше, то можно добавить на сайт выбор шрифта, цвета, межстрочного интервала…
Решение «сузить окно браузера» сродни переключалке в интерфейсе сайта «растянуть на весь экран/сгруппировать по центру».
Если развивать эту мысль дальше, то можно добавить на сайт выбор шрифта, цвета, межстрочного интервала…
В принципе, ожидаемо: длинная портянка с цитатами из художественной литературы без какого-либо конкретного смысла.
Давайте попробуем по пунктам:
1) Это нормально, когда человеку разрешают самому вершить свою судьбу, без указки какого-то самого умного диктатора.
2) Зачем развивать мысль и додумывать то, что я не говорил?
Поймите, что у людей разные мониторы, разный размер шрифтов, да и сидят они на разном расстоянии от компьютера. Поэтому то, что удобно вам, не всегда будет удобно другим.
Лично на мой взгляд, популярность узких столбиков посередине пустого монитора связана с наплодившимися криворукими дизайнерами, неспособными сверстать страницу таким образом, чтобы она не теряла свою структуру при изменении ширины окна
Давайте попробуем по пунктам:
1) Это нормально, когда человеку разрешают самому вершить свою судьбу, без указки какого-то самого умного диктатора.
2) Зачем развивать мысль и додумывать то, что я не говорил?
Поймите, что у людей разные мониторы, разный размер шрифтов, да и сидят они на разном расстоянии от компьютера. Поэтому то, что удобно вам, не всегда будет удобно другим.
Лично на мой взгляд, популярность узких столбиков посередине пустого монитора связана с наплодившимися криворукими дизайнерами, неспособными сверстать страницу таким образом, чтобы она не теряла свою структуру при изменении ширины окна
1. Большинство не готово вершить свою судьбу, пользуясь интернетом. Это все равно что строители будут вершить свою судьбу, переделывая под себя инструменты. На практике выбор прост — пользоваться или нет.
2. открываем статистику и смотрим у кого какое разрешение монитора. А учитывая то, что физиология у всех одинакова — можно делать выводы.
У меня стоит два монитора и для иллюстрации своих мыслей я могу показать как выглядит тянущаяся википедия на них:
img13.imageshost.ru/img/2011/09/21/image_4e79c5e4a0adc.png
Обратите внимание — справа, несмотря на тянущуюся верстку от пряморуких верстальщиков, осталось пустое место. Но при этом текст начал выглядеть как гребенка. Все строки разные по размеру.
2. открываем статистику и смотрим у кого какое разрешение монитора. А учитывая то, что физиология у всех одинакова — можно делать выводы.
У меня стоит два монитора и для иллюстрации своих мыслей я могу показать как выглядит тянущаяся википедия на них:
img13.imageshost.ru/img/2011/09/21/image_4e79c5e4a0adc.png
Обратите внимание — справа, несмотря на тянущуюся верстку от пряморуких верстальщиков, осталось пустое место. Но при этом текст начал выглядеть как гребенка. Все строки разные по размеру.
Перечитал топик, понял что мои суждения были восприняты слишком категорично.
В целом я согласен что резину вполне можно допускать, чтобы нивелировать разницу между мониторами 1024 и 1280 пикселей в ширину. Но у широкоформатных мониторов есть разрешения до 1600 — на них все же лучше если по краям останутся белые полосы, а не как в википедии.
Так же не стоит забывать ещё и про количество колонок в макете. К примеру я видел одну интернет-читалку, которая текст для широких экранов разбивает на две колонки и располагает рядом. Но на большинстве сайтов не наберется столько текста, чтобы заполнить им весь монитор. А если и наберется — это всяко будут не художественные произведения.
В целом я согласен что резину вполне можно допускать, чтобы нивелировать разницу между мониторами 1024 и 1280 пикселей в ширину. Но у широкоформатных мониторов есть разрешения до 1600 — на них все же лучше если по краям останутся белые полосы, а не как в википедии.
Так же не стоит забывать ещё и про количество колонок в макете. К примеру я видел одну интернет-читалку, которая текст для широких экранов разбивает на две колонки и располагает рядом. Но на большинстве сайтов не наберется столько текста, чтобы заполнить им весь монитор. А если и наберется — это всяко будут не художественные произведения.
В результате такой «минимизации» пострадало главное — читабельность. В это плохо.
Stylish?
Прижать все друг к другу, убрать рекламу, снести кнопку «написать пост», а потом добавить разлиновку, потому как все слипается. Отлично. Да, в постах еще картинки бывают.
Многое не учтено. Меняя компоновку элементов на странице в половине случаев нужно заново переосмысливать расположение и приоритет элементов навигационных, статистических и информационных.
Многое не учтено. Меняя компоновку элементов на странице в половине случаев нужно заново переосмысливать расположение и приоритет элементов навигационных, статистических и информационных.
Основная идея была в том, чтобы убрать круглые углы и гигантские шрифты.
Ну и немного изменений мелких, типа фотографии вместо иконки возле ника и облегчения списка Q&A.
Ну и немного изменений мелких, типа фотографии вместо иконки возле ника и облегчения списка Q&A.
Фото только утяжелило макет. Сами посмотрите: цветная картинка посреди серо-белого. Если говорить о минимализме, то почему слиняли социальные иконки, но осталась статистическая о количестве добавлений в избранное, по вашему она важнее? Компенсировать отказ от закруглений и пустот введением разлиновки тоже не очень удачное решение. Введение белой подложки и отличного от нее общего фона страницы тоже явно попытка добавить компактности за счет контрастности фонов, но это всего лишь визуальный обман.
Я не критикую ваш профессионализм. Скорее вы просто отнеслись к данной затее как к развлечению, нежели действительно решили задачу названную вами «Микрохабр».
Я не критикую ваш профессионализм. Скорее вы просто отнеслись к данной затее как к развлечению, нежели действительно решили задачу названную вами «Микрохабр».
Мне кажется, что в Вашем варианте, кнопки «встроенный», «яндекс», «google», «bing» под строкой поиска не нужны.
Во-первых, Вы же сами сказали «минимализм», а во-вторых… Да вообще не нужны :)
Во-первых, Вы же сами сказали «минимализм», а во-вторых… Да вообще не нужны :)
Вы – быдлодизайнер, без сомнения.
Вы что-нибудь слышали о типографике?
а мне нравится
Вам надо с dilesoft'ом дружить. Очень похожи.
В чем заключается «микроскопичность» этого шаблона? В нечитаемых шрифтах без сглаживания? В скомканном и, опять же, нечитаемом тексте? Шаблон очень сложный и тяжелый для восприятия. Вам на Лайвстрит — там любят такие «шаблоны».
Сделайте возможность скрывать правую часть, пусть даже реклама останется. А то на планшетах читать не удобно.
Мне понравились идеи с выбором поиска и с отображением аватарки авторов постов. Хотелось бы увидеть это на самом хабре.
Что касается самой идеи в целом, то не совсем понятно, откуда стремление к компактности. На больших мониторах наоборот приходится увеличивать масштаб для комфортного чтения.
Что касается самой идеи в целом, то не совсем понятно, откуда стремление к компактности. На больших мониторах наоборот приходится увеличивать масштаб для комфортного чтения.
Все же минимализм заключается не в уменьшении в размерах, а немного другом. В отсутствии лишних элементов, в их числе, в визуальной легкости. Для того, чтобы сконцентрироваться на важном, чтобы второстепенное не мешало. Здесь же все сложночитаемо и трудновоспринимаемо. То есть стало хуже.
Читать стало невозможно. Одно это полностью убивает все остальные возможные преимущества.
m.habrahabr.ru/
Вот это минимализм. Ни одного лишнего блока, который отвлекал бы от основной задачи — чтения статей и комментариев к ним. Конечно, у него свои недостатки (основной и для меня единственный — невозможность входа). А от уменьшения междустрочных интервалов и размеров шрифта дизайн минималистичным не ставится
Вот это минимализм. Ни одного лишнего блока, который отвлекал бы от основной задачи — чтения статей и комментариев к ним. Конечно, у него свои недостатки (основной и для меня единственный — невозможность входа). А от уменьшения междустрочных интервалов и размеров шрифта дизайн минималистичным не ставится
Думаю примерно так хабр выглядит в ie6
Всякий дизайнер пытается переделать то, к чему все привыкли. Но зачем?
Затем, что «привычное» != «удобное».
В том числе и в случае Хабра. К примеру, многим нафиг не нужна панель справа (я так вообще ею не пользуюсь), совершенно излишний отступ слева, слоновый отступ сверху. На мониторе от 20" и выше полезная информация использует хорошо если треть экрана. А на мелких экранах (например, на нетбуках), подозреваю, при открытии топика нужно будет сразу же скроллить, т.к. текста банально не будет видно.
Это привычно, да. Но неудобно.
В том числе и в случае Хабра. К примеру, многим нафиг не нужна панель справа (я так вообще ею не пользуюсь), совершенно излишний отступ слева, слоновый отступ сверху. На мониторе от 20" и выше полезная информация использует хорошо если треть экрана. А на мелких экранах (например, на нетбуках), подозреваю, при открытии топика нужно будет сразу же скроллить, т.к. текста банально не будет видно.
Это привычно, да. Но неудобно.
Всякий дизайнер пытается улучшить всё вокруг себя. У автора не получилось.
Очень неплохо. Только вот шрифты в постах нужно сделать побольше.
Отзовитесь, пожалуйста, люди с дизайнерским зрением, о таком компакт-макете комментариев на Хабре. Плотность — обратная сторона компактности. Вот — комментарии из статьи habrahabr.ru/blogs/google/128791/#comments в компактном виде. Минимализм тут тоже достигается тем, что скрыты подписи. По наведению мыши (рисунок внизу слева) — появляются бледные подписи и даты. Справа — для сравнения то, что имеем сейчас.
Вопрос: как лучше выделить подписи и даты, чтобы это смотрелось хорошо? Чтобы подписи сразу отличались от основного текста. Сейчас, как видим, получается каша. Но пробы с вариантами помогали не слишком. Или цвет надо другой, или подход?
Вопрос: как лучше выделить подписи и даты, чтобы это смотрелось хорошо? Чтобы подписи сразу отличались от основного текста. Сейчас, как видим, получается каша. Но пробы с вариантами помогали не слишком. Или цвет надо другой, или подход?
По-моему, вариант справа лучше. Читать проще. Смотреться хорошо !=читаться хорошо.
Похоже дело в постановке задачи. Что вы хотите этим минимализмом добиться?
PS Имхо минимализм не в плотности элементов, а в отсутствии лишних.
Похоже дело в постановке задачи. Что вы хотите этим минимализмом добиться?
PS Имхо минимализм не в плотности элементов, а в отсутствии лишних.
Я бы не сказал что слева смотрится хорошо.
Вопрос как раз об этом: как сделать левую сторону лучше? Без общих фраз. Цель — читать, а не листать.
А по мне наоборот, слева отлично видно именно текст комментариев, справа его разрывают аватарки и служебная информация.
Эти служебные строки, которые, вроде бы и не нужны, на самом деле выполняют важную роль — они отделяют один комментарий от другого, тем самым стуктуризируя поток информации. В зарубежных книгах абзацы выделяют пустой строкой — с той же целью. Аватарки я вообще не считаю «излишним наворотом». Когда читаешь беседу нескольких людей можно боковым зрением определить, кто именно оставил комментарий. Очень удобно.
spmbt, что изменить? Я думаю вернуть аватарки и разнести комментарии подальше друг от друга. В идеале разделить их датой написания сообщения — иногда она тоже нужна. Блин, вышел вариант который справа…
spmbt, что изменить? Я думаю вернуть аватарки и разнести комментарии подальше друг от друга. В идеале разделить их датой написания сообщения — иногда она тоже нужна. Блин, вышел вариант который справа…
Есть большая разница между пустой строкой и строкой, забитой не относящейся к теме информацией. Представьте книгу, в которой абзацы разделяются таким образом.
К тому же в варианте слева пустая строка есть.
RetroGuy: если не шутите, то роль аватаров выполняет цвет левого бордюра — позволяет определить, тот же человек ответил или другой. А по наведению мыши на ветку открываются имена авторов всей ветки (слева внизу) и заодно, показывает ветку обсуждения, аватары, дату (она ведь нужна иногда?) и кнопки. Если навести на аватар, он покажется в натуральном размере (этого на скриншотах нет). Если мышь отвели — роль разделителей выполняют пробельные строки, как и в зарубежных абзацах (слева вверху).
Аватар не подходит (не всегда подходит) для идентификации, потому что у некоторых его нет, у некоторых — похож на другие, а некоторые имеют «кричащий» аватар, отвлекающий от содержания. Уже более чем достаточно, чтобы аватары задвинуть куда-нибудь подальше?
Аватар не подходит (не всегда подходит) для идентификации, потому что у некоторых его нет, у некоторых — похож на другие, а некоторые имеют «кричащий» аватар, отвлекающий от содержания. Уже более чем достаточно, чтобы аватары задвинуть куда-нибудь подальше?
Я по профессии не дизайнер. Как пользователю мне гораздо больше нравиться правый вариант — по крайней мере на скриншоте. Почему? Выше я попытался формализировать. Забыл приписать ИМХО, так что если вам показалось слишком ультимативно — приношу извинения. Возможно я не прав.
Тем не менее я точно знаю, что мне гораздо проще идентифицировать личность пишущего на ресурсах с аватарками. Идеал — это маленькие аватарки, когда их размеры не позволяют вычурности самой картинки отвлекать внимание. А еще по ней можно иногда узнать человека в разных местах, а не только в пределах одного поста.
Тем не менее я точно знаю, что мне гораздо проще идентифицировать личность пишущего на ресурсах с аватарками. Идеал — это маленькие аватарки, когда их размеры не позволяют вычурности самой картинки отвлекать внимание. А еще по ней можно иногда узнать человека в разных местах, а не только в пределах одного поста.
Нет, все мнения полезны, спасибо всем, правда, никто ничего не посоветовал в рамках вопроса. А вопрос актуальный, хочу выложить этот вариант в пользование, вернее, частично он уже в пользовании лежит (ссылка в профиле). Больше людям нравится, видимо, существующее, но меня оно не устраивает по ряду причин. Есть, кстати, и возможность поставить автора-аватар-дату сбоку, что даст больше простора по вертикали, но никто этого почему-то не предлагает. Поэтому и к высказываниям «хорошо — то, что есть», думаю, надо относиться сильно критически. Это просто проще высказать и быть понятым.
Аватары — у меня они видимы при наведении, как на рис. ниже. А те, у кого нет — убраны (всё работает в стилях Prettifier/spmbt, кроме расцвечивания левых бордюров).
А вопрос — как же, всё таки, сделать получше левый вариант, остаётся открытым для новых идей.
Аватары — у меня они видимы при наведении, как на рис. ниже. А те, у кого нет — убраны (всё работает в стилях Prettifier/spmbt, кроме расцвечивания левых бордюров).
А вопрос — как же, всё таки, сделать получше левый вариант, остаётся открытым для новых идей.
НЛО прилетело и опубликовало эту надпись здесь
Какую задачу вы решали, создавая этот макет?
А че, кто-то и правда пользует эту панель справа, раз даже в «микро» дизайн ее потащили?
Вы боитесь использовать воздух — пустое место. Это как синдром начинающего дизайнера — если есть пустое место, значит там нет дизайна. Это не так.
Нет, неправда.
Я, конечно, быдлодизайнер, но не начинающий.
Тут просто все три поста с кучей текста.
Были бы картинки, было бы свободнее.
Ну и да, немного посвободнее можно было бы сделать.
Я, конечно, быдлодизайнер, но не начинающий.
Тут просто все три поста с кучей текста.
Были бы картинки, было бы свободнее.
Ну и да, немного посвободнее можно было бы сделать.
Это мне напомнило мою преподавательницу по HTML и «интернетам» — её повергал в шок центро-ориентированный дизайн (подобный нынешнему хабру). Кричала, что как можно оставлять по бокам столько места не заполненного «полезной» информацией!!!
И отдельно напомнило преподавательницу по основам дизайна — «В правильной композиции нет пустоты. Свободное пространство — это тоже элемент дизайна»
И отдельно напомнило преподавательницу по основам дизайна — «В правильной композиции нет пустоты. Свободное пространство — это тоже элемент дизайна»
По мне — так выглядит очень даже неплохо, от такого шаблона или плагина не отказался бы.
может я не прав… и извиняюсь за чуток дерзость… но это реально Х_УЯБР какой-то. вы убрали фотки с постов, и убрали рекламу и? мне лично 2 банера или 1 банер не очень мешает… это же не сайт где вокруг одни банеры…
и не факт что вы сами эту рекламу в будующем не добавите)) деньги хотят все заработать)).
и не факт что вы сами эту рекламу в будующем не добавите)) деньги хотят все заработать)).
ИМХО, текущий вариант смотрится и то минималистичнее.
Шрифты «Сломай глаза»
поиск убрать. логотип убрать. правую колонку убрать полностью.
По мне так микрохабр должен выглядеть не так.
Самый верх. Слева логотип, справа информация о юзере.
Ниже обычная выдача захабренных топиков.
Ниже футтер.
И где нибудь в любом месте кнопка перехода к стандартному режиму.
То есть никакого сине-серого горизонтального меню. Люди, блоги, события, большинство туда и не кликает, я уверен. Боковые панели тоже лишнее. Оставить только суть — захабренные топики. Я бы такой версией пользовался.
Думаю многим пришлось бы по душе читать хабр как IT-ежедневник, где ничего лишнего, только статьи. Пробежался по заголовкам, прочитал интересное, закрыл до завтра.
Самый верх. Слева логотип, справа информация о юзере.
Ниже обычная выдача захабренных топиков.
Ниже футтер.
И где нибудь в любом месте кнопка перехода к стандартному режиму.
То есть никакого сине-серого горизонтального меню. Люди, блоги, события, большинство туда и не кликает, я уверен. Боковые панели тоже лишнее. Оставить только суть — захабренные топики. Я бы такой версией пользовался.
Думаю многим пришлось бы по душе читать хабр как IT-ежедневник, где ничего лишнего, только статьи. Пробежался по заголовкам, прочитал интересное, закрыл до завтра.
Если хотите конструктива:
1. Меньше лиды у постов;
2. Меньше дату, врема, автора итд;
3. Больше интерлинъяж;
4. Между заголовком и лидом должен быть как минимум полуторный отсуп;
5. Дизайна тут ноль—покажите что будет при действии пользователя-сделайте удобней прочтение постов, сделайте удобней просмотр ленты, просмотр автора поста
6. Подумайте чего не хватает на Хабре и что уже и так удобно, чего не стоит переделывать.
Чуть больше фантазии, и получится хороший прототип-оформление можно подправить
1. Меньше лиды у постов;
2. Меньше дату, врема, автора итд;
3. Больше интерлинъяж;
4. Между заголовком и лидом должен быть как минимум полуторный отсуп;
5. Дизайна тут ноль—покажите что будет при действии пользователя-сделайте удобней прочтение постов, сделайте удобней просмотр ленты, просмотр автора поста
6. Подумайте чего не хватает на Хабре и что уже и так удобно, чего не стоит переделывать.
Чуть больше фантазии, и получится хороший прототип-оформление можно подправить
До 2003-2004 все сайты состояли их огромного количества очень маленького текста(см. ag.ru)
На данный момент области применения такого стиля нет.
Конструктив: не тянется, плохо
На данный момент области применения такого стиля нет.
Конструктив: не тянется, плохо
Хочется высрать кирпич и надавать дизайнеру им по голове.
Когда в начале 2000х я делал дизайн с нормальными по размеру, читаемыми буквами и большим количеством свободного места все говорили что я рисую какую-то пустую фигню. Да вот ни в жизнь я ваши слипшиеся буковки размером с куриный тромбон видеть не хочу
Когда в начале 2000х я делал дизайн с нормальными по размеру, читаемыми буквами и большим количеством свободного места все говорили что я рисую какую-то пустую фигню. Да вот ни в жизнь я ваши слипшиеся буковки размером с куриный тромбон видеть не хочу
Размер шрифта на удобном сайте не может быть менее 12 пикселов (лучше — 13).
интересно, сколько таких топиков мегадизайнеров с их вариантами вконтакта и хабра будут попадать на главную?
«Топорный» дизайн
Горизонтальная и вертикальные серые черточки лишние.
Я считаю, что любая — даже не самая удачная — подобная попытка заслуживает внимания, и оно стоит того, чтобы попробовать что-то сделать. Главным мне видится не конечный результат — пусть даже он и оставляет желать лучшего — а то, что это возможность для человека услышать критику своей работы и в следующий раз сделать лучше, ну и, собственно, упражнения ради.
К самому дизайну есть конкретные замечания:
1) Отсутствие существенных предложений — layout полностью повторяет имеющийся, просто сделано по-другому, и, к сожалению, получилось не лучше, чем есть сейчас;
2) Как уже было сказано выше — мелковатый шрифт, недостаточное растояние между строками, вследствие чего читается это все не очень удобно, не говоря уже о людях, имеющих более значительные проблемы со зрением, а такие люди в нашей среде, мягко говоря, есть;
3) Стилизация меню в левом верхнем углу не понравилась, его лучше стилизовать и выделять по минимуму в таком лэйауте, а если так уж хочется стилизовать — лэйаут надо модифицировать;
4) Логотип — если логотип Хабра еще как-то можно назвать логотипом, то поместить его в квадратик и инвертировать — если это и логотип, то он смотрится значительно хуже оригинала в данном случае… к сожалению;
Это основные моменты. И, наконец, прокомментирую следующие слова:
>> Я – быдлодизайнер и хочу показать вам свой набросок
Как вы лодку назовете, так она и поплывет. Именуя себя быдлодизайнером, вы заранее устанавливаете ограничение на качество своих дизайнерских работ. А способность к дизайну у вас есть: еще парочку такого уровня дизайнов, выслушать критику (хотя бы ту, что конструктивна), переварить ее, и вперед. Совершенствования никто не отменял, и вам есть к чему стремиться, и есть смысл стремиться, ибо способность есть. Обратите внимание на юзабилити и типографику, изучите основы минимализма и Бог вам в помощь! Успехов!
К самому дизайну есть конкретные замечания:
1) Отсутствие существенных предложений — layout полностью повторяет имеющийся, просто сделано по-другому, и, к сожалению, получилось не лучше, чем есть сейчас;
2) Как уже было сказано выше — мелковатый шрифт, недостаточное растояние между строками, вследствие чего читается это все не очень удобно, не говоря уже о людях, имеющих более значительные проблемы со зрением, а такие люди в нашей среде, мягко говоря, есть;
3) Стилизация меню в левом верхнем углу не понравилась, его лучше стилизовать и выделять по минимуму в таком лэйауте, а если так уж хочется стилизовать — лэйаут надо модифицировать;
4) Логотип — если логотип Хабра еще как-то можно назвать логотипом, то поместить его в квадратик и инвертировать — если это и логотип, то он смотрится значительно хуже оригинала в данном случае… к сожалению;
Это основные моменты. И, наконец, прокомментирую следующие слова:
>> Я – быдлодизайнер и хочу показать вам свой набросок
Как вы лодку назовете, так она и поплывет. Именуя себя быдлодизайнером, вы заранее устанавливаете ограничение на качество своих дизайнерских работ. А способность к дизайну у вас есть: еще парочку такого уровня дизайнов, выслушать критику (хотя бы ту, что конструктивна), переварить ее, и вперед. Совершенствования никто не отменял, и вам есть к чему стремиться, и есть смысл стремиться, ибо способность есть. Обратите внимание на юзабилити и типографику, изучите основы минимализма и Бог вам в помощь! Успехов!
Зачем паразитировать? Выдумайте себе идею и вперед! Не думаю, что хабр нуждается в редизайне.
мда… чуть не сломал глаза
Для микрохабра нужны микробаннеры
Некрасиво получилось, вот вроде бы активная:
userstyles.org/styles/browse?page=3&search_terms=http%3A%2F%2Fhabrahabr.ru
userstyles.org/styles/browse?page=3&search_terms=http%3A%2F%2Fhabrahabr.ru
Товарищи дизайнеры! Мелкий текст читать НЕВОЗМОЖНО! Привыкните уже наконец, что 16px — минимальный размер текста. 300dpi экраны уже не новость, для них ещё больше надо делать, порядка 24px.
А для чего вообще нужен этот микрохабр?
Меня и нынешний устраивает.
Меня и нынешний устраивает.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Концепт. Микрохабр