[ad_1]
Эта статья впервые появилась в номере 235 журнала .net — самого продаваемого в мире журнала для веб-дизайнеров и разработчиков.
Подход к дизайну веб-сайта путем разбиения его на компоненты — это разумный способ решения более крупных проблем дизайна, а также учета функциональных ограничений.
Большинство из нас делают это независимо от того, думаем ли мы об этом со стратегической точки зрения или нет — например, если вы когда-либо проектировали виджет Facebook или Twitter, потому что ваш клиент попросил об этом, вы следовали этой стратегии. Если вы можете использовать его в некоторых сценариях, это может сделать проект более плавным, а также увеличить долговечность вашей проектной работы. Модульный дизайн — это не просто использование шаблонов проектирования, вы можете включить их в свои модульные компоненты. Примером модуля, который вы, возможно, захотите использовать, может быть горизонтальная навигация на основе вкладок: навигационный блок является модулем, а табличная компоновка представляет собой шаблон для дизайна навигации.
Довольно много крупных веб-сайтов будут полагаться на это для создания разделов, наполненных функциональностью, которые можно было бы повторно использовать в других местах. Если вы создаете адаптивные веб-сайты или используете вайрфреймы как часть процесса проектирования, то, скорее всего, вы уже думаете о своем дизайне с точки зрения компонентов. Ключевым моментом является создание блоков взаимодействий или копий, которые можно перемещать и повторно использовать позже, а также сборка макета страницы с их использованием. Это простая идея, но если вы правильно ее используете, это может быть чем-то, над чем вся команда может очень легко работать вместе.
Работая таким образом, вы сможете решать проблемы дизайна и повторно использовать свои решения. Независимо от того, работаете ли вы в составе большой команды или в одиночку над крупным веб-сайтом, этот способ работы может быть бесценным, если вам нужно решить больше задач дизайна, чем у вас есть время для работы.
Пять примеров для проверки
20 шагов к идеальному макету веб-сайта: ознакомьтесь с профессиональными советами Creative Bloq!
[ad_2]