-
Я web программист, верстаю по макетам дизайнеров, но часто приходится делать разного рода второстепенные страницы, которые не прорисованы, например формы регистрации, контактов и т.п. кроме этого я проектирую и реализовываю интерфейсы компонентов управления сайтом Часто сижу туплю не над принципом работы интерфеса, а над тем, как раположить элементы, размером шрифта, отступами и т.п. вообщем, чтобы интерфейс не выглядеол уродливо, понятно, что если проект большой и коммерческий, то это требует работы диза, но есть свои проекты и проекты мельче, где это в стоимость не заложено, да и хотелось бы обучиться азам самому.
Интересует, можно ли найти общие рекомендации как организовывать информацию (ведь это может быть не обязательно поля формы), чтобы она выглядела стройной, ясной, хорошо читалась, как выбирать оступы, выравнивание, размеры элементов, цветовую гамму для и т.п.
-
Про отступы и оформление всяческих списков, отступов, заголовков, врезок итд итп Существует новая типографика Чихольда.
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
Хотя я бы посоветовал хорошо программировать и не лезть в дизайн. Всё сразу хорошо делать не получится.
-
Главный совет: используйте один шрифт везде. Если видите, что текст в интерфейсе где то стал другого размера или начертания - залезьте и исправьте на выбранный "эталон".
Не разводите зоопарк разных кнопочек. Все должно быть предельно стандартизировано: градиенты, кнопки, отступы.
Навигация должна быть заметной с первого взгляда и не запутанной.
Текст читабельным и четким.
Подсмотреть оформление форм можно как у сервисов Яндекса, так и у Гугла.
Сделайте определенный стандарт (или попросите достойного дизайнера чтобы он вам написал гайдлайн под ваши нужды).
Зоны заметности определяются так: попробуйте расконцентрировать зрение чтобы перед вами все помутнело. Блоки которые все еще видны и различимы будут бросаться в глаза первыми, на них пользователь будет постоянно "цепляться" и "натыкаться". Можно еще варьировать цветом чтобы еще больше выделить блок. Тогда будет выстраиваться некий зрительный "приоритет" блоков. Пользуйтесь этим принципом для обращение внимания пользователей на самые важные места сайта.