Отправлено: 09.12.11 16:14. Заголовок: Дизайн, не вредный для глаз?
Каким он должен быть? Вот отзыв постороннего человека о сегодняшнем дизайне Форы:
цитата:
Аскольд Пасічний - Дизайн стильный но неюзабельный. Видимо сделан по заказу Асоциации Безработных Окулистов.
Ну, вот... А какой будет юзабельный и что сие такое?
Хорошая читабельность - это тоже плохо?
цитата:
С каждым годом экраны планшетов и смартфонов становятся все лучше и лучше. Увеличиваются разрешение, яркость, размеры (у смартфонов особенно). Картинка становится все краше, тексты — все четче. И это — проблема. Чем лучше читабельность, тем хуже усваивается текст.
Вот как это работает. Обработкой текста занимаются два разных отдела мозга. Вентральный путь делает основную часть работы. Он обрабатывает простые тексты, не требующие напряженного процессинга. Мы видим буквы, конвертируем их в слово, затем определяем значение слова.
Второй компонент мозга, задействованный в чтении, называется дорсальный путь. Он включается, когда мы видим незнакомое слово, сложную формулировку или просто неразборчивый текст. Ученые долгое время считали, что дорсальный путь используется мозгом только при обучении чтению. Исследования французского нейробиолога Станисласа Дехена развеяли эти заблуждения. Оказалось, что дорсальный путь работает в любом возрасте. Но бездействует до тех пор, пока чтение не требует усилий.
Почему это важно? Нейробиологи экспериментальным путем выяснили, что тексты, набранные неподходящим шрифтом, запоминаются лучше. Мозг вынужден задействовать и вентральный, и дорсальный путь, благодаря этому информация усваивается глубже и осмысленнее.
Если во время чтения вас клонит в сон, то, скорее всего, это признак того, что работает только вентральный путь. Попробуйте поменять шрифт, кегль, снизить яркость экрана. Что угодно, лишь бы усложнить мозгу чтение. Это поможет расшевелить дорсальный путь. Его активация взбодрит вас и поможет воспринимать текст более осознанно. Слишком легкое чтение — бесполезное чтение.
Отправлено: 09.12.11 18:41. Заголовок: Да уж столько раз эт..
Да уж столько раз это обсуждалось, сколько ж можно-то уже? Это сугубо субъективное мнение - кому-то юзабельно одно, кому-то другое. А так, чтобы на всех - так это стандартный, белый, с черными буквами. Но и к этому придерутся, что слишком белый, глаза режет.
Отправлено: 16.02.12 18:23. Заголовок: Вот к вопросу о чита..
Вот к вопросу о читабельности и вреде для глаз - только мне дико режет глаза новый стиль цитаты на Форре? Пыталась привыкнуть, но никак. Черная, с белыми буквами, когда весь форум светло-серый - это убивает Т_Т Сделать бы ее, что ли, хотя бы белой, с черными буквами, но почему черной-то?
Сделать бы ее, что ли, хотя бы белой, с черными буквами
извиняюсь, сам сторонник тёмных дизов (слишком чувствителен к яркому свету), потому делалось так, а Серифа менять пока не стала. Если будет "за" - внесу правки в css. А вообще, "идеальные контрасты" - зло. Имхо.
Отправлено: 17.02.12 10:17. Заголовок: Имел ввиду, что сам ..
Имел ввиду, что сам форум светлый, а на фоне серенькая текстура, бэкграунд. Потому, кажется, предыдущий вариант вязался с форумом неплохо. А теперь как-то не айс, имхо
однако тёмно-серый фон и светлое тело форума глаза не вырывают.
Нет, не вырывают, потому что тело светло-серое, а текст черный. Если бы цитата была в схожем стиле, не было бы такого контраста, а когда она черная... как уже было сказано:
Zoltan пишет:
цитата:
как-то не айс, имхо
Тем более, как я смотрю, не только у меня глаза болят от этой цитаты
Отправлено: 17.02.12 10:24. Заголовок: Так, надо сделать ск..
Так, надо сделать скрин. Чтобы было чего предъявить публике :) А мне вообще контрастный черный с белым нравился Он был такой неординарный) Серый делает цитату плоской, белый фон - тоже. А вот с черным было как-то интереснее. Можно еще попробовать темный серый фон и буквы #cccccc. Для разнообразия.
Отправлено: 17.02.12 10:54. Заголовок: Менее яркий белый - ..
Менее яркий белый - это просто фон #cccccc и шрифт #000000 То есть, фактически как сам форум. Только окантовка будет черная, можно буквы с тенью. Это будет аккуратно, хотя бы.
Отправлено: 17.02.12 11:17. Заголовок: Вообще тут выше верн..
Вообще тут выше верно высказывались: когда цитируется достаточно большой кусок текста, чёрный фон с белыми буквами бьёт по глазам. Сужу по теме своего форума, там как раз цитирования довольно много. Сейчас - читабельно.
Отправлено: 17.02.12 14:39. Заголовок: А подо что вы подбир..
А подо что вы подбираете? :) Надо же ориентироваться на цвета форума. Например, на блики светлого в фоновом рисунке (не который в форумской таблице). А если ориентироваться на табличный фоновый рисунок, надо учитывать, что те цвета в сплошном заполнении будут выглядеть совсем не симпатично.
У меня оно работает всегда :) Щас гляну в композере.
Отправлено: 17.02.12 17:34. Заголовок: И чем жёлтый лучше г..
И чем жёлтый лучше голубого?
з.ы. по-быстрому сварганил органично "вписывающийся" вариант, где фон цитаты - картинка из фона форума, но увы, чтоб выделить это на общем теле нужно менять гамму, а это снова тёмные тона, которые тут не любят
Отправлено: 17.02.12 19:55. Заголовок: Да, выглядит желтова..
Да, выглядит желтовато. Зависит еще от фона, на котором картинка расположена :) Я ничего не успела, пошла спать. Завтра открою этот композер и попробую там варианты цветов. Доброй всем ночи и доброго утра!
Как-то так. Если правильно подобрать цвета, то тень и бордеры будут хорошо выглядеть. А бордер, по-идее, должен быть светлее фона (в шаблоне ведь так?)
Видимо, все-таки сильно от настроек монитора зависит
цвета в формате rgb от настроек очень мало зависят
Serifa Удалось избавиться от лишнего цвета, теперь серенько (: Интересно, такой вариант народ устроит?
Serifa пишет:
цитата:
А бордер, по-идее, должен быть светлее фона (в шаблоне ведь так?)
Дык это не суть важно, "шаблон" я сварганил за пару минут и изначально у текста вообще красная тень была, по скринам в теме о css хорошо заметен "прогресс" этого шаблона :D
Отправлено: 18.02.12 20:50. Заголовок: Альма пишет: у меня..
Альма пишет:
цитата:
у меня на мониторе предложенный цвет был сепийно-серым, а для кого-то он был желтым.
Сепия это эффект тонирования фотографии в коричневый цвет. Т.е "сепийно-серый" это и будет грязно жёлтый или серовато-бурый. И то, что предложенный вариант был с желтизной, видно сразу..
Альма пишет:
цитата:
Только теперь вопрос, зачем было на текст тень накладывать
на вкус и цвет, опять же. Тень пока убрал, если других вариантов не будет :D
Сепия это эффект тонирования фотографии в коричневый цвет. Т.е "сепийно-серый" это и будет грязно жёлтый или серовато-бурый. И то, что предложенный вариант был с желтизной, видно сразу..
Не спорю, что видно. Но у меня на экране он выглядел именно серый, желтого там не было. Уж показывать мне палитру-то не обязательно, я ведь видела ее, когда цвет выбирала ;) . Но я потому и сказала, что на разных мониторах цвета-то по-разному выглядят. У кого-то был четко виден желтый, у меня желтого видно не было, только сепийно-серый.
Zoltan пишет:
цитата:
на вкус и цвет, опять же. Тень пока убрал, если других вариантов не будет :D
Отправлено: 26.06.12 20:15. Заголовок: Из Википедии) Дорcа..
Из Википедии)
цитата:
Дорcальный путь (канал «где?» или «как?») ассоциирован с движением, представлением о локализации объекта, управлением движениями глаз (саккады), использованием визуальной информации для оценки досягаемости объектов и доставания видимых предметов руками)
Вентральный путь (канал «что?») связан с процессом распознавания формы, представлением об объекте, а также с долговременной памятью.
А в статье "Ученые долгое время считали, что дорсальный путь используется мозгом только при обучении чтению", а также "Но бездействует до тех пор, пока чтение не требует усилий"
Возможно, речь идёт о печально известных, Британских учёных. В таком случае, статья не столь полезна, сколько вредна.
Отправлено: 28.06.12 14:36. Заголовок: Как вариант: часто в..
Как вариант: часто вижу сочетание темный фон и обрамление + светлые поля форума. Примерно, как сейчас на этой форе, только контраст побольше. Кто видел такие форумы? Как вам нравится такое контрастное оформление?
Отправлено: 28.06.12 22:49. Заголовок: Serifa пишет: Кто в..
Serifa пишет:
цитата:
Кто видел такие форумы? Как вам нравится такое контрастное оформление?
Вот именно настолько контрастное не нравится, по глазам бьёт. Но вообще именно вариант "темный фон и обрамление + светлые поля форума" кажется самым-самым комфортным. Однако без сильной контрастности.
Отправлено: 01.07.12 18:39. Заголовок: Который раз переделы..
Который раз переделываю диз на форе орг (временно включила темно-синий вариант). А вообще пыталась сделать версию бордовского диза, который здесь сейчас. Фон я на место поставила, а вот раскраска форума не получается. У того движка свои причуды, как на борде не сделаешь. То есть, можно, но это ж надо знать, где что сломать правильно :)
Наверное, надо вообще уйти от бежевого фона, какой-то он непродуктивный.
Отправлено: 05.07.12 13:52. Заголовок: Потырено с какого-то..
Потырено с какого-то блога.
Каким должен быть читабельный текст?
цитата:
#1 Начертание шрифтов Используйте шрифты без засечек (еще их называют Sans Serif или рубленные). Классическими примерами являются Arial, Verdana, Tahoma и другие. На экранах мониторов, имеющих гораздо меньшее разрешение, чем печатные материалы, засечки на краях букв мешают чтению. Классический шрифт с засечками, который ухудшает читабельность – Times New Roman.
#2 Размеры шрифтов В подавляющем большинстве случаев удобнее всего читаются кегли 10-12. Шрифты более крупного или более мелкого размера замедляют чтение и потому повышают утомляемость пользователей. Исключение могут составлять сайты для пожилых людей. Они обладают слабым зрением, поэтому для ресурсов с подобной аудиторией стоит увеличить размер до шрифта до 12-14, а также убедиться, что строки разделяет достаточный интервал.
#3 Разнообразие шрифтов Не рекомендуется использовать большое разнообразие начертаний, цветов и размеров шрифтов. Это раздражает пользователей. Взгляните, например, на шрифты на сайте Сергея Мавроди:
Не правда ли пестрит в глазах и информация воспринимается плохо? Сайт – это не новогодняя елка, не нужно его украшать. Если хочется выделить какие-то фразы, тезисы или абзацы в тексте, то можно использовать жирный шрифт, курсив или любой другой единый стиль для выделения.
#4 Выравнивание текста Рекомендуется выравнивать тексты только по левому краю. Исследования показывают, что неровные правые края колонок текста помогают людям фиксировать взгляд, увеличивают скорость чтения и улучшают восприятие текста. Поэтому не стоит выравнивать абзацы по обоим краям, делая все строки одинаковой длины. Еще более худший вариант – выравнивание текста по центру. В особенности, это касается строк различной длины.
За примерами далеко ходить не надо, взгляните на тексты газетных интернет-изданий: Уж они то знают толк в читабельности. У всех контент выравнен только по левому краю!
#5 Не используйте верхний регистр Избегайте абзацев текста в верхнем регистре. Исследования показывают, что читать его труднее. Да и выглядит это так, как будто вы кричите в глаза своим пользователям.
#6 Длина строк Колонки текста, имеющие ширину более 50-70 символов читать трудно. Не зря газетчики не делают строки длинными и печатают тексты в несколько колонок. Также стоит предусмотреть возможность верстки, препятствующей произвольному удлинению строк текста на широких мониторах.
#7 Контрастность текста Высокая контрастность текста и фона увеличивает удобочитаемость. Для отражающих свет поверхностей, таких как бумага, самым лучшим является сочетание черного текста и белого фона. Для излучающих свет поверхностей, каковыми являются экраны компьютерных мониторов, наоборот, лучший вариант – светлый текст и темный фон. В обратном случае свет, излучаемый светлым фоном, мешает глазу фиксировать взгляд на темных участках текста. Однако, мир печати создал такую инерцию, что темный текст на светлом фоне стал фактически стандартом и для компьютерного мира, так что практически всегда приходится следовать этой традиции. Кроме того, существует мнение, что темные сайты, несмотря на более контрастный текст, обладают меньшей конверсией, поскольку мрачные тона отталкивают пользователей. Это еще один дополнительный голос за темный текст и светлый фон.
#8 Тексты ссылок Голубой подчеркнутый текст является стандартом для изображения ссылок. Постарайтесь не менять этого правила без веских причин.
#9 Подчеркивания в тексте Не используйте подчеркивание в обычном тексте. Как уже говорилось выше оно «забронировано» за гиперссылками. Подчеркнутый текст будет вводить в заблуждение пользователей, они захотят кликнуть по нему. Для выделения текста лучше использовать другие методы (выделение жирным, курсивом).
#10 Фоновый цвет и графика Не используйте в качестве фона для текста высококонтрастные изображения. Они затрудняют чтение и отвлекают внимание.
Сайт нашего клиента компании Мир Шапок сделан настолько же нестандартно с точки зрения дизайна, насколько он неудобен для пользователя:
Правда это не мешает ему находиться на первых позициях в поиске по профильным запросам.
******
Перед публикацией поста проверил тексты на блоге на предмет читабельности по этому списку и обнаружил, что как минимум 3 пункта (под номерами 4, 6 и 7) у меня не выполнены. Есть куда стремиться. А у вас как обстоят дела с удобочитаемостью текста?
Используйте шрифты без засечек (еще их называют Sans Serif)
Не используйте Comic Sans, который Sans Serif. Пожалуйста Можно зайти на википедию и поглядеть на картинки с comic sans и Times new roman. Разница в читабельности на лицо.
цитата:
Классический шрифт с засечками, который ухудшает читабельность – Times New Roman.
А вот на хабре так не считают, цитата из комментариев к посту, ссылка на который в шапке
цитата:
Горизонтальные засечки нужны чтобы уменьшать визуальное расстояние между буквами и делать строку более плотной, что облегчает чтение.
Собственно, вертикальные тоже служат этой цели — сравните например пары «ет, гс» с засечками и без.
Возьмите, к примеру, слово «удивительно» — в нем у некоторых букв будут горизонтальные засечки, у некоторых вертикальные, у некоторых вообще нет — и сравните насколько оно «цельно» выглядит когда с засечками.
Надеюсь, каждый видел сайт полностью из комик-сансов и понимает, что это не читабельно на все 100%
Отправлено: 05.07.12 14:40. Заголовок: Там еще сказано: опт..
Там еще сказано: оптимальным для экранов будет сочетание темного фона и светлого шрифта! Но инерция человеческого мышления заставляет нас предпочитать всё наоборот, как-то так :)
Не знаю, я не могу долго читать текст на темном фоне, глазки болят.
Отправлено: 05.07.12 15:09. Заголовок: Serifa да цвет фона ..
Serifa да цвет фона это страшная вещь вообще хотя я бы не сказал, что здесь сейчас светлый фон, скорее, нечто среднее и читается нормально. Скорее, темноватый фон и тёмный шрифт. Помню бум форумов, "чёрное на сером" и не жаловался никто
ам еще сказано: оптимальным для экранов будет сочетание темного фона и светлого шрифта!
На самом деле так и есть. Даже на компьютере стоит оформление "контраст", чтобы глаза щадило. В нем черный фон и белые буквы, в любой момент можно проверить на компьютере. Я как-то раз попробовала с таким посидеть - реально глазам спокойнее, но из-за того что очень непривычно - я так долго не прожила.
Еще какая-то ошибка в коде целый вечер мучает: то ли я что-то случайно удалила, то ли уже глюки...
Если делать совсем читабельно - пропадает атмосферность, как бы игра все-таки, а не новостной сайт...( На этом форуме фон таблицы в самом деле удачный, вот только эта зернистость текстурная иногда мешает, если глаза устали. На SMF на фон такие текстуры не зальешь - слишком много придется переделывать в коде... Зато уже чего-то не хватает)) Просто чистый фон - уже скучно.
Отправлено: 06.07.12 02:56. Заголовок: Serifa, я на катфри ..
Serifa, я на катфри тоже голову ломала, как бы сделать так, чтобы не шибко тематически было, и при этом уютно. Первые два варианта, я заметила, назвали крайне неуютными - серо-белые, у кого-то мысли о больнице появлялись ))) Поэтому сделала с книжками в шапке и белым (не чисто белым, немного потемнее, чтобы не сильно ярко было) фоном. Потом, припомнив, что многим больно видеть белый текст, решила сделать светло-бежевый. Так что стоит пока он - и читабелен, и не сильно тематический.
Бежевый пробовала! Камрад с техподдержки пришел, глянул, сказал - нечитабельно. Он еще не видел темно-серый вариант, который я сейчас делаю))))
Сделаю сразу несколько порций: совсем темный, посветлее и еще светлее. Я вообще подбираю цвета так, чтобы сочетались с фоном, и была общая композиция какая-то. А фон у меня - вот этот, местный, который сейчас на этой форе. Потому что это уникальный фон, я сама его "изобрела", и из всех моих фонов он самый интересный получился. И хорошо выглядит при любом расширении монитора.
Аскольд Пасічний - Дизайн стильный, но неюзабельный. Видимо сделан по заказу Асоциации Безработных Окулистов.
Это про текущий диз форы. В первом посте этой темы :) Про диз для форы орг сказали просто: нечитабельно, но он был гораздо темнее, так что можно понять.
На Катфри точно не бежевый, скорее... эм... золотистый?
цитата:
Цвет беж (фр. beige), бежевый — светло-коричневый, с кремовым (желтоватым) или сероватым оттенком, вариант цвета шерсти
Отправлено: 07.07.12 13:42. Заголовок: DXV Сначала с серым ..
DXV Сначала с серым разберусь. Я поняла, как сделать поля для форума светлее основного фона, я гений. Вот только башка трещит после вчерашнего работы))
Вот такой синий? Так это почти СМФ-дефолт, только если совсем белый убрать из фона. Скрытый текст
Все даты в формате GMT
0 час. Хитов сегодня: 14
Права: смайлы да, картинки да, шрифты да, голосования нет
аватары да, автозамена ссылок вкл, премодерация откл, правка нет
Это каталог форумных ролевых игр: форум, в разделах которого имеются адреса других форумов с кратким описанием того, что там происходит. Как найти свою игру? Посетить интересующий раздел нужной тематики, и пройтись по темам и указанным в них адресам. Потом можно написать свой отзыв прямо в теме.
Некоммерческий проект. Если Вы оставили здесь свои cookie, Вы сами за них отвечаете! Информация на сайте доступна по лицензии Creative Commons «Attribution-NonCommercial-NoDerivatives» 4.0, если не указана другая лицензия в подписи автора сообщения.
..... база данных пополняется с 20/06/2007..... картинки для оформления форума сделаны с помощью редактора Inkscape, в шапке присутствует фрагмент работы неизвестного художника