Usability.by Текст и типографика | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Категория ‘Текст и типографика’

Модульные сетки

Модульные сетки. Компоновка страницы

Модульная система — система вёрстки, при которой основой композиции полос и разворотов становится модульная сетка с определенным шагом (модулем), одинаковым или разным по горизонтали и вертикали.

Задачи сетки:

Ускорение работы
Мы не тратим лишнего времени на поиск геометрического места элемента в макете. К тому же имеем обоснования в размещении элементов.

Сбалансированность и пропорциональность
Элементы в макете соизмеримы и пропорциональны между собой. Мы можем обосновать размеры блоков, кегль и проч.

Ускорение и шаблонирование, единообразность элементов
Разработав сетку, мы делаем основу для решений на будущее. Грамотные гайды содержат детальное описание модульных сеток. Касательно веб-дизайна, мы можем с легкостью предусмотреть тривиальные макеты для всего сайта и сделать заготовку для единичных случаев.

Модульные сетки. Пример

Основываясь на собственном дизайнерском опыте, наш соотечественник, Алексей Черенкевич опубликовал в ЖЖ цикл статей о назначении и принципах построения модульных сеток.

38 попугаев (Введение)
Алгоритм
Микромодуль и оптические компенсации
Особенности работы с модульной сеткой при разработке «резиновых» сайтов
PaperGrid — сетка на бумаге

Цикл ещё не закончен. Статьи будут появляться дальше

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Гибкая сетка

В начале прошлого года мне довелось перестраивать сайт, сильно перегруженный контентом. Дизайн должен был соответствовать довольно простым требованиям: клиент попросил оставить существующий логотип организации, но улучшить оформление и удобочитаемость. Таким образом, начали мы с того, что потратили довольно много времени на вычерчивание четкой сетки для библиотеки контентных модулей.

О том, как реализовать сетку для сайтов, где требуется «резиновость», читайте в переводе статьи «Fluid Grids»
Перевод на Nomagic
Перевод на Хабрахабре

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

Превратите хороший контент в выигрышный

Контент, который легко найти. Легко просмотреть. Легко прочитать. Выразительный. Многоуровневый. На сегодняшний день известно много способов сделать контент удобным в использовании — благодаря таким экспертам, как Роберт Хорн, Джейкоб Нильсен, Джинни Редиш и Джерри МакГоверн. Но до сих пор непонятно, как создать контент, который заставит пользователей производить нужные действия и смотреть на вещи под нужным углом. Непонятно, как сделать его одновременно удобным и убедительным. Я ни в коем случае не хочу сказать, что надо жертвовать эффективностью ради убедительности. По-настоящему выигрышный контент должен удовлетворять обоим требованиям.

О том, как этого добиться вы можете узнать из перевода статьи Колина Джонса “Turn Usable Content into Winning Content”

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua

9 советов по оформлению текста для веб

95% пользователей не читают 80% вашего контента, к таким выводам пришли разработчики CWsites7. Статистика как видите не самая хорошая. Как же улучшать восприятие контента, донести его до как можно большего числа пользователей?

Читайте статью на Design For Masters

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua