(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Типографика в мобильном дизайне

Источник: dejurka

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

 

 

Читабельность

Читабельность определяется количеством усилий, которые пользователь должен потрать на то, чтобы прочитать и понять текст. Этот момент является очень важным, и его не следует недооценивать, так как текст - один из основных элементов для донесения информации.  

Blog

Bamboo Responsive

Tour Dates Mobile View

Mobile NKOTB

Hackerspace Krakow mobile

Размер

Достаточно большая проблема - если пользователь не может прочитать текст, так как он является слишком маленьким. Конечно, всегда текст можно увеличить, но должен ли пользователь это делать и будет ли? Люди по-разному используют свои планшеты и мобильные телефоны. И при создании дизайна очень важно прикладывать какие-то усилия, чтобы сделать текст более читабельным. Нужно помнить, что размер текста в мобильных дизайнах должен быть больше, чем для типичного веб-сайта.

Mobile Landing Page

Responsive Portfolio

Mobile Blog

Контраст

Синий текст на красном фоне является не является стандартным элементом в типичном дизайне. Это распространяется и на дизайн приложений для мобильных устройств. Но при создании мобильных дизайнов, всегда нужно помнить, что видимость на таком экране очень часто будет отличаться. Не всегда человек с планшетом или с телефоном находится при хорошем освещении. Поэтому, чтобы посетитель вашего сайта мог лучше видеть, нужно в дизайне стараться использовать хороший контраст. Не используйте, например светло-серый текст на белом фоне. Сделайте его немного темнее, и проблема с читабельностью будет решена.

WebBots Theme

Dashboard Widgets

Mooday

Расстояние

И последнее, на что нужно обращать внимание - расстояние между буквами, словами, строками. Эти факторы играют не менее важную роль при определении читабельности текста. Не зависимо от того, насколько буквы будут большими - текст может сложно читаться, если все буквы "сплющены" вместе.

Mobile Version

Mobile version

Landing Page

Neue Klok Grotesk

 Примеры

Change - Help Make It 

 

iOS App Liga Moche 

Portfolio iPhone App

Taasky 

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 11.06.2013 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
AutoCAD LT 2022 Commercial New Single-user ELD Annual Subscription
Toad Data Modeler Per Seat License/Maint
erwin Data Modeler Standard Edition r9.7 - Product plus 1 Year Enterprise Maintenance Commercial
IBM Domino Messaging Server Processor Value Unit (PVU) License + SW Subscription & Support 12 Months
Купить, скачать Dr.Web Security Space, 1 год, 1 ПК
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Безопасность компьютерных сетей и защита информации
Новости ITShop.ru - ПО, книги, документация, курсы обучения
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
Новые материалы
Один день системного администратора
Утиль - лучший бесплатный софт для Windows
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100